.apps-head { display:flex; flex-wrap:wrap; gap:14px 18px; justify-content:space-between; align-items:flex-end; margin-bottom:18px; }
.apps-head h2 { margin:0; font-size:22px; }
.apps-search { min-width:min(320px,100%); }
.apps-search input {
  width:100%; border:1px solid var(--line); background:rgba(255,255,255,.04);
  color:inherit; border-radius:14px; padding:12px 14px; font:inherit;
}
.apps-chips { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.apps-chip {
  border:1px solid var(--line); background:transparent; color:var(--muted);
  border-radius:999px; padding:7px 12px; font:650 12px/1 inherit; cursor:pointer;
}
.apps-chip.is-on { border-color:rgba(149,245,184,.45); background:rgba(149,245,184,.1); color:var(--lime); }
.apps-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.apps-card {
  position:relative; display:flex; flex-direction:column; gap:8px;
  padding:16px; border-radius:20px; border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  min-height:168px;
}
.apps-card.is-on { border-color:color-mix(in srgb, var(--accent, #95F5B8) 45%, var(--line)); box-shadow:0 0 0 1px color-mix(in srgb, var(--accent, #95F5B8) 25%, transparent); }
.apps-card-top { display:flex; gap:10px; align-items:center; }
.apps-logo {
  width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  font:800 14px/1 Outfit,system-ui,sans-serif; color:#07140d; flex:0 0 auto;
}
.apps-card h3 { margin:0; font-size:16px; }
.apps-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.4; flex:1; }
.apps-card .apps-ops { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:4px; }
.apps-card .apps-ops .btn { margin:0; }
.apps-copy { display:grid; gap:6px; margin-top:6px; }
.apps-copy textarea, .apps-copy input {
  width:100%; border:1px solid var(--line); background:#0c1018; color:#d7deea;
  border-radius:12px; padding:8px 10px; font:12px/1.4 "IBM Plex Mono",ui-monospace,monospace;
}
.apps-empty { padding:28px; text-align:center; color:var(--muted); }

.integ-fold { cursor:pointer; }
.integ-fold summary { display:flex; gap:10px; align-items:center; list-style:none; cursor:pointer; }
.integ-fold summary::-webkit-details-marker { display:none; }
.integ-fold[open] summary { margin-bottom:10px; }
.integ-fold.is-off { opacity:.55; }
.integ-fold.is-off.is-on { box-shadow:none; }
.integ-on {
  margin-left:auto; display:flex; align-items:center; gap:6px;
  font:650 12px/1 inherit; color:var(--text); cursor:pointer; flex:0 0 auto;
}
.integ-on input { width:18px; height:18px; accent-color:var(--lime); }
.integ-steps { margin:0; padding-left:18px; color:var(--muted); font-size:13px; display:grid; gap:4px; }
.chat-btns { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.chat-btn {
  border:1px solid var(--line); background:rgba(255,255,255,.04); color:inherit;
  border-radius:999px; padding:7px 12px; font:650 12px/1 inherit; cursor:pointer;
}
.chat-btn:hover { border-color:rgba(149,245,184,.45); color:var(--lime); }
.chat-stars { display:flex; gap:6px; margin-top:8px; }
.chat-stars button { border:0; background:transparent; color:var(--muted); font-size:20px; cursor:pointer; }
.chat-stars button:hover, .chat-stars button.is-on { color:var(--lime); }

.badge-whatsapp { background:rgba(37,211,102,.16); color:#7dffb3; border-color:transparent; }
.badge-max { background:rgba(124,92,255,.18); color:#c5b6ff; border-color:transparent; }
.badge-avito { background:rgba(0,170,255,.16); color:#7ed8ff; border-color:transparent; }
.badge-jio { background:rgba(10,40,133,.35); color:#9bb6ff; border-color:transparent; }
.badge-viber { background:rgba(115,96,242,.18); color:#c5bcff; border-color:transparent; }
.badge-web { background:rgba(149,245,184,.14); color:var(--lime); border-color:transparent; }
.badge-messenger { background:rgba(0,132,255,.16); color:#8cc8ff; border-color:transparent; }

.seg-wrap { grid-template-columns:repeat(auto-fit, minmax(108px, 1fr)); }
.seg-wrap .seg-item { padding:10px 6px; font-size:12px; }

.chan-bridge { display:grid; gap:12px; }
.chan-bridge code { word-break:break-all; }