:root{--bg:#0b0d10;--panel:#13171d;--panel2:#191f27;--line:#2a313b;--text:#edf1f6;--muted:#8e9aa9;--accent:#78e0bd;--red:#f58c8c;--yellow:#f2c66d;--blue:#86baff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:9px;background:#222a34;color:var(--text);padding:9px 12px;cursor:pointer}button:hover{border-color:#627284}button.primary{background:var(--accent);color:#071b15;border-color:var(--accent);font-weight:700}button.ghost{background:transparent}input,select,textarea{width:100%;background:#0c1015;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px;outline:none}textarea{min-height:90px;resize:vertical}label{display:block;color:var(--muted);font-size:12px;margin:8px 0 5px}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:22px 14px;background:#0d1014}.brand{font-size:21px;font-weight:800;letter-spacing:-.6px;margin:4px 9px 3px}.brand span{color:var(--accent)}.subbrand{color:var(--muted);font-size:11px;margin:0 9px 28px}.nav{display:grid;gap:5px}.nav button{text-align:left;border-color:transparent;background:transparent;color:#aab4c0;padding:11px 12px}.nav button.active,.nav button:hover{background:#1b242b;color:var(--text);border-color:#27343a}.nav button.active{box-shadow:inset 3px 0 var(--accent)}.sidebottom{position:sticky;top:calc(100vh - 95px);margin-top:40px;color:var(--muted);font-size:11px;padding:12px}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:12px}.topbar h1{font-size:18px;margin:0}.muted{color:var(--muted)}.userchip{display:flex;gap:10px;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#283b3a;color:var(--accent);font-weight:800}.content{padding:26px;max-width:1600px;margin:auto}.view{display:none}.view.active{display:block}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}.heading h2{font-size:24px;letter-spacing:-.7px;margin:0 0 5px}.heading p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat,.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:13px}.stat{padding:17px}.stat .num{font-size:26px;font-weight:750;margin-top:7px}.stat .cap{color:var(--muted);font-size:12px}.panel{padding:17px;margin-bottom:17px}.panel h3{margin:0 0 14px;font-size:15px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .search{flex:1;min-width:220px}.toolbar select{width:auto;min-width:160px}.board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;align-items:start;overflow:auto;padding-bottom:8px}.lane{background:#101419;border:1px solid var(--line);border-radius:12px;padding:11px;min-height:180px}.lanehead{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:11px;padding:2px 2px 9px;border-bottom:1px solid var(--line)}.count{font-size:11px;color:var(--muted);background:#252c35;padding:3px 7px;border-radius:20px}.leadcard{background:var(--panel2);border:1px solid #2a333e;border-radius:10px;padding:12px;margin-bottom:9px}.leadcard h4{margin:0 0 4px;font-size:13px}.leadcard p{margin:4px 0;color:var(--muted);font-size:11px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.tag{background:#263139;border-radius:5px;padding:3px 6px;font-size:10px;color:#b7c5d1}.tag.green{color:var(--accent);background:#17332b}.actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.actions button{padding:6px 8px;font-size:11px}.wa{background:#143b2c;border-color:#24563f;color:#a5f1ce}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-weight:600}td{vertical-align:top}.empty{color:var(--muted);text-align:center;padding:30px}.qrbox{min-height:290px;display:grid;place-items:center;background:#0d1116;border:1px dashed #38434f;border-radius:12px;text-align:center;padding:22px}.qrbox img{max-width:240px;background:white;padding:8px;border-radius:8px}.pill{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:5px 9px;font-size:11px;color:var(--muted)}.priority{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quadrant{border:1px solid var(--line);border-radius:10px;padding:12px;min-height:125px;background:#11161c}.quadrant h4{margin:0 0 9px;font-size:12px}.taskitem{background:#202833;padding:7px;border-radius:7px;margin:5px 0;font-size:12px}.modal{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal.show{display:flex}.modalbox{width:min(600px,100%);max-height:90vh;overflow:auto;background:#141920;border:1px solid #35404c;border-radius:15px;padding:20px}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h3{margin:0}.toast{position:fixed;right:20px;bottom:20px;background:#1d2a2a;border:1px solid #31564d;padding:12px 15px;border-radius:9px;display:none;max-width:400px;z-index:40}.toast.show{display:block}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at top,#1a302c,#0b0d10 55%)}.loginbox{width:min(420px,100%);padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.loginbox .brand{margin:0}.loginbox p{color:var(--muted)}.hidden{display:none!important}.tiny{font-size:11px;color:var(--muted)}.danger{color:var(--red)}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:sticky;top:0;z-index:5;border-right:0;border-bottom:1px solid var(--line);padding:10px}.subbrand,.sidebottom{display:none}.brand{margin:3px 9px 9px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;padding:8px 10px}.topbar{height:60px;padding:0 16px}.content{padding:16px}.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.board{grid-template-columns:repeat(4,260px)}}@media(max-width:500px){.heading{display:block}.heading button{margin-top:12px}.formgrid{grid-template-columns:1fr}.topbar{padding:0 12px}.stats{gap:8px}.stat{padding:12px}.stat .num{font-size:22px}}

/* Tela de autenticação via Telegram */
.auth-page{min-height:100vh}.auth-brand-link{display:inline-block;color:inherit;text-decoration:none}.loginbox{width:min(460px,100%);padding:30px}.loginbox .subbrand{margin:0 0 24px}.loginbox h1{font-size:25px;letter-spacing:-.5px;margin:0 0 8px}.auth-intro{margin:0 0 22px}.telegram-auth{padding:22px 18px;background:#10151b;border:1px solid var(--line);border-radius:14px;text-align:center}.telegram-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;background:#218bd6;color:white;border-radius:50%}.telegram-auth h2{font-size:17px;margin:0 0 7px}.telegram-description{font-size:12px;line-height:1.6;margin:0 0 17px}.telegram-widget{display:flex;justify-content:center;align-items:center;min-height:44px;margin:12px auto}.telegram-widget iframe{max-width:100%}.telegram-button{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:11px 16px;color:#fff;background:#229ed9;border:1px solid #229ed9;border-radius:9px;font-size:14px;font-weight:700;text-decoration:none}.telegram-button:hover{background:#168ac2;border-color:#168ac2}.telegram-button-unconfigured{cursor:pointer}.auth-status{font-size:11px!important;line-height:1.5;margin:12px 0 0}.auth-status-warning{color:var(--yellow)!important}.telegram-setup-help{margin-top:16px;padding:13px;text-align:left;background:#191f27;border:1px solid var(--line);border-radius:9px;color:#c7d0dc;font-size:11px;line-height:1.7}.telegram-setup-help ol{padding-left:18px;margin:7px 0 0}.telegram-setup-help code{color:#b7e9dc;overflow-wrap:anywhere}.auth-error{font-size:12px;line-height:1.5;margin-top:12px}.auth-footnote{font-size:11px;line-height:1.6;margin:15px 2px 0}.loginbox p{line-height:1.55}@media(max-width:500px){.loginbox{padding:22px 16px}.telegram-auth{padding:19px 12px}}

/* Pipeline drag-and-drop, criação por modal e importação CSV */
.heading-actions{margin-top:2px;align-items:center}
.heading-actions .actions{margin-top:0}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.panel-heading h3,.panel-heading h4{margin:0}
.board{grid-template-columns:repeat(6,minmax(235px,1fr));}
.lane{transition:border-color .15s ease,background .15s ease;}
.lane.drag-over{border-color:var(--accent);background:#15211f;box-shadow:inset 0 0 0 1px #78e0bd44}
.lane-dropzone{min-height:125px}
.lane-empty{padding:22px 8px;border:1px dashed #303945;border-radius:8px;font-size:11px}
.draggable-card{cursor:grab;user-select:none;}
.draggable-card:active{cursor:grabbing}
.draggable-card.dragging{opacity:.45;transform:scale(.98)}
.modalbox form{margin-top:15px}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}
.modal-actions button{min-width:100px}
.checkbox-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:10px 0}
.checkbox-label input{width:auto;margin:0;accent-color:var(--accent)}
.qr-debug{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;max-width:100%}
.minute-card{margin:0 0 12px}
.minute-card .panel-heading{align-items:flex-start}
.taskitem p{margin:5px 0 0;color:var(--muted);font-size:10px}
@media(max-width:1500px){.board{grid-template-columns:repeat(6,minmax(220px,1fr));}}
@media(max-width:900px){.board{grid-template-columns:repeat(6,260px)}.heading-actions{display:flex;flex-wrap:wrap}}
@media(max-width:500px){.heading-actions{display:grid;grid-template-columns:1fr;width:100%}.heading-actions button{margin-top:0}.modalbox{padding:16px}}


/* Layout ajustado: sem overflow horizontal e sem barras de rolagem visíveis. */
html, body { width:100%; max-width:100%; overflow-x:hidden; scrollbar-width:none; }
*, *::before, *::after { box-sizing:border-box; scrollbar-width:none; }
*::-webkit-scrollbar { display:none; width:0; height:0; }
.layout { width:100%; max-width:100%; grid-template-columns:220px minmax(0,1fr); }
.side, .main, .content, .view, .panel { min-width:0; max-width:100%; }
.main { overflow-x:clip; }
.content { width:100%; padding:clamp(12px,2vw,26px); }
.heading { flex-wrap:wrap; }
.heading > div:first-child { min-width:0; }
.heading-actions { max-width:100%; flex-wrap:wrap; }
.board { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px; overflow:visible !important; width:100%; max-width:100%; }
.lane { min-width:0 !important; width:100%; max-width:100%; }
.leadcard, .task-card, .member-card, .meeting-card { min-width:0; overflow-wrap:anywhere; word-break:break-word; }
.leadcard h4, .leadcard p, .task-card p, .task-meta span { overflow-wrap:anywhere; }
.toolbar { min-width:0; }
.toolbar .search, .toolbar select { min-width:0; flex:1 1 180px; width:auto; }
.filters-panel { margin:0 0 16px; padding:14px; border:1px solid var(--line); background:var(--panel); border-radius:12px; min-width:0; }
.filters-panel > summary { cursor:pointer; font-weight:700; }
.filters-panel > p { margin:9px 0 14px; }
.filters-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:14px; }
.filter-field { min-width:0; }
.filter-field label { margin-top:0; }
.filter-field input, .filter-field select { min-width:0; width:100%; }
.range-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.filters-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.source-details-wrap { margin:14px 0; border:1px solid var(--line); border-radius:8px; padding:10px; }
.source-details-wrap summary { cursor:pointer; font-weight:700; }
.source-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0 0; }
.source-detail { min-width:0; padding:8px; background:#10151b; border-radius:7px; overflow-wrap:anywhere; }
.source-detail dt { color:var(--muted); font-size:10px; }
.source-detail dd { margin:4px 0 0; font-size:12px; word-break:break-word; }
.team-members { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.member-card { background:var(--panel2); border:1px solid var(--line); border-radius:11px; padding:13px; }
.member-head { display:flex; align-items:center; gap:9px; min-width:0; }
.member-avatar { flex:0 0 34px; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#283b3a; color:var(--accent); font-weight:800; }
.member-name { min-width:0; flex:1; }
.member-name h4 { margin:0; font-size:13px; overflow-wrap:anywhere; }
.member-name p { margin:4px 0 0; color:var(--muted); font-size:10px; overflow-wrap:anywhere; }
.member-task-list { display:grid; gap:6px; margin-top:12px; }
.member-task { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 8px; padding:8px; background:#141a21; border-radius:7px; min-width:0; }
.member-task b { font-size:11px; overflow-wrap:anywhere; }
.member-task small { grid-column:1 / -1; color:var(--muted); overflow-wrap:anywhere; }
.task-status { font-size:9px; padding:3px 6px; border:1px solid var(--line); border-radius:20px; white-space:normal; text-align:center; }
.task-status.status-concluída { color:var(--accent); }
.task-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; }
.task-lane { border:1px solid var(--line); border-radius:11px; padding:10px; min-width:0; background:#101419; transition:background .15s,border-color .15s; }
.task-lane.drag-over { border-color:var(--accent); background:#15211f; }
.task-lane-head { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:10px; padding-bottom:9px; border-bottom:1px solid var(--line); }
.task-lane-head h4 { margin:0; font-size:12px; }
.task-dropzone { min-height:100px; }
.task-card { padding:10px; margin-bottom:8px; border:1px solid #2a333e; background:var(--panel2); border-radius:9px; cursor:grab; min-width:0; }
.task-card.dragging { opacity:.45; }
.task-card-title { display:flex; align-items:flex-start; gap:6px; justify-content:space-between; }
.task-card-title h4 { margin:0; font-size:12px; overflow-wrap:anywhere; }
.task-card p { font-size:11px; color:var(--muted); margin:7px 0; }
.task-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; color:var(--muted); font-size:10px; }
.icon-button { padding:1px 7px; flex:0 0 auto; line-height:1.3; }
.meeting-cards { display:grid; gap:9px; }
.meeting-card { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; border:1px solid var(--line); border-radius:10px; padding:12px; background:var(--panel2); }
.meeting-card-main { min-width:0; }
.meeting-card h4 { margin:0 0 7px; font-size:13px; }
.meeting-card p { margin:5px 0; font-size:11px; color:var(--muted); overflow-wrap:anywhere; }
.tablewrap { max-width:100%; overflow:visible !important; }
table { width:100%; min-width:0 !important; table-layout:fixed; }
th, td { overflow-wrap:anywhere; word-break:break-word; padding:8px 5px; }
@media (max-width:1250px) {
  .filters-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .board { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:900px) {
  .layout { grid-template-columns:minmax(0,1fr); }
  .side { position:relative; top:auto; padding:10px; }
  .nav { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; overflow:visible !important; }
  .nav button { min-width:0; white-space:normal !important; text-align:center; padding:8px 4px; font-size:11px; }
  .content { padding:12px; }
  .filters-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .team-members { grid-template-columns:minmax(0,1fr); }
  .task-board { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:580px) {
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .board { grid-template-columns:minmax(0,1fr) !important; }
  .task-board { grid-template-columns:minmax(0,1fr); }
  .filters-grid { grid-template-columns:minmax(0,1fr); }
  .source-details { grid-template-columns:minmax(0,1fr); }
  .grid2, .formgrid { grid-template-columns:minmax(0,1fr); }
  .userchip { gap:5px; }
  .topbar { padding:0 10px; }
  .heading h2 { font-size:20px; }
  .heading-actions { width:100%; }
  .heading-actions button { flex:1 1 auto; min-width:0; }
  .meeting-card { display:grid; grid-template-columns:minmax(0,1fr); }
  .meeting-card > button { justify-self:start; }
  .member-task { grid-template-columns:minmax(0,1fr); }
  .member-task small { grid-column:auto; }
}

/* Devas UI refinement: controls, forms and lead filters */
:root {
  color-scheme: dark;
  --field-bg: #10151b;
  --field-bg-hover: #141c22;
  --field-border: #303a44;
  --field-border-hover: #4d665f;
  --focus-ring: rgba(120, 224, 189, .16);
  --accent-soft: rgba(120, 224, 189, .10);
  --surface-raised: #171d24;
}

button, input, select, textarea {
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;
}

button {
  min-height: 38px;
  padding: 9px 14px;
  border-radius: 12px;
  border-color: #303a44;
  background: linear-gradient(180deg, #202831 0%, #1a2028 100%);
  color: var(--text);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .005em;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
button:hover {
  border-color: #52645e;
  background: #242e35;
}
button:active { transform: translateY(1px); }
button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
button.primary {
  border-color: transparent;
  background: linear-gradient(135deg, #91ebcc 0%, #69d6b0 100%);
  color: #09231a;
  box-shadow: 0 5px 16px rgba(74, 188, 148, .12);
}
button.primary:hover {
  background: linear-gradient(135deg, #a5f3d7 0%, #7ae3bd 100%);
  box-shadow: 0 7px 20px rgba(74, 188, 148, .18);
}
button.ghost, button.button-soft {
  background: rgba(255,255,255,.025);
  border-color: #303a44;
  color: #c6d0d8;
}
button.button-soft:hover, button.ghost:hover { background: #202831; color: var(--text); }

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 43px;
  padding: 11px 13px;
  border: 1px solid var(--field-border);
  border-radius: 13px;
  background-color: var(--field-bg);
  color: #e8edf1;
  font-size: 12px;
  line-height: 1.45;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 1px 1px rgba(0,0,0,.08);
  outline: none;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
select:hover,
textarea:hover {
  border-color: var(--field-border-hover);
  background-color: var(--field-bg-hover);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
select:focus,
textarea:focus {
  border-color: var(--accent);
  background-color: #11191d;
  box-shadow: 0 0 0 3px var(--focus-ring);
}
input::placeholder, textarea::placeholder { color: #697784; opacity: 1; }
input:disabled, select:disabled, textarea:disabled { opacity: .55; cursor: not-allowed; }
input[type="number"] { font-variant-numeric: tabular-nums; }
input[type="date"], input[type="datetime-local"], input[type="time"] { color-scheme: dark; }
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .72; filter: saturate(.5); }
input[type="search"]::-webkit-search-cancel-button { cursor: pointer; }
select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 39px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e9aa9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: right 13px center;
}
select option, select optgroup {
  background: #171d24;
  color: #e8edf1;
  padding: 10px;
}
select option:checked { background: #264238; color: #a3efd1; }
textarea { min-height: 104px; resize: vertical; }
label {
  margin: 0 0 7px;
  color: #b6c1ca;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .015em;
}
.formgrid { gap: 15px; align-items: start; }
.formgrid > div { min-width: 0; }
.modalbox form { margin-top: 17px; }
.modalbox form > label { margin-top: 15px; }
.modalbox .formgrid label { margin-top: 0; }
.checkbox-label { align-items: center; gap: 9px; color: #b8c4cd; font-size: 12px; }
.checkbox-label input, input[type="checkbox"], input[type="radio"] {
  width: 17px;
  height: 17px;
  min-height: auto;
  accent-color: var(--accent);
  cursor: pointer;
}

.toolbar { gap: 10px; margin: 0 0 14px; }
.toolbar .search {
  min-width: 180px;
  min-height: 48px;
  padding-left: 43px;
  border-radius: 15px;
  background-color: #12181e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238e9aa9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 17px;
  font-size: 13px;
}
.toolbar #leadView { min-height: 48px; width: auto; min-width: 210px; border-radius: 15px; }

.filter-workspace {
  margin: 0 0 17px;
  padding: clamp(14px, 1.8vw, 20px);
  border: 1px solid #29343b;
  border-radius: 18px;
  background: radial-gradient(ellipse at 5% 0%, rgba(120,224,189,.055), transparent 43%), linear-gradient(145deg, #151a20 0%, #11161b 75%);
  box-shadow: 0 10px 25px rgba(0,0,0,.09), inset 0 1px 0 rgba(255,255,255,.018);
}
.filter-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 17px;
}
.filter-intro { min-width: 0; }
.filter-intro .eyebrow {
  display: inline-flex;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
}
.filter-intro h3 { margin: 0 0 5px; font-size: 16px; letter-spacing: -.025em; }
.filter-intro p { max-width: 650px; margin: 0; color: #8e9aa9; font-size: 11px; line-height: 1.6; }
.filter-top-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.active-filters {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid #303943;
  border-radius: 999px;
  background: #10161b;
  color: #98a5b0;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.active-filters.has-filters { border-color: rgba(120,224,189,.38); background: var(--accent-soft); color: var(--accent); }
.filter-top-actions .button-soft { min-height: 31px; padding: 6px 10px; border-radius: 999px; font-size: 10px; }
.quick-filter-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}
.filter-field { display: flex; flex-direction: column; min-width: 0; gap: 0; }
.filter-field label { display: block; min-height: 16px; margin: 0 0 7px; overflow-wrap: anywhere; color: #aebac3; font-size: 10px; font-weight: 700; }
.filter-field input:not([type="checkbox"]), .filter-field select { min-height: 41px; padding: 9px 11px; border-radius: 12px; font-size: 11px; }
.filter-field select { padding-right: 34px; background-position: right 10px center; }
.quick-filter-grid .filter-field-quick { padding: 0; }
.select-wrap { position: relative; min-width: 0; }
.range-inputs { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 7px; }
.range-input-wrap { position: relative; min-width: 0; }
.range-input-wrap > span { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #75858d; font-size: 10px; pointer-events: none; }
.range-input-wrap input { padding-left: 29px !important; }
.filters-panel {
  margin: 15px 0 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #2b353d;
  border-radius: 13px;
  background: rgba(9,13,17,.23);
}
.filters-panel > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 57px;
  padding: 11px 14px;
  cursor: pointer;
  list-style: none;
  color: #e0e7e9;
  transition: background .15s ease;
}
.filters-panel > summary::-webkit-details-marker, .filter-group > summary::-webkit-details-marker { display: none; }
.filters-panel > summary:hover { background: rgba(255,255,255,.025); }
.summary-icon {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(120,224,189,.2);
  border-radius: 10px;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 18px;
  line-height: 1;
  transition: transform .2s ease;
}
.filters-panel[open] .summary-icon { transform: rotate(45deg); }
.summary-copy { display: grid; gap: 3px; flex: 1; min-width: 0; }
.summary-copy strong { color: #e2e8eb; font-size: 11px; font-weight: 750; }
.summary-copy small { color: #83909a; font-size: 10px; font-weight: 400; line-height: 1.4; }
.summary-meta {
  flex: 0 0 auto;
  padding: 5px 9px;
  border: 1px solid #303942;
  border-radius: 999px;
  color: #84929d;
  font-size: 9px;
  font-weight: 700;
}
.filters-explainer { margin: 0 14px 12px; padding: 10px 12px; border-radius: 10px; background: rgba(120,224,189,.045); color: #94a3ad; font-size: 10px; line-height: 1.6; }
.filter-groups { display: grid; gap: 7px; padding: 0 10px 12px; }
.filter-group {
  min-width: 0;
  border: 1px solid #2a343c;
  border-radius: 12px;
  background: #141a20;
  overflow: hidden;
}
.filter-group > summary {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 43px;
  padding: 10px 12px;
  cursor: pointer;
  list-style: none;
  transition: background .15s ease;
}
.filter-group > summary:hover { background: #1a2229; }
.filter-group > summary::after {
  content: "";
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  border-right: 1.5px solid #81918f;
  border-bottom: 1.5px solid #81918f;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .15s ease;
}
.filter-group[open] > summary::after { transform: rotate(225deg) translate(-1px,-1px); }
.filter-group-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(120,224,189,.08); }
.filter-group-title { flex: 1; min-width: 0; color: #d5dfe3; font-size: 11px; font-weight: 700; }
.filter-group-count { color: #7e8b96; font-size: 9px; white-space: nowrap; }
.filter-group-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 13px;
  padding: 13px;
  border-top: 1px solid #27313a;
  background: #11171c;
}
.filter-group-fields .filter-field { min-width: 0; }
.filters-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 10px 12px;
}
.filters-actions button { min-width: 112px; }
.filter-loading { padding: 12px 0; color: #788690; font-size: 11px; }

/* Softer panels and a clearer information hierarchy */
.panel, .stat, .lane, .leadcard, .member-card, .task-lane, .task-card, .meeting-card, .minute-card {
  border-radius: 15px;
}
.stat { background: linear-gradient(145deg, #171d24 0%, #12171d 100%); border-color: #29333c; }
.stat .cap { font-size: 10px; font-weight: 650; letter-spacing: .03em; text-transform: uppercase; }
.stat .num { letter-spacing: -.04em; }
.panel { border-color: #28333c; box-shadow: 0 8px 24px rgba(0,0,0,.07); }
.panel h3 { letter-spacing: -.015em; }
.modalbox { border: 1px solid #3a454d; border-radius: 20px; background: linear-gradient(155deg, #181f26 0%, #10151a 100%); box-shadow: 0 22px 70px rgba(0,0,0,.46); }
.modalhead { border-bottom-color: #2a343d; padding-bottom: 12px; }
.modalhead h3 { letter-spacing: -.02em; }
.modalhead > button { width: 33px; min-height: 33px; padding: 0; border-radius: 50%; }
.modal-actions { align-items: center; }
.modal-actions button { border-radius: 11px; }

@media (max-width: 1400px) {
  .quick-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .filter-group-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .filter-topline { flex-direction: column; }
  .filter-top-actions { width: 100%; justify-content: space-between; }
  .quick-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filters-panel > summary { align-items: flex-start; }
  .summary-meta { margin-left: auto; }
  .filter-group-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .toolbar #leadView { width: 100%; min-width: 0; }
}
@media (max-width: 580px) {
  .filter-workspace { padding: 13px; border-radius: 15px; }
  .filter-top-actions { align-items: center; }
  .quick-filter-grid { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  .quick-filter-grid .filter-field input, .quick-filter-grid .filter-field select { min-height: 44px; }
  .filter-group-fields { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .summary-copy small { max-width: 220px; }
  .summary-meta { align-self: center; }
  .filters-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .filters-actions button { width: 100%; }
  .toolbar { align-items: stretch; }
  .toolbar .search { width: 100%; }
  .modalbox { border-radius: 17px; }
}

/* Filtros comerciais: somente os campos solicitados, com dropdowns próprios do Devas. */
.filter-workspace { overflow: visible; }
.filter-workspace .filter-topline { margin-bottom: 16px; }
.filter-workspace .quick-filter-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 13px 12px;
  align-items: start;
  overflow: visible;
}
.filter-field-compact { min-width: 0; position: relative; }
.filter-field-compact label {
  min-height: 14px;
  margin-bottom: 7px;
  font-size: 9px;
  letter-spacing: .075em;
  text-transform: uppercase;
  color: #9daab2;
}
.filter-field-compact > input,
.filter-field-compact .range-inputs input,
.filter-field-compact .pretty-select-trigger {
  min-height: 42px;
  border-radius: 12px;
  font-size: 11px;
}
.filter-field-compact > input { padding: 10px 12px; }
.filter-field-compact .range-inputs { gap: 6px; }
.filter-field-compact .range-input-wrap > span { left: 9px; font-size: 9px; }
.filter-field-compact .range-input-wrap input { padding-left: 27px !important; }
.filter-hint { display:block; margin-top:6px; color:#71818b; font-size:9px; line-height:1.4; overflow-wrap:anywhere; }
.filter-content-head p { max-width:660px; }
.filter-workspace-compact .quick-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.filter-workspace-compact .filter-field { padding:2px 0; }
.filter-workspace-compact .filter-range .range-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); }
#moreFilters[hidden] { display:none !important; }

/* Selects customizados. O menu usa HTML próprio, evitando o popup azul do navegador. */
.pretty-select { position:relative; width:100%; min-width:0; z-index:1; }
.pretty-select.open { z-index:1000; }
.pretty-select-native {
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  border:0 !important;
  overflow:hidden !important;
}
.pretty-select-trigger {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  padding:10px 12px !important;
  border:1px solid var(--field-border) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, #171e24 0%, #141a20 100%) !important;
  color:#dbe4e8 !important;
  text-align:left !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  transform:none !important;
}
.pretty-select-trigger:hover { border-color:#4c655e !important; background:#192229 !important; }
.pretty-select-trigger:focus-visible { outline:2px solid rgba(120,224,189,.45) !important; outline-offset:2px !important; }
.pretty-select.open .pretty-select-trigger { border-color:var(--accent) !important; box-shadow:0 0 0 3px var(--focus-ring) !important; }
.pretty-select-label { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pretty-select-chevron {
  flex:0 0 8px;
  width:8px;
  height:8px;
  margin:0 2px 4px 0;
  border-right:1.5px solid #91a39f;
  border-bottom:1.5px solid #91a39f;
  transform:rotate(45deg);
  transition:transform .16s ease;
}
.pretty-select.open .pretty-select-chevron { transform:rotate(225deg); margin-bottom:0; }
.pretty-select-menu {
  position:fixed;
  z-index:99999;
  min-width:220px;
  max-width:calc(100vw - 24px);
  padding:6px;
  border:1px solid #35434b;
  border-radius:13px;
  background:#1b232a;
  color:#dce5e9;
  box-shadow:0 18px 45px rgba(0,0,0,.46), 0 2px 8px rgba(0,0,0,.2);
  overflow:hidden;
  animation:prettySelectIn .12s ease-out;
}
.pretty-select-menu[hidden], .pretty-select-option[hidden], .pretty-select-empty[hidden] { display:none !important; }
@keyframes prettySelectIn { from { opacity:0; transform:translateY(-3px); } to { opacity:1; transform:translateY(0); } }
.pretty-select-search-wrap { padding:2px 2px 7px; margin-bottom:4px; border-bottom:1px solid #303c44; }
.pretty-select-search-wrap input.pretty-select-search {
  min-height:35px !important;
  padding:8px 10px !important;
  border-radius:9px !important;
  background:#11171c !important;
  font-size:11px !important;
}
.pretty-select-list { display:grid; gap:2px; max-height:240px; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#3d4c53 transparent; }
.pretty-select-option {
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:34px !important;
  padding:8px 10px !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#cdd8de !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  text-align:left !important;
  transform:none !important;
}
.pretty-select-option > span { display:block; min-width:0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pretty-select-option:hover, .pretty-select-option:focus-visible { border-color:#314840 !important; background:#24352f !important; color:#dff8ed !important; outline:none !important; }
.pretty-select-option.selected { border-color:rgba(120,224,189,.2) !important; background:rgba(120,224,189,.1) !important; color:#9ce8cc !important; }
.pretty-select-option:disabled { opacity:.45; cursor:not-allowed; }
.pretty-select-empty { padding:12px 10px; color:#81919b; font-size:11px; }
.toolbar .pretty-select { flex:0 0 auto; width:auto; min-width:210px; }
.toolbar .pretty-select-trigger { min-height:48px !important; border-radius:15px !important; }

@media (max-width:1400px) {
  .filter-workspace .quick-filter-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:1080px) {
  .filter-workspace .quick-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .filter-workspace .quick-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 10px; }
  .toolbar .pretty-select { width:100%; min-width:0; }
}
@media (max-width:440px) {
  .filter-workspace .quick-filter-grid { grid-template-columns:minmax(0,1fr); }
  .filter-top-actions { justify-content:space-between; }
  .filter-workspace .filter-top-actions .active-filters { white-space:normal; }
}

.view-mode-control { display:grid; gap:6px; min-width:210px; }
.view-mode-control > label { margin:0; color:#83939c; font-size:9px; font-weight:800; letter-spacing:.11em; }
@media (max-width:760px) { .view-mode-control, .view-mode-control .pretty-select { width:100%; min-width:0; } }


/* Pipeline: filtros discretos, quatro etapas claras e paginação por quadro */
.pipeline-toolbar {
  display:grid;
  grid-template-columns:minmax(230px,1fr) auto auto;
  gap:9px;
  align-items:center;
  margin:0 0 9px;
  min-width:0;
}
.lead-search-wrap { min-width:0; }
.pipeline-toolbar .search {
  width:100%; min-width:0; min-height:44px; border-radius:13px;
  padding-left:42px; background-color:#12181e; font-size:12px;
}
.filter-toggle {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:7px 11px; border-radius:13px; white-space:nowrap;
  background:#151c22; border-color:#303a44; color:#dbe4e8; font-size:11px;
}
.filter-toggle-icon { color:var(--accent); font-size:18px; line-height:1; }
.filter-toggle .active-filters { min-height:22px; padding:3px 7px; font-size:9px; }
.filter-toggle.has-active-filters { border-color:rgba(120,224,189,.4); }
.csv-actions { display:flex; align-items:center; gap:7px; min-width:0; }
.csv-actions button { min-height:44px; padding:8px 11px; border-radius:13px; white-space:nowrap; font-size:11px; }
.filter-workspace-compact { padding:0; border:0; background:transparent; box-shadow:none; margin:0 0 13px; }
.filter-content { padding:15px; border:1px solid #29343b; border-radius:15px; background:linear-gradient(145deg,#151a20 0%,#11161b 75%); }
.filter-content[hidden] { display:none !important; }
.filter-content-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.filter-content-head h3 { margin:0 0 3px; font-size:13px; }
.filter-content-head p { margin:0; color:#8e9aa9; font-size:10px; line-height:1.5; }
.filter-content-head .button-soft { flex:0 0 auto; min-height:32px; padding:6px 10px; border-radius:10px; font-size:10px; }
.filter-workspace-compact .quick-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.filter-workspace-compact .filter-field label { font-size:10px; }
.filter-workspace-compact .filter-field input,
.filter-workspace-compact .filter-field select,
.filter-workspace-compact .pretty-select-trigger { min-height:39px !important; border-radius:11px !important; font-size:11px !important; }
.more-filters { margin-top:10px; border:1px solid #2c3740; border-radius:11px; overflow:visible; background:#10161b; }
.more-filters > summary { display:flex; align-items:center; justify-content:space-between; gap:10px; list-style:none; cursor:pointer; padding:11px 12px; font-size:11px; font-weight:700; color:#d3dee3; }
.more-filters > summary::-webkit-details-marker { display:none; }
.more-filters > summary::after { content:""; width:7px; height:7px; border-right:1.5px solid #8fa29f; border-bottom:1.5px solid #8fa29f; transform:rotate(45deg); transition:transform .15s; }
.more-filters[open] > summary::after { transform:rotate(225deg); }
.more-filters .summary-meta { margin-left:auto; }
.more-filters .quick-filter-grid { padding:12px; border-top:1px solid #27313a; grid-template-columns:repeat(3,minmax(0,1fr)); }
.board { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:start; gap:10px; width:100%; max-width:100%; min-width:0; overflow:visible !important; padding:0; }
.lane { min-width:0; width:100%; max-width:100%; padding:9px; overflow:visible; }
.lanehead { display:block; min-width:0; padding:2px 1px 9px; margin-bottom:9px; }
.lanehead-main { display:grid; gap:9px; min-width:0; }
.lanehead-title { display:flex; align-items:center; justify-content:space-between; gap:6px; min-width:0; }
.lanehead-title h3 { min-width:0; margin:0; font-size:12px; font-weight:750; letter-spacing:-.015em; overflow-wrap:anywhere; }
.lane-page-size { display:flex; align-items:center; gap:6px; margin:0; min-width:0; color:#8996a1; font-size:10px; }
.lane-page-size > span { flex:0 0 auto; }
.lane-page-size .pretty-select { flex:1 1 auto; min-width:0; width:auto; }
.lane-page-size .pretty-select-trigger { min-height:31px !important; padding:6px 8px !important; border-radius:9px !important; font-size:10px !important; }
.lane-page-size .pretty-select-chevron { width:6px; height:6px; flex-basis:6px; }
.count { flex:0 0 auto; font-variant-numeric:tabular-nums; }
.lane-dropzone { min-height:90px; min-width:0; }
.leadcard-compact { min-width:0; padding:10px; margin-bottom:7px; cursor:grab; }
.leadcard-compact h4 { margin:0; font-size:11px; font-weight:650; line-height:1.45; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; overflow-wrap:anywhere; }
.leadcard-compact .leadcard-actions { display:flex; align-items:center; gap:5px; margin-top:9px; }
.leadcard-compact .leadcard-actions button { min-width:0; flex:0 1 auto; padding:6px 7px; font-size:10px; border-radius:8px; }
.leadcard-compact .leadcard-actions .wa { flex:1 1 auto; }
.lane-pagination { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:4px; margin-top:10px; padding-top:9px; border-top:1px solid #27313a; min-width:0; }
.lane-pagination > span { min-width:0; text-align:center; color:#84929d; font-size:9px; white-space:nowrap; }
.lane-pagination > span b { color:#cdd9de; font-weight:750; }
.page-nav { min-width:0; padding:5px 6px; border-radius:8px; font-size:9px; line-height:1.2; white-space:nowrap; }
.page-nav:disabled { opacity:.28; cursor:not-allowed; }
.pipeline-help { margin:9px 2px 0; line-height:1.5; }
@media(max-width:1350px) {
  .board { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media(max-width:900px) {
  .pipeline-toolbar { grid-template-columns:minmax(0,1fr) auto; }
  .lead-search-wrap { grid-column:1 / -1; }
  .csv-actions { justify-content:flex-end; }
  .filter-workspace-compact .quick-filter-grid,
  .more-filters .quick-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:580px) {
  .pipeline-toolbar { grid-template-columns:minmax(0,1fr); }
  .lead-search-wrap,.filter-toggle,.csv-actions { width:100%; }
  .filter-toggle { justify-content:space-between; }
  .csv-actions button { flex:1 1 0; min-width:0; }
  .filter-content { padding:11px; }
  .filter-content-head { align-items:flex-start; }
  .filter-content-head p { max-width:240px; }
  .filter-workspace-compact .quick-filter-grid,
  .more-filters .quick-filter-grid { grid-template-columns:minmax(0,1fr); }
  .board { grid-template-columns:minmax(0,1fr) !important; }
  .lane-page-size { max-width:220px; }
  .lanehead-main { grid-template-columns:minmax(0,1fr) auto; align-items:center; }
  .lanehead-title { justify-content:flex-start; }
  .lane-pagination { grid-template-columns:auto minmax(0,1fr) auto; }
}

/* Devas team workspace: one Eisenhower matrix, member rail, chat and progress */
.team-workspace{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:14px;align-items:start;width:100%;min-width:0}
.team-sidebar{position:sticky;top:86px;min-width:0;margin-bottom:0;padding:13px}
.team-sidebar .panel-heading,.team-main .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.team-sidebar .panel-heading h3,.team-main .panel-heading h3{margin:0}
.team-members-side{display:grid;gap:9px;margin-top:12px;min-width:0}
.member-side-card{min-width:0;border:1px solid var(--line);background:#171d24;border-radius:11px;padding:10px}
.member-side-head{display:flex;align-items:flex-start;gap:9px;min-width:0}
.member-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#273b38;color:var(--accent);font-weight:800}
.member-side-ident{min-width:0;display:grid;gap:3px}
.member-side-ident>b{font-size:12px;overflow-wrap:anywhere}
.member-role{font-size:11px;color:#b3bfca;overflow-wrap:anywhere}
.member-presence{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.presence-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:0 0 7px;background:#68727e}
.presence-dot.online{background:#62e3a9;box-shadow:0 0 0 3px #62e3a91c}
.presence-dot.offline{background:#7b8490}
.member-side-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;color:var(--muted);font-size:10px}
.member-side-stats span{background:#222a33;border-radius:6px;padding:4px 6px}
.member-side-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.member-side-actions button,.dismissed-member-row button{padding:5px 7px;font-size:10px}
button.danger-button{color:#ffb4b4;background:#2b1b20;border-color:#533037}
.member-dismissed{opacity:.7}
.dismissed-members{margin-top:12px;font-size:11px;color:var(--muted)}
.dismissed-members summary{cursor:pointer;padding:7px 2px}
.dismissed-member-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.team-main{display:grid;gap:14px;min-width:0}
.team-main>.panel{margin:0;min-width:0}
.priority-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.matrix-quadrant{min-width:0;border:1px solid var(--line);border-radius:12px;padding:10px;background:#10151b;transition:border-color .15s,background .15s}
.matrix-quadrant.drag-over{border-color:var(--accent);background:#172722}
.matrix-quadrant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:2px 2px 10px;border-bottom:1px solid var(--line);margin-bottom:9px}
.matrix-quadrant-head h4{margin:0 0 3px;font-size:12px}
.matrix-quadrant-head p{margin:0;font-size:10px;color:var(--muted)}
.matrix-dropzone{display:grid;gap:8px;min-height:100px;min-width:0}
.matrix-task{min-width:0;overflow-wrap:anywhere;background:#1b222b;border:1px solid #303b47;border-radius:9px;padding:9px;cursor:grab}
.matrix-task:active{cursor:grabbing}
.matrix-task.dragging{opacity:.4}
.matrix-task-done{opacity:.72;border-style:dashed}
.matrix-task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
.matrix-task-head>b{font-size:12px;overflow-wrap:anywhere;min-width:0}
.matrix-task-head .icon-button{flex:0 0 auto;padding:1px 6px;line-height:1.4}
.matrix-task>p{font-size:11px;color:var(--muted);margin:6px 0;overflow-wrap:anywhere}
.matrix-task-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:8px}
.matrix-task-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.matrix-task-bottom select{width:auto;max-width:130px;padding:5px 23px 5px 7px;font-size:10px;border-radius:7px}
.matrix-task-bottom .task-status{font-size:10px}
.matrix-empty{display:grid;place-items:center;min-height:80px;border:1px dashed #303b47;border-radius:8px;color:#738091;font-size:11px;text-align:center;padding:12px}
.team-progress{display:grid;gap:12px}
.progress-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.progress-summary>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#171d24;min-width:0}
.progress-summary span{font-size:10px;color:var(--muted)}
.progress-summary b{font-size:19px}
.progress-track{height:7px;border-radius:99px;overflow:hidden;background:#29313b}
.progress-track>span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .2s}
.progress-total{height:9px}
.progress-person{display:grid;gap:6px}
.progress-person-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;min-width:0}
.progress-person-head>b{overflow-wrap:anywhere}
.progress-person-head>span{color:var(--muted);text-align:right;flex:0 0 auto}
.online-summary{font-size:11px;color:var(--accent);white-space:nowrap}
.team-chat-messages{height:260px;max-height:40vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:10px;background:#0d1116;border:1px solid var(--line);border-radius:10px;min-width:0}
.team-chat-message{max-width:90%;align-self:flex-start;background:#1d252e;border:1px solid #303a46;border-radius:10px 10px 10px 3px;padding:8px 10px;overflow-wrap:anywhere;min-width:0}
.team-chat-message.mine{align-self:flex-end;background:#17332b;border-color:#285444;border-radius:10px 10px 3px 10px}
.team-chat-message>div{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.team-chat-message b{font-size:11px}
.team-chat-message time{font-size:9px;color:var(--muted)}
.team-chat-message p{white-space:pre-wrap;margin:5px 0 0;font-size:12px;overflow-wrap:anywhere}
.team-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:9px;min-width:0}
.team-chat-form input{min-width:0}
.wa-test-panel{display:grid;gap:10px}
.wa-test-panel h3{margin-bottom:4px}
.wa-test-form{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1.3fr) auto;align-items:end;gap:10px;min-width:0}
.wa-test-form>div{min-width:0}
.wa-test-form button{white-space:normal;min-height:40px}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 26px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;margin-top:20px}
.app-footer b{color:var(--accent);padding:0 4px}
@media(max-width:1100px){.team-workspace{grid-template-columns:minmax(190px,230px) minmax(0,1fr)}.wa-test-form{grid-template-columns:1fr 1fr}.wa-test-form button{grid-column:1/-1}}
@media(max-width:800px){.team-workspace{grid-template-columns:minmax(0,1fr)}.team-sidebar{position:static}.team-members-side{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-board{grid-template-columns:repeat(2,minmax(0,1fr))}.app-footer{padding:15px 16px}}
@media(max-width:520px){.team-members-side{grid-template-columns:minmax(0,1fr)}.priority-board{grid-template-columns:minmax(0,1fr)}.progress-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-person-head{flex-wrap:wrap}.team-chat-messages{height:220px}.wa-test-form{grid-template-columns:minmax(0,1fr)}.wa-test-form button{grid-column:auto}.app-footer{display:grid;gap:6px}.matrix-task-bottom select{max-width:145px}}

/* Modal de detalhes da empresa: leitura apenas, todos os campos da planilha visíveis */
.modal.lead-details-modal { align-items: center; }
.modal.lead-details-modal .modalbox {
  width: min(1080px, calc(100vw - 32px));
  max-height: 92vh;
  overflow: auto;
  padding: clamp(16px, 2vw, 25px);
}
.lead-modal-section { margin-top: 18px; }
.lead-modal-sectionhead { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; }
.lead-modal-sectionhead h4 { margin:0; font-size:14px; letter-spacing:-.015em; }
.lead-modal-sectionhead span { color:var(--muted); font-size:10px; white-space:nowrap; }
.modal.lead-details-modal .source-details {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0;
}
.modal.lead-details-modal .source-detail {
  min-width:0;
  min-height:66px;
  padding:10px 11px;
  border:1px solid #29343d;
  border-radius:10px;
  background:linear-gradient(145deg,#151c22,#11161b);
}
.modal.lead-details-modal .source-detail dt {
  color:#91a09f;
  font-size:10px;
  font-weight:650;
  line-height:1.35;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.modal.lead-details-modal .source-detail dd {
  margin:6px 0 0;
  color:#e7edf0;
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:pre-wrap;
}
.lead-commercial-section { padding-top:16px; border-top:1px solid var(--line); }
.commercial-result-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; padding:11px 12px; border:1px solid #2d493e; border-radius:10px; background:#11251e; }
.commercial-result-row > span, .commercial-observation > span { color:#a9b7bb; font-size:11px; font-weight:650; }
.commercial-result-value { color:var(--accent); font-size:12px; }
.commercial-observation { margin-top:10px; padding:12px; border:1px solid var(--line); border-radius:10px; background:#11161b; }
.commercial-observation p { margin:7px 0 0; color:#e1e7e9; font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.modal.lead-details-modal .modal-actions { justify-content:flex-start; padding-top:12px; border-top:1px solid var(--line); }
@media(max-width:900px) {
  .modal.lead-details-modal .source-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:580px) {
  .modal.lead-details-modal { padding:8px; align-items:center; }
  .modal.lead-details-modal .modalbox { width:100%; max-height:94vh; padding:14px; border-radius:15px; }
  .modal.lead-details-modal .source-details { grid-template-columns:minmax(0,1fr); }
  .modal.lead-details-modal .source-detail { min-height:0; }
  .lead-modal-sectionhead { align-items:flex-start; }
}

/* Adicionar observações sem permitir edição dos dados cadastrais/comerciais do lead. */
.observation-entry{display:grid;gap:9px;margin-top:15px;padding:14px;border:1px solid #2e3b40;border-radius:12px;background:linear-gradient(145deg,#141c20,#11161b)}
.observation-entry label{margin:0;color:#d2ddd9;font-size:12px;font-weight:700}
.observation-entry textarea{width:100%;min-height:88px;max-height:220px;resize:vertical;background:#0d1317;border:1px solid #34433f;border-radius:10px;padding:12px;color:var(--text);line-height:1.5}
.observation-entry textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:0}
.observation-entry-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.observation-entry-footer span{color:var(--muted);font-size:10px;line-height:1.45;flex:1 1 180px}
.observation-entry-footer button{flex:0 0 auto}
@media(max-width:580px){.observation-entry{padding:11px}.observation-entry-footer{align-items:stretch}.observation-entry-footer button{width:100%}}


/* WhatsApp live status, compact test send and in-app notifications */
.wa-workspace{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}
.wa-connection-panel{display:flex;flex-direction:column;min-width:0;min-height:440px}
.wa-connection-panel .panel-heading{align-items:center;flex-wrap:wrap}
.wa-status{white-space:nowrap;max-width:100%}
.wa-status.status-connected{background:#17382f;border-color:#2b755d;color:#8ce7c4}
.wa-status.status-pending{background:#30291a;border-color:#66522d;color:#e8cb86}
.wa-status.status-error{background:#381f23;border-color:#704047;color:#ffc0c5}
.wa-instructions{line-height:1.8;margin:15px 0}
.wa-status-button{align-self:flex-start}
.wa-test-inline{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}
.wa-test-inline h3{margin:0 0 5px}
.wa-test-inline p{font-size:12px;margin:0 0 10px}
.wa-test-form{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);align-items:end;gap:10px;min-width:0}
.wa-test-form>div{min-width:0}
.wa-test-form label{margin-top:0}
.wa-test-form textarea{min-height:70px;height:70px;resize:vertical;font-size:12px}
.wa-test-form button{grid-column:1/-1;justify-self:start;min-width:130px}
.wa-qr-panel{display:flex;flex-direction:column;min-width:0}
.wa-qr-panel h3{margin-bottom:14px}
.wa-qr-panel .qrbox{flex:1;min-height:360px}
.qr-placeholder,.qr-connected{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;max-width:100%}
.qr-placeholder p,.qr-connected p{margin:0}
.qr-symbol{font-size:40px;color:var(--accent)}
.qr-connected-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#17382f;color:#8ce7c4;font-size:30px;font-weight:800}
.qr-connected strong{font-size:18px}
.qrbox .qr-code-text{display:grid;gap:12px;max-width:100%;overflow-wrap:anywhere;text-align:center}
.qrbox .qr-code-text strong{font-size:22px;letter-spacing:1px}
.qrbox img{width:min(280px,100%);height:auto;object-fit:contain}
#generateQrButton:disabled,#waTestSubmit:disabled{opacity:.65;cursor:wait}
.toast{opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;box-shadow:0 12px 35px #0005}
.toast.show{opacity:1;transform:translateY(0)}
.toast.toast-success{background:#1d302b;border-color:#315f50;color:#d7fff0}
.toast.toast-error{background:#312125;border-color:#71414a;color:#ffe2e5}
.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:20px}
.dialog-copy{line-height:1.7;margin:12px 0 18px;overflow-wrap:anywhere}
.confirmation-modal .modalbox,.compose-message-modal .modalbox{width:min(520px,100%)}
.danger-button{background:#48272c;border-color:#7c4149;color:#ffd8dc}
#leadWhatsAppMessage{min-height:155px}
@media(max-width:1050px){.wa-workspace{grid-template-columns:minmax(0,1fr)}.wa-connection-panel{min-height:0}.wa-test-inline{margin-top:18px}.wa-qr-panel .qrbox{min-height:300px}}
@media(max-width:600px){.wa-test-form{grid-template-columns:minmax(0,1fr)}.wa-test-form button{grid-column:auto;width:100%}.wa-connection-panel .panel-heading{align-items:flex-start}.wa-status{white-space:normal}.wa-qr-panel .qrbox{min-height:250px}.modal-actions button{flex:1 1 auto}.modal-actions{justify-content:stretch}}

/* DEVAS — GLASS SYSTEM / LANDING / CALLS (short-route release) */
:root {
  --dev-glass: rgba(21, 31, 31, .67);
  --dev-glass-strong: rgba(17, 25, 26, .84);
  --dev-glass-light: rgba(255, 255, 255, .055);
  --dev-glass-border: rgba(190, 235, 220, .13);
  --dev-blur: 24px;
  --dev-shadow: 0 24px 70px rgba(0, 0, 0, .25);
  --dev-emerald: #8ce9c8;
  --dev-text-soft: #a9b9bc;
  --dev-bg: #08100f;
}
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { background: radial-gradient(ellipse at 16% 0%, rgba(57, 113, 95, .16), transparent 34%), radial-gradient(ellipse at 91% 26%, rgba(48, 78, 96, .14), transparent 35%), #090f10; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.glass-surface, .panel, .stat, .leadcard, .task-lane, .task-card, .team-sidebar, .loginbox, .modalbox {
  background: var(--dev-glass);
  border-color: var(--dev-glass-border);
  box-shadow: var(--dev-shadow), inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(var(--dev-blur)) saturate(135%);
  backdrop-filter: blur(var(--dev-blur)) saturate(135%);
}
.side { background: rgba(8, 15, 15, .73); border-right: 1px solid rgba(190,235,220,.1); -webkit-backdrop-filter: blur(28px); backdrop-filter: blur(28px); }
.main { background: transparent; min-width: 0; }
.topbar { background: rgba(9, 16, 16, .56); border-bottom-color: rgba(190,235,220,.1); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
.nav button { background: transparent; border-color: transparent; border-radius: 14px; color: #93a4a5; }
.nav button:hover { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.065); color: #e7f4ef; }
.nav button.active { color: #a6f0d7; background: linear-gradient(100deg, rgba(124,225,190,.15), rgba(124,225,190,.045)); border-color: rgba(124,225,190,.17); box-shadow: inset 3px 0 0 var(--dev-emerald); }
.brand, .landing-brand { letter-spacing: -.07em; font-weight: 850; }
.brand span, .landing-brand span, .brand-dot { color: var(--dev-emerald); }
.subbrand { letter-spacing: .12em; font-size: 9px; }
.panel, .stat, .leadcard, .task-lane, .task-card, .team-sidebar { border-radius: 20px; border-color: rgba(190,235,220,.11); }
.panel { padding: 22px; }
.stat { padding: 20px; }
.stat .num { color: #c7ffe9; letter-spacing: -.045em; }
.content { max-width: 1800px; }
button { border-radius: 13px; }
button.primary { background: linear-gradient(130deg, #b5f4df, #72dcb7); color: #09251d; box-shadow: 0 8px 28px rgba(101, 218, 178, .14); }
button.primary:hover { background: linear-gradient(130deg, #d0ffec, #8fe8c6); transform: translateY(-1px); }
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea { background: rgba(8, 15, 16, .58); border-color: rgba(188,225,218,.16); border-radius: 13px; }
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus, select:focus, textarea:focus { background: rgba(11,21,20,.82); border-color: rgba(140,233,200,.8); box-shadow: 0 0 0 4px rgba(140,233,200,.09); }
.modal { background: rgba(2, 8, 8, .58); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.modalbox { border-radius: 24px; border: 1px solid rgba(190,235,220,.2); }
.toast { border: 1px solid rgba(190,235,220,.19); border-radius: 14px; background: rgba(15, 27, 26, .9); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.app-footer { border-top: 1px solid rgba(190,235,220,.1); color: #809292; }
.button-like { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 9px 14px; border: 1px solid rgba(190,235,220,.16); border-radius: 12px; color: #e7f4ee; text-decoration: none; background: rgba(255,255,255,.045); font-size: 12px; font-weight: 700; white-space: nowrap; }
.button-like.primary { color: #09251d; border-color: transparent; background: linear-gradient(130deg, #b5f4df, #72dcb7); }
.button-like:hover { filter: brightness(1.08); }

/* Agency landing page */
.landing-page { min-height: 100vh; overflow-x: clip; color: #edf7f3; background: radial-gradient(ellipse at 70% 10%, rgba(53, 113, 95, .19), transparent 30%), radial-gradient(ellipse at 3% 44%, rgba(38, 76, 67, .18), transparent 33%), #080f0e; }
.landing-page::before { z-index: 0; opacity: .27; }
.landing-page main, .landing-nav, .landing-footer { position: relative; z-index: 1; }
.landing-orb { position: fixed; z-index: 0; pointer-events: none; border-radius: 50%; filter: blur(70px); opacity: .26; }
.landing-orb-a { width: 340px; height: 340px; top: 160px; right: 0; background: #1b7055; }
.landing-orb-b { width: 270px; height: 270px; top: 820px; left: -90px; background: #244f67; opacity: .14; }
.landing-orb-c { width: 260px; height: 260px; bottom: 40px; right: 18%; background: #398c6d; opacity: .13; }
.landing-nav { width: min(1320px, calc(100% - 56px)); min-height: 72px; margin: 22px auto 0; padding: 12px 18px 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--dev-glass-border); border-radius: 20px; background: rgba(14, 24, 23, .66); backdrop-filter: blur(24px); box-shadow: 0 20px 80px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.04); }
.landing-brand { display: inline-flex; align-items: center; color: #f2faf7; text-decoration: none; font-size: 25px; }
.landing-nav nav { display: flex; align-items: center; gap: 32px; }
.landing-nav nav a, .landing-footer a:not(.landing-brand) { color: #9eafac; text-decoration: none; font-size: 12px; transition: color .2s; }
.landing-nav nav a:hover, .landing-footer a:hover { color: var(--dev-emerald); }
.landing-login { display: inline-flex; align-items: center; gap: 9px; padding: 11px 14px; border-radius: 12px; border: 1px solid rgba(140,233,200,.22); color: #d4f8e8; background: rgba(130,222,188,.06); text-decoration: none; font-size: 11px; font-weight: 700; }
.login-dot, .eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--dev-emerald); box-shadow: 0 0 13px rgba(140,233,200,.7); }
.landing-hero { width: min(1320px, calc(100% - 56px)); margin: auto; min-height: 640px; display: grid; grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr); align-items: center; gap: clamp(30px, 5vw, 76px); padding: 92px 0 100px; }
.hero-copy { position: relative; z-index: 1; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #97bdb0; font-size: 9px; letter-spacing: .17em; font-weight: 800; }
.hero-copy h1 { max-width: 660px; margin: 26px 0 21px; font-size: clamp(43px, 5.4vw, 74px); line-height: .99; letter-spacing: -.07em; font-weight: 630; }
.hero-copy h1 em, .section-intro h2 em, .method-card h2 em, .call-join-gate h1 em { color: var(--dev-emerald); font-style: normal; }
.hero-lede { max-width: 540px; margin: 0; color: #9eaeaa; font-size: 15px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero-primary, .hero-secondary { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 0 18px; text-decoration: none; border-radius: 13px; font-size: 12px; font-weight: 800; transition: transform .18s, border-color .18s, background .18s; }
.hero-primary { color: #08231a; background: linear-gradient(130deg, #b7f6df, #76ddba); box-shadow: 0 10px 34px rgba(85,211,166,.13); }
.hero-primary:hover { transform: translateY(-2px); }
.hero-secondary { color: #c1d2cd; border: 1px solid rgba(190,235,220,.15); background: rgba(255,255,255,.035); }
.hero-secondary:hover { border-color: rgba(140,233,200,.38); }
.hero-proof { display: flex; align-items: center; gap: 13px; margin-top: 48px; padding-top: 23px; border-top: 1px solid rgba(190,235,220,.12); max-width: 430px; }
.proof-mark { display: flex; align-items: center; padding-left: 2px; }
.proof-mark span { display: block; width: 19px; height: 19px; margin-left: -3px; border: 2px solid #0c1513; border-radius: 50%; background: #22473a; }
.proof-mark span:nth-child(2) { background: #4e8970; }.proof-mark span:nth-child(3) { background: #9ce3c8; }
.hero-proof strong, .hero-proof small { display: block; }.hero-proof strong { font-size: 11px; color: #d4e7e0; }.hero-proof small { margin-top: 4px; font-size: 10px; color: #7f928c; }
.hero-visual { position: relative; min-width: 0; min-height: 440px; display: flex; align-items: center; justify-content: center; perspective: 1100px; }
.hero-visual-grid { position: absolute; inset: 2% -8% -8% 2%; opacity: .2; background-image: linear-gradient(rgba(160,220,200,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(160,220,200,.1) 1px, transparent 1px); background-size: 29px 29px; transform: perspective(700px) rotateY(-13deg) rotateX(8deg); mask-image: radial-gradient(ellipse, #000, transparent 75%); }
.hero-glass-card { position: relative; z-index: 1; width: min(100%, 580px); border: 1px solid rgba(190,235,220,.18); border-radius: 25px; overflow: hidden; background: linear-gradient(145deg, rgba(29,45,41,.82), rgba(13,21,22,.71)); box-shadow: 0 40px 100px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(28px); transform: rotateY(-5deg) rotateX(2deg); }
.hero-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 17px 19px; border-bottom: 1px solid rgba(190,235,220,.11); }
.window-dots { display: inline-flex; gap: 5px; }.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #3c5550; }.window-dots i:nth-child(2) { background: #648b7c; }.window-dots i:nth-child(3) { background: #9bdec5; }
.hero-chip { display: inline-flex; align-items: center; gap: 7px; color: #9ac9b8; font-size: 8px; letter-spacing: .14em; }.hero-chip b { width: 5px; height: 5px; border-radius: 50%; background: #87e7c4; box-shadow: 0 0 10px #87e7c4; }
.hero-dashboard-label { margin: 27px 26px 6px; color: #748f84; font-size: 8px; letter-spacing: .17em; font-weight: 800; }.hero-dashboard-title { margin: 0 26px; font-size: clamp(20px, 2vw, 27px); font-weight: 650; letter-spacing: -.06em; }.hero-dashboard-title span { color: #7ce2bf; margin: 0 4px; }
.growth-chart { margin: 24px 22px 6px; padding: 16px 8px 4px; border-radius: 16px; background: rgba(4,12,11,.24); border: 1px solid rgba(190,235,220,.07); }.chart-labels { display: flex; justify-content: space-between; padding: 0 6px; color: #587269; font-size: 7px; letter-spacing: .1em; }.growth-chart svg { display: block; width: 100%; margin-top: 8px; overflow: visible; }
.hero-card-bottom { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 17px; padding-top: 16px; border-top: 1px solid rgba(190,235,220,.1); }.hero-card-bottom div { min-width: 0; padding: 11px 10px; border: 1px solid rgba(190,235,220,.07); background: rgba(255,255,255,.025); border-radius: 11px; }.hero-card-bottom small, .hero-card-bottom b { display: block; }.hero-card-bottom small { color: #729587; font-size: 7px; letter-spacing: .11em; }.hero-card-bottom b { margin-top: 6px; color: #c9d9d4; font-size: 9px; font-weight: 650; }
.hero-float { position: absolute; z-index: 2; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid rgba(190,235,220,.16); border-radius: 16px; background: rgba(17,29,27,.78); box-shadow: 0 18px 48px rgba(0,0,0,.32); backdrop-filter: blur(24px); }.hero-float-top { top: 12%; right: -2%; }.hero-float-bottom { bottom: 8%; left: -4%; }.hero-float small, .hero-float b { display: block; }.hero-float small { color: #80ad9a; font-size: 7px; letter-spacing: .12em; }.hero-float b { margin-top: 4px; font-size: 10px; font-weight: 700; }.float-icon { display: grid; place-items: center; width: 34px; height: 34px; color: #a6f4d8; border-radius: 11px; background: rgba(134,230,194,.1); font-size: 19px; }.float-ring { display: grid; place-items: center; width: 34px; height: 34px; color: #aaf4d9; border: 1px solid rgba(134,230,194,.25); border-radius: 50%; font-size: 17px; }
.landing-services, .landing-method, .landing-cta { width: min(1320px, calc(100% - 56px)); margin: auto; }.landing-services { padding: 72px 0 90px; border-top: 1px solid rgba(190,235,220,.1); }.section-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; margin-bottom: 35px; }.section-intro h2, .method-card h2 { margin: 18px 0 0; font-size: clamp(34px,4vw,50px); line-height: 1.04; letter-spacing: -.065em; font-weight: 630; }.section-intro > p { max-width: 400px; margin: 0 0 4px; color: #90a5a0; font-size: 12px; line-height: 1.9; }
.service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }.service-card { position: relative; min-width: 0; min-height: 280px; display: flex; flex-direction: column; padding: 23px; border: 1px solid rgba(190,235,220,.11); border-radius: 20px; background: linear-gradient(140deg, rgba(28,42,39,.71), rgba(14,22,23,.61)); transition: transform .2s, border-color .2s, background .2s; }.service-card:hover { transform: translateY(-4px); border-color: rgba(140,233,200,.28); background: linear-gradient(140deg, rgba(35,58,49,.82), rgba(14,22,23,.72)); }.service-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 23px; color: #a7efd5; border: 1px solid rgba(140,233,200,.18); border-radius: 14px; background: rgba(140,233,200,.075); font-size: 21px; }.service-number { color: #769b8b; font-size: 8px; letter-spacing: .16em; font-weight: 800; }.service-card h3 { margin: 11px 0 8px; color: #e0eee8; font-size: 17px; letter-spacing: -.035em; }.service-card p { margin: 0 0 22px; color: #90a39d; font-size: 11px; line-height: 1.8; }.service-card a { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; color: #b8e6d6; text-decoration: none; font-size: 10px; font-weight: 750; }.service-card a span { font-size: 16px; }
.landing-method { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0,1.1fr); gap: 62px; align-items: center; padding: 35px 0 95px; }.method-card { padding: 38px; border: 1px solid rgba(190,235,220,.14); border-radius: 26px; background: linear-gradient(150deg, rgba(30,49,43,.76), rgba(12,20,20,.63)); backdrop-filter: blur(24px); box-shadow: var(--dev-shadow); }.method-card p { margin: 18px 0 25px; color: #98aba4; font-size: 12px; line-height: 1.9; }.method-card .hero-primary { min-height: 42px; }.method-steps { display: grid; gap: 8px; }.method-steps article { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 18px; padding: 21px 0; border-bottom: 1px solid rgba(190,235,220,.1); }.method-steps article > span { color: #8ce9c8; font-size: 12px; font-weight: 800; }.method-steps h3 { margin: 0; color: #e0eee8; font-size: 16px; }.method-steps p { margin: 7px 0 0; color: #8fa39b; font-size: 11px; line-height: 1.8; }
.landing-cta { padding-bottom: 80px; }.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 26px; padding: 30px 34px; border: 1px solid rgba(190,235,220,.14); border-radius: 23px; background: radial-gradient(ellipse at 85% 45%, rgba(112,205,173,.10), transparent 45%), rgba(20,32,29,.64); }.cta-inner h2 { max-width: 560px; margin: 13px 0 8px; font-size: clamp(25px,3vw,35px); line-height: 1.08; letter-spacing: -.06em; }.cta-inner p { margin: 0; color: #8ea59c; font-size: 11px; }.cta-inner .hero-primary { flex: 0 0 auto; }
.landing-footer { width: min(1320px, calc(100% - 56px)); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 15px; margin: auto; padding: 24px 0 30px; border-top: 1px solid rgba(190,235,220,.1); }.landing-footer .landing-brand { font-size: 19px; }.landing-footer > span { color: #657872; font-size: 9px; }

/* Glass login */
.auth-page { position: relative; min-height: 100vh; display: grid; place-items: center; overflow-x: clip; background: radial-gradient(ellipse at 48% 0%, rgba(53,118,98,.22), transparent 40%), #080f0e; }
.auth-orb { position: fixed; z-index: 0; pointer-events: none; width: 390px; height: 390px; border-radius: 50%; filter: blur(95px); opacity: .2; }.auth-orb-one { top: -130px; right: -60px; background: #2a8767; }.auth-orb-two { bottom: -180px; left: -60px; background: #294b5e; }
.auth-page .login { position: relative; z-index: 1; width: min(100%, 520px); min-height: auto; margin: 34px auto; padding: 0 18px; background: transparent; }.auth-page .loginbox { width: 100%; max-width: none; padding: clamp(24px,5vw,46px); border: 1px solid rgba(190,235,220,.16); border-radius: 27px; background: linear-gradient(150deg, rgba(25,40,36,.82), rgba(12,20,21,.78)); backdrop-filter: blur(30px); box-shadow: 0 35px 100px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.055); }.auth-brand-link { text-decoration: none; }.auth-page .brand { font-size: 34px; }.auth-page .subbrand { margin: 10px 0 25px; color: #7ca897; }.auth-page h1 { margin: 0; font-size: 30px; letter-spacing: -.055em; }.auth-intro { margin: 10px 0 26px; color: #94a7a0; font-size: 12px; }.telegram-auth { padding: 22px; border: 1px solid rgba(190,235,220,.11); border-radius: 19px; background: rgba(255,255,255,.025); }.telegram-mark { display: grid; place-items: center; width: 46px; height: 46px; color: #a9f3d9; border: 1px solid rgba(140,233,200,.18); border-radius: 15px; background: rgba(140,233,200,.08); }.telegram-auth h2 { margin: 16px 0 7px; font-size: 17px; }.telegram-description { margin: 0 0 18px; color: #94a7a0; font-size: 11px; line-height: 1.8; }.telegram-widget { min-height: 42px; }.auth-status { color: #92aaa0; font-size: 10px; line-height: 1.8; }.auth-status-warning { padding: 10px 12px; border: 1px solid rgba(241,193,113,.14); border-radius: 11px; color: #d6bd8d; background: rgba(241,193,113,.045); }.telegram-setup-help { padding: 13px; border-radius: 12px; background: rgba(255,255,255,.025); color: #95a7a0; font-size: 10px; line-height: 1.8; }.telegram-setup-help ol { padding-left: 18px; }.auth-footnote { margin: 19px 0 0; text-align: center; color: #6f8580; font-size: 10px; line-height: 1.8; }

/* Calls hub inside the CRM */
.call-feature { display: flex; align-items: center; gap: 23px; padding: 28px; margin-bottom: 18px; border: 1px solid rgba(190,235,220,.14); border-radius: 22px; background: radial-gradient(ellipse at 92% 5%, rgba(104,218,176,.11), transparent 42%), rgba(19,30,28,.67); backdrop-filter: blur(24px); }.call-feature-icon { display: grid; place-items: center; flex: 0 0 60px; height: 60px; color: #a7efd5; border: 1px solid rgba(140,233,200,.2); border-radius: 19px; background: rgba(140,233,200,.07); font-size: 29px; }.call-feature-copy { min-width: 0; flex: 1; }.call-feature-copy h3 { margin: 8px 0 7px; font-size: 23px; letter-spacing: -.055em; }.call-feature-copy p { margin: 0; max-width: 640px; color: #91a39d; font-size: 11px; line-height: 1.8; }.call-feature > button { flex: 0 0 auto; }.call-room-list { display: grid; gap: 10px; }.call-room-card { display: flex; align-items: center; gap: 14px; padding: 15px; border: 1px solid rgba(190,235,220,.11); border-radius: 17px; background: rgba(255,255,255,.025); }.call-room-card-icon { display: grid; place-items: center; width: 43px; height: 43px; flex: 0 0 43px; color: #a4eed5; background: rgba(140,233,200,.08); border-radius: 14px; }.call-room-card-main { flex: 1; min-width: 0; }.call-room-card h4 { margin: 0; font-size: 13px; }.call-room-card p { margin: 5px 0 8px; color: #879b94; font-size: 10px; }.call-room-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; color: #80938c; font-size: 9px; }.call-room-chip { padding: 4px 7px; border-radius: 8px; color: #93a29c; background: rgba(255,255,255,.04); }.call-room-chip.live { color: #9af0cc; background: rgba(95,219,168,.09); }.call-room-card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }.call-created-panel { padding: 4px 0 0; }.call-created-mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: #0a251b; background: var(--dev-emerald); font-weight: 900; }.call-created-panel h4 { margin: 14px 0 5px; font-size: 18px; }.call-created-panel > p { color: #93a69f; font-size: 11px; }.call-created-link { display: flex; gap: 8px; align-items: center; margin-top: 13px; }.call-created-link input { min-width: 0; }.call-created-link button { flex: 0 0 auto; }.call-created-panel .modal-actions { margin-top: 18px; }.call-created-panel .modal-actions a { text-decoration: none; }

/* Standalone Devas Meet experience */
.call-page { --call-bg: #080d0d; background: radial-gradient(ellipse at 8% 0%, rgba(53,113,95,.16), transparent 30%), #080d0d; min-height: 100vh; overflow-x: clip; }
.call-page::before { opacity: .12; }
.call-app { min-height: 100vh; display: flex; flex-direction: column; color: #eff6f3; background: radial-gradient(ellipse at 85% 18%, rgba(28,81,67,.11), transparent 27%); }
.call-topbar { position: sticky; top: 0; z-index: 4; display: flex; align-items: center; gap: 22px; min-height: 78px; padding: 14px clamp(16px,3vw,42px); border-bottom: 1px solid rgba(190,235,220,.1); background: rgba(8,14,14,.72); backdrop-filter: blur(28px); }.call-topbar .landing-brand { font-size: 23px; flex: 0 0 auto; }.call-top-title { display: grid; gap: 3px; min-width: 0; flex: 1; }.call-top-title small { color: #729386; font-size: 8px; letter-spacing: .16em; }.call-top-title strong { color: #e6f2ed; font-size: 13px; overflow-wrap: anywhere; }.call-room-status { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(190,235,220,.12); border-radius: 100px; color: #a2b4ad; background: rgba(255,255,255,.025); font-size: 10px; white-space: nowrap; }.call-room-status > span { width: 6px; height: 6px; border-radius: 50%; background: #85938d; }.call-room-status.is-live { color: #a4f3d3; border-color: rgba(140,233,200,.2); background: rgba(140,233,200,.06); }.call-room-status.is-live > span { background: #85e6be; box-shadow: 0 0 12px #85e6be; }
.call-shell { flex: 1; width: min(1580px, calc(100% - 32px)); margin: 0 auto; padding: clamp(20px,3vw,42px) 0 15px; }.call-join-gate { width: min(100%, 620px); margin: clamp(20px,5vh,70px) auto; padding: clamp(24px,5vw,48px); border: 1px solid rgba(190,235,220,.16); border-radius: 28px; text-align: center; background: linear-gradient(150deg, rgba(26,41,37,.81), rgba(11,19,20,.79)); box-shadow: 0 30px 100px rgba(0,0,0,.3); backdrop-filter: blur(28px); }.call-brand-mark { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 23px; border-radius: 18px; border: 1px solid rgba(140,233,200,.24); background: rgba(140,233,200,.09); color: #f4fcf8; font-size: 27px; font-weight: 850; letter-spacing: -.08em; }.call-brand-mark span { color: var(--dev-emerald); }.call-join-gate .eyebrow { justify-content: center; }.call-join-gate h1 { margin: 20px 0 13px; font-size: clamp(29px,5vw,42px); line-height: 1.1; letter-spacing: -.065em; }.call-join-gate > p { max-width: 430px; margin: 0 auto 23px; color: #91a49d; font-size: 12px; line-height: 1.85; }.call-join-gate form { max-width: 380px; margin: 0 auto; text-align: left; }.call-join-gate label { display: block; margin: 0 0 7px; color: #a9bcb3; font-size: 10px; font-weight: 700; }.call-join-button { width: 100%; margin-top: 12px; min-height: 47px; }.call-join-note { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 19px; color: #6e8980; font-size: 9px; }.call-join-note span { color: #86e7c3; }.call-inline-error { min-height: 16px; margin: 8px 0 0 !important; color: #f3a39e !important; font-size: 10px !important; }
.call-workspace { min-height: min(760px, calc(100vh - 130px)); display: flex; flex-direction: column; gap: 17px; }.call-workspace-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 0 2px; }.call-workspace-heading h1 { margin: 9px 0 6px; font-size: clamp(25px,3.5vw,38px); letter-spacing: -.065em; line-height: 1.05; }.call-workspace-heading p { margin: 0; color: #839790; font-size: 10px; }.call-heading-dot { color: #8ce9c8; padding: 0 4px; }.call-copy-link { display: flex; align-items: center; gap: 8px; padding: 6px; border: 1px solid rgba(190,235,220,.12); background: rgba(255,255,255,.025); border-radius: 12px; }.call-copy-link code { max-width: 250px; overflow: hidden; text-overflow: ellipsis; color: #8fa79c; font-size: 9px; white-space: nowrap; }.call-copy-link button { min-height: 32px; padding: 7px 10px; font-size: 10px; }
.call-main-layout { flex: 1; min-height: 380px; display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 14px; }.call-video-stage { min-width: 0; display: flex; flex-direction: column; padding: 10px; border: 1px solid rgba(190,235,220,.1); border-radius: 23px; background: rgba(9,15,15,.72); backdrop-filter: blur(18px); }.call-video-grid { flex: 1; min-height: 320px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(180px,1fr); gap: 10px; align-content: center; }.call-video-tile { position: relative; min-width: 0; min-height: 180px; overflow: hidden; border: 1px solid rgba(190,235,220,.13); border-radius: 17px; background: radial-gradient(ellipse at 52% 30%, rgba(52,91,78,.32), transparent 50%), #121b1a; }.call-video-tile video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #121a19; }.call-video-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(0,0,0,.18), transparent 30%, transparent 68%, rgba(0,0,0,.58)); }.call-video-label { position: absolute; z-index: 2; right: 11px; bottom: 11px; left: 11px; display: flex; align-items: center; gap: 7px; min-width: 0; color: #f4fbf7; font-size: 10px; }.call-video-label b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.call-video-label small { margin-left: auto; padding: 4px 6px; border-radius: 6px; color: #b9e6d5; background: rgba(7,14,13,.53); font-size: 7px; letter-spacing: .08em; }.call-audio-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #83e5bd; }.call-audio-dot.is-muted { background: #f1c07a; }.call-tile-placeholder { position: absolute; z-index: 1; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; background: radial-gradient(ellipse at center, rgba(46,81,68,.32), transparent 62%); color: #8fa69b; font-size: 9px; opacity: 0; pointer-events: none; }.call-tile-placeholder.visible, .call-video-tile.camera-off .call-tile-placeholder, .call-video-tile:not(.has-media) .call-tile-placeholder { opacity: 1; }.call-tile-placeholder > div { display: grid; place-items: center; width: 59px; height: 59px; border: 1px solid rgba(140,233,200,.22); border-radius: 50%; background: rgba(140,233,200,.08); color: #c0f6e1; font-size: 25px; font-weight: 700; }.call-video-tile.is-sharing video { object-fit: contain; background: #060a0a; }.call-remote-grid { display: contents; }.call-stage-caption { display: flex; align-items: center; gap: 8px; padding: 13px 6px 3px; color: #81958d; font-size: 9px; }.call-live-pip { width: 6px; height: 6px; flex: 0 0 6px; background: #85e6be; border-radius: 50%; box-shadow: 0 0 11px rgba(133,230,190,.45); }.call-stage-room { margin-left: auto; color: #5e776d; font-size: 8px; letter-spacing: .14em; }
.call-controls-bar { position: sticky; bottom: 10px; z-index: 3; display: grid; grid-template-columns: minmax(100px,1fr) auto minmax(140px,1fr); align-items: center; gap: 15px; width: fit-content; max-width: 100%; min-width: min(100%,720px); align-self: center; padding: 9px 12px; border: 1px solid rgba(190,235,220,.15); border-radius: 21px; background: rgba(13,21,21,.86); box-shadow: 0 20px 70px rgba(0,0,0,.38); backdrop-filter: blur(28px); }.call-duration-block { display: flex; align-items: center; gap: 8px; padding-left: 8px; color: #9cafaa; font-size: 10px; font-variant-numeric: tabular-nums; }.call-control-group { display: flex; align-items: center; justify-content: center; gap: 8px; }.call-control { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 54px; min-height: 54px; padding: 7px; border-radius: 15px; border: 1px solid rgba(190,235,220,.08); color: #d3e1da; background: rgba(255,255,255,.045); }.call-control > span { font-size: 18px; line-height: 1.1; }.call-control small { color: #92a69c; font-size: 7px; font-weight: 650; }.call-control:hover, .call-control.is-active { border-color: rgba(140,233,200,.25); color: #aaf2d6; background: rgba(140,233,200,.09); }.call-control.is-off { color: #ffb4ad; background: rgba(235,105,94,.12); border-color: rgba(235,105,94,.2); }.call-exit-group { display: flex; justify-content: flex-end; align-items: center; gap: 8px; }.call-leave-button, .call-end-button { display: inline-flex; align-items: center; gap: 8px; justify-content: center; min-height: 42px; padding: 8px 13px; color: #ffe4e1; border-color: rgba(240,117,107,.16); border-radius: 12px; background: rgba(224,86,78,.13); }.call-end-button { min-height: 36px; padding: 7px 9px; font-size: 8px; }.call-secure-note { margin: 0; text-align: center; color: #61766d; font-size: 8px; }.call-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding: 18px clamp(16px,3vw,42px); border-top: 1px solid rgba(190,235,220,.08); color: #5f746b; font-size: 8px; }.call-footer > span:first-child { color: #96a9a1; font-size: 9px; font-weight: 850; letter-spacing: .06em; }.call-toast { position: fixed; z-index: 20; left: 50%; bottom: 100px; max-width: min(440px,calc(100% - 30px)); padding: 12px 16px; transform: translate(-50%, 12px); opacity: 0; pointer-events: none; border: 1px solid rgba(190,235,220,.18); border-radius: 13px; color: #dff4ea; background: rgba(10,20,18,.93); backdrop-filter: blur(20px); box-shadow: 0 15px 50px rgba(0,0,0,.34); font-size: 11px; transition: opacity .2s, transform .2s; }.call-toast.show { opacity: 1; transform: translate(-50%,0); }.call-toast.toast-error { border-color: rgba(238,125,114,.25); color: #ffd5d1; }.call-unavailable { width: min(500px,calc(100% - 30px)); margin: auto; padding: 42px 25px; border: 1px solid rgba(190,235,220,.14); border-radius: 25px; text-align: center; }.call-unavailable-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto; border-radius: 17px; color: var(--dev-emerald); background: rgba(140,233,200,.08); font-size: 24px; }.call-unavailable h1 { margin: 20px 0 8px; font-size: 25px; letter-spacing: -.05em; }.call-unavailable p { margin: 0 0 22px; color: #92a49d; font-size: 12px; }
@media (min-width: 1400px) { .call-main-layout { grid-template-columns: minmax(0,1fr) 330px; }.call-video-grid { grid-auto-rows: minmax(230px,1fr); } }
@media (max-width: 1050px) { .landing-hero { grid-template-columns: minmax(0,1fr); padding-top: 72px; }.hero-copy { max-width: 760px; }.hero-visual { width: min(100%,700px); margin: 0 auto; }.hero-float-top { right: 0; }.hero-float-bottom { left: 0; }.landing-method { gap: 30px; }.call-main-layout { grid-template-columns: minmax(0,1fr) 260px; }.call-controls-bar { min-width: min(100%,680px); } }
@media (max-width: 760px) { .landing-nav, .landing-hero, .landing-services, .landing-method, .landing-cta, .landing-footer { width: calc(100% - 30px); }.landing-nav { margin-top: 12px; min-height: 62px; padding: 9px 12px; gap: 10px; }.landing-nav nav { gap: 12px; }.landing-nav nav a { font-size: 10px; }.landing-brand { font-size: 21px; }.landing-login { gap: 6px; padding: 9px; font-size: 9px; }.landing-hero { padding: 60px 0 66px; min-height: auto; gap: 42px; }.hero-copy h1 { font-size: clamp(42px,10vw,64px); }.hero-lede { font-size: 13px; }.hero-visual { min-height: 360px; }.hero-glass-card { transform: none; }.hero-float { padding: 9px; }.hero-float-top { top: 0; right: 0; }.hero-float-bottom { bottom: -1%; left: 0; }.hero-card-bottom { margin: 12px; }.hero-card-bottom b { font-size: 8px; }.section-intro { display: grid; gap: 15px; }.section-intro h2 { font-size: 38px; }.service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.service-card { min-height: 265px; padding: 17px; }.landing-method { grid-template-columns: minmax(0,1fr); padding-bottom: 60px; }.method-card { padding: 25px; }.cta-inner { align-items: flex-start; flex-direction: column; padding: 24px; }.landing-footer { justify-content: flex-start; }.landing-footer > span:nth-child(2) { flex: 1; }.call-feature { align-items: flex-start; flex-wrap: wrap; padding: 20px; }.call-feature > button { width: 100%; }.call-room-card { align-items: flex-start; flex-wrap: wrap; }.call-room-card-main { flex-basis: calc(100% - 60px); }.call-room-card-actions { margin-left: 55px; }.call-topbar { min-height: 65px; gap: 10px; padding: 12px 15px; }.call-top-title small { font-size: 7px; }.call-top-title strong { font-size: 11px; }.call-room-status { max-width: 120px; padding: 7px; font-size: 8px; white-space: normal; }.call-shell { width: calc(100% - 20px); padding-top: 14px; }.call-workspace-heading { display: grid; align-items: start; }.call-copy-link { width: 100%; }.call-copy-link code { max-width: calc(100vw - 150px); flex: 1; }.call-main-layout { grid-template-columns: minmax(0,1fr); }.call-video-grid { min-height: 360px; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(160px,1fr); }.call-controls-bar { position: sticky; bottom: 6px; min-width: 0; width: 100%; grid-template-columns: 1fr; justify-items: center; gap: 8px; padding: 10px; }.call-duration-block { display: none; }.call-control-group { width: 100%; gap: 6px; }.call-control { min-width: 52px; flex: 1; }.call-exit-group { width: 100%; justify-content: center; }.call-leave-button { min-width: 120px; }.call-footer { flex-wrap: wrap; justify-content: center; text-align: center; }.call-footer span { flex: 1 0 30%; } }
@media (max-width: 450px) { .landing-nav nav { display: none; }.landing-login { margin-left: auto; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-primary, .hero-secondary { width: 100%; }.hero-visual { min-height: 325px; }.hero-card-top { padding: 13px; }.hero-dashboard-title { margin: 0 14px; font-size: 18px; }.hero-dashboard-label { margin: 18px 14px 6px; }.growth-chart { margin: 16px 11px 4px; }.hero-card-bottom { gap: 5px; margin: 10px; }.hero-card-bottom div { padding: 8px 6px; }.hero-card-bottom small { font-size: 6px; }.hero-card-bottom b { font-size: 7px; }.hero-float { transform: scale(.9); transform-origin: center; }.hero-float-bottom { left: -9px; }.hero-float-top { right: -9px; }.service-grid { grid-template-columns: minmax(0,1fr); }.service-card { min-height: 235px; }.call-video-grid { grid-template-columns: minmax(0,1fr); grid-auto-rows: minmax(190px, 1fr); }.call-video-stage { padding: 7px; }.call-topbar .landing-brand { font-size: 19px; }.call-room-status { max-width: 92px; }.call-join-gate { padding: 25px 18px; }.auth-page .loginbox { padding: 22px; }.telegram-auth { padding: 17px; } }


/* Simplified Devas Meet: no chat/sidebar, participants stay in one responsive video grid. */
.call-page { height: 100dvh; min-height: 100dvh; overflow: hidden; }
.call-app { height: 100dvh; min-height: 0; overflow: hidden; }
.call-topbar { flex: 0 0 auto; min-height: 56px; gap: 12px; padding: 8px clamp(12px,2.5vw,28px); }
.call-topbar .landing-brand { font-size: 20px; }
.call-top-title { gap: 2px; }
.call-top-title small { font-size: 7px; }
.call-top-title strong { font-size: 12px; }
.call-room-status { padding: 7px 9px; font-size: 9px; }
.call-shell { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-width: 0; min-height: 0; margin: 0; padding: 10px 12px calc(82px + env(safe-area-inset-bottom)); }
.call-workspace { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; gap: 8px; }
.call-workspace-heading { display: flex; flex: 0 0 auto; align-items: center; gap: 12px; padding: 0 2px; }
.call-workspace-heading .eyebrow { font-size: 7px; }
.call-workspace-heading h1 { margin: 3px 0 2px; font-size: clamp(16px,2.5vw,25px); }
.call-workspace-heading p { font-size: 9px; }
.call-copy-link { flex: 0 1 auto; min-width: 0; gap: 5px; padding: 4px; }
.call-copy-link code { max-width: min(22vw,220px); }
.call-copy-link button { min-height: 30px; padding: 6px 9px; font-size: 9px; }
.call-main-layout { display: flex; flex: 1 1 auto; min-height: 0; width: 100%; }
.call-video-stage { display: flex; flex: 1 1 auto; min-height: 0; min-width: 0; padding: 7px; border-radius: 17px; }
.call-video-grid { display: grid; flex: 1 1 auto; min-height: 0; min-width: 0; align-content: stretch; grid-auto-flow: row; grid-auto-rows: minmax(0,1fr); gap: 7px; }
.call-video-tile { min-height: 0; min-width: 0; height: 100%; border-radius: 13px; }
.call-video-label { right: 8px; bottom: 8px; left: 8px; gap: 5px; font-size: 10px; }
.call-video-label small { max-width: 70px; overflow: hidden; text-overflow: ellipsis; }
.call-tile-placeholder > div { width: clamp(30px,5vw,59px); height: clamp(30px,5vw,59px); font-size: clamp(15px,2vw,25px); }
.call-tile-placeholder { font-size: clamp(8px,1vw,10px); }
.call-stage-caption { flex: 0 0 auto; gap: 6px; padding: 7px 3px 1px; font-size: 9px; }
.call-controls-bar { position: fixed; left: 50%; bottom: max(7px, env(safe-area-inset-bottom)); z-index: 30; display: flex; align-items: center; justify-content: center; gap: 8px; width: max-content; max-width: calc(100vw - 16px); min-width: 0; padding: 7px 9px; transform: translateX(-50%); border-radius: 17px; }
.call-duration-block { display: none; }
.call-control-group { display: flex; flex: 0 1 auto; align-items: center; gap: 6px; }
.call-control { flex: 0 0 auto; min-width: 48px; min-height: 48px; padding: 6px; gap: 3px; border-radius: 12px; }
.call-control > span { font-size: 17px; }
.call-control small { font-size: 7px; }
.call-exit-group { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 5px; }
.call-leave-button, .call-end-button { min-height: 42px; padding: 7px 10px; border-radius: 11px; font-size: 10px; }
.call-end-button { min-height: 34px; font-size: 8px; }
.call-secure-note, .call-footer { display: none !important; }
.call-toast { bottom: calc(74px + env(safe-area-inset-bottom)); }
@media (max-width: 760px) {
  .call-page, .call-app { height: 100dvh; min-height: 100dvh; overflow: hidden; }
  .call-topbar { min-height: 48px; gap: 8px; padding: 6px 10px; }
  .call-topbar .landing-brand { font-size: 18px; }
  .call-top-title small { font-size: 6px; letter-spacing: .08em; }
  .call-top-title strong { font-size: 10px; line-height: 1.25; }
  .call-room-status { gap: 5px; max-width: 100px; padding: 6px 7px; font-size: 8px; }
  .call-shell { padding: 7px 7px calc(74px + env(safe-area-inset-bottom)); }
  .call-workspace { gap: 6px; }
  .call-workspace-heading { gap: 8px; align-items: center; }
  .call-workspace-heading h1 { font-size: 16px; }
  .call-workspace-heading .eyebrow { display: none; }
  .call-workspace-heading p { font-size: 8px; }
  .call-copy-link { flex: 0 0 auto; }
  .call-copy-link code { display: none; }
  .call-copy-link button { min-height: 30px; padding: 5px 8px; font-size: 8px; }
  .call-video-stage { padding: 5px; border-radius: 13px; }
  .call-video-grid { gap: 5px; }
  .call-video-tile { border-radius: 10px; }
  .call-video-label { right: 5px; bottom: 5px; left: 5px; gap: 4px; font-size: 8px; }
  .call-video-label small { display: none; }
  .call-audio-dot { width: 5px; height: 5px; flex-basis: 5px; }
  .call-stage-caption { padding: 5px 2px 1px; font-size: 8px; }
  .call-stage-room { font-size: 7px; }
  .call-controls-bar { width: calc(100vw - 12px); max-width: calc(100vw - 12px); gap: 5px; padding: 6px; border-radius: 15px; }
  .call-control-group { flex: 1 1 auto; min-width: 0; justify-content: center; gap: 4px; }
  .call-control { min-width: 0; flex: 1 1 0; width: 0; min-height: 43px; padding: 5px 2px; gap: 2px; border-radius: 10px; }
  .call-control > span { font-size: 16px; }
  .call-control small { max-width: 100%; font-size: 6px; }
  .call-exit-group { gap: 4px; }
  .call-leave-button { min-width: 0; min-height: 39px; padding: 6px 8px; font-size: 9px; }
  .call-end-button { display: none; }
}
@media (max-width: 380px) {
  .call-top-title small { display: none; }
  .call-room-status { max-width: 82px; }
  .call-controls-bar { gap: 4px; }
  .call-control-group { gap: 3px; }
  .call-control { min-height: 40px; }
  .call-control small { font-size: 5.5px; }
  .call-leave-button { padding: 5px 6px; }
}

/* Google OAuth login */
.google-auth{margin:0 0 10px}.google-login-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:46px;padding:11px 16px;border:1px solid #d8dee5;border-radius:10px;background:#fff;color:#26313a;font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.09);transition:transform .16s ease,box-shadow .16s ease}.google-login-button:hover{transform:translateY(-1px);box-shadow:0 7px 22px rgba(0,0,0,.14);border-color:#cbd3dc}.google-login-disabled{opacity:.55;cursor:not-allowed;background:#252a30;color:#9aa5af;border-color:#3c4650;box-shadow:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#7b8e88;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(190,235,220,.12)}

/* WhatsApp outreach automation */
.campaign-panel{margin-top:17px}.campaign-heading{align-items:flex-start;flex-wrap:wrap}.campaign-heading>div{min-width:220px;flex:1}.campaign-heading h3{margin:0 0 4px}.campaign-heading p{font-size:11px;margin:0;max-width:700px;line-height:1.65}.campaign-state{white-space:nowrap}.campaign-running{border-color:#2b755d;background:#17382f;color:#8ce7c4}.campaign-completed{border-color:#2b755d;color:#8ce7c4}.campaign-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.campaign-stat{display:grid;gap:6px;padding:12px 14px;background:#0f1419;border:1px solid var(--line);border-radius:12px}.campaign-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.campaign-stat strong{font-size:22px;letter-spacing:-.04em;color:#c7ffe9}.campaign-form{display:grid;gap:12px}.campaign-form>div:first-child textarea{min-height:112px}.campaign-form .tiny{margin:6px 0 0;line-height:1.6}.campaign-form code{color:#b7e9dc;overflow-wrap:anywhere}.campaign-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campaign-config-grid input{max-width:100%}.campaign-consent-check{padding:10px 12px;margin:0;border:1px solid rgba(190,235,220,.12);background:rgba(255,255,255,.02);border-radius:10px;line-height:1.5}.campaign-consent-check input{flex:0 0 auto}.campaign-actions{display:flex;gap:8px;flex-wrap:wrap}.campaign-actions button{padding:8px 11px}.campaign-safety-note{padding:11px 13px;margin:13px 0;background:rgba(242,198,109,.045);border:1px solid rgba(242,198,109,.16);border-radius:10px;line-height:1.65}.campaign-log{display:grid;gap:5px;max-height:220px;overflow:auto;padding:10px;background:#0d1116;border:1px solid var(--line);border-radius:10px}.campaign-log-entry{display:grid;grid-template-columns:minmax(100px,145px) 1fr;gap:10px;padding:7px 2px;border-bottom:1px solid rgba(190,235,220,.07);font-size:11px}.campaign-log-entry:last-child{border-bottom:0}.campaign-log-entry time{color:var(--muted);font-size:10px}.campaign-log-entry span{overflow-wrap:anywhere}.leadcard-owner{margin:5px 0 0;color:var(--muted);font-size:10px}.leadcard-owner b{color:#bcebd9;font-weight:650}.leadcard-compact .leadcard-actions .claim-lead-btn,.claim-lead-btn{color:#c2f3df;background:#153027;border-color:#285844}.claim-lead-btn:hover{border-color:#78e0bd;background:#1a3b30}
@media(max-width:600px){.campaign-stats{gap:6px}.campaign-stat{padding:10px 8px}.campaign-stat span{font-size:9px}.campaign-stat strong{font-size:18px}.campaign-config-grid{grid-template-columns:1fr;gap:3px}.campaign-actions{display:grid;grid-template-columns:1fr 1fr}.campaign-actions button{width:100%;padding:8px 6px;font-size:11px}.campaign-log-entry{grid-template-columns:1fr;gap:3px}.campaign-heading{display:flex}.campaign-heading .campaign-state{margin-top:5px}}
.outreach-history{margin:13px 0}.outreach-history-item{padding:10px 0;border-bottom:1px solid rgba(190,235,220,.09)}.outreach-history-item>div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.outreach-history-item b{font-size:11px}.outreach-history-item time,.outreach-history-item small{font-size:10px;color:var(--muted)}.outreach-history-item p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}

/* DEVAS / OPERATIONS COMPACT — grouped navigation + tighter productivity layout */
.layout { grid-template-columns: 194px minmax(0, 1fr); }
.side { padding: 12px 9px; }
.brand { font-size: 19px; margin: 2px 8px 2px; }
.subbrand { margin: 0 8px 17px; font-size: 8px; letter-spacing: .09em; line-height: 1.35; }
.nav { gap: 3px; }
.nav button { min-height: 34px; padding: 8px 9px; border-radius: 10px; font-size: 11px; line-height: 1.25; white-space: normal; }
.sidebottom { margin-top: 20px; padding: 8px; font-size: 9px; line-height: 1.5; }
.topbar { height: 54px; padding: 0 16px; }
.topbar h1 { font-size: 16px; }
.content { max-width: none; padding: clamp(10px, 1.15vw, 17px); }
.heading { margin-bottom: 10px; gap: 9px; }
.heading h2 { font-size: 19px; margin-bottom: 2px; letter-spacing: -.045em; }
.heading p { font-size: 10px; line-height: 1.45; }
.heading-actions, .actions { gap: 6px; }
button { padding: 7px 10px; border-radius: 9px; font-size: 11px; }
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select { min-height: 34px; padding: 7px 9px; border-radius: 9px; font-size: 11px; }
textarea { padding: 8px 9px; border-radius: 9px; font-size: 11px; }
label { margin: 5px 0 3px; font-size: 10px; }
.panel { padding: 13px; margin-bottom: 9px; border-radius: 14px; }
.panel h3 { margin-bottom: 8px; font-size: 12px; }
.panel-heading { gap: 7px; }
.panel-heading p { margin: 2px 0 0; font-size: 10px; }
.stats { gap: 8px; margin-bottom: 9px; }
.stat { padding: 12px; border-radius: 13px; }
.stat .cap { font-size: 9px; }
.stat .num { margin-top: 4px; font-size: 23px; }
.grid2 { gap: 9px; }
.pipeline-toolbar { gap: 7px; margin-bottom: 8px; }
.board { gap: 8px; padding-bottom: 4px; }
.lane { padding: 8px; border-radius: 12px; }
.leadcard { padding: 9px; margin-bottom: 6px; border-radius: 10px; }
.leadcard p { margin: 4px 0; }
.tiny, .pipeline-help { font-size: 9px; line-height: 1.45; }
.team-workspace { gap: 9px; grid-template-columns: minmax(190px, 230px) minmax(0, 1fr); }
.team-main { gap: 9px; }
.call-feature { gap: 13px; padding: 14px; margin-bottom: 9px; border-radius: 15px; }
.call-feature-icon { flex-basis: 40px; width: 40px; height: 40px; border-radius: 12px; font-size: 21px; }
.call-feature-copy h3 { margin: 3px 0; font-size: 17px; }
.call-feature-copy p { font-size: 10px; line-height: 1.5; }
.call-room-list { gap: 7px; }
.call-room-card { padding: 10px; gap: 9px; border-radius: 12px; }
.wa-workspace { gap: 9px; align-items: start; }
.wa-test-inline { gap: 10px; margin-top: 10px; }
.campaign-panel { margin-top: 9px; }
.campaign-stats { gap: 7px; }
.campaign-stat { padding: 9px; }
.campaign-form { gap: 9px; }
.workspace-container { min-width: 0; }
.workspace-tabs { display: flex; align-items: center; gap: 4px; margin: 0 0 10px; padding: 3px; width: fit-content; max-width: 100%; border: 1px solid rgba(190,235,220,.12); border-radius: 11px; background: rgba(5,12,12,.34); }
.workspace-tab { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 30px; padding: 6px 11px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #91a8a0; font-size: 10px; font-weight: 750; white-space: nowrap; }
.workspace-tab:hover { transform: none; background: rgba(255,255,255,.04); }
.workspace-tab.active { color: #c4ffea; border-color: rgba(140,233,200,.19); background: linear-gradient(120deg, rgba(124,225,190,.16), rgba(124,225,190,.055)); box-shadow: inset 0 0 0 1px rgba(140,233,200,.04); }
.workspace-pane { min-width: 0; animation: workspace-in .16s ease-out; }
.workspace-pane[hidden] { display: none !important; }
@keyframes workspace-in { from { opacity: .65; transform: translateY(2px); } to { opacity: 1; transform: translateY(0); } }
.app-footer { padding: 10px 16px; font-size: 9px; }
.modalbox { padding: 15px; }
.modalhead { padding-bottom: 8px; }
@media (max-width: 900px) {
  .layout { grid-template-columns: 1fr; }
  .side { position: sticky; top: 0; z-index: 30; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 3px 12px; padding: 8px 10px; border-right: 0; border-bottom: 1px solid rgba(190,235,220,.1); }
  .brand { grid-column: 1; grid-row: 1; margin: 0; font-size: 17px; }
  .subbrand { grid-column: 1; grid-row: 2; margin: -2px 0 0; font-size: 7px; }
  .nav { grid-column: 2; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: flex-end; gap: 3px; overflow-x: auto; }
  .nav button { min-height: 30px; padding: 6px 8px; flex: 0 0 auto; }
  .sidebottom { display: none; }
  .topbar { height: 46px; }
  .team-workspace { grid-template-columns: minmax(0, 1fr); }
  .team-sidebar { position: static; }
}
@media (max-width: 580px) {
  .topbar { padding: 0 10px; }
  .content { padding: 9px; }
  .heading { margin-bottom: 8px; }
  .heading h2 { font-size: 17px; }
  .workspace-tabs { width: 100%; }
  .workspace-tab { flex: 1 1 0; padding-inline: 7px; }
  .stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .call-feature { flex-wrap: wrap; }
  .call-feature > button { width: 100%; }
  .campaign-config-grid { grid-template-columns: minmax(0,1fr); }
  .userchip { gap: 6px; }
  .app-footer { gap: 6px; flex-wrap: wrap; }
}