:root {
  --bg: #07110c;
  --panel: #0e1d15;
  --panel2: #13261b;
  --line: #264231;
  --green: #7dfc3d;
  --orange: #ff7a1a;
  --text: #f4f7f3;
  --muted: #95a79b;
  --danger: #ffb24e;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 80% 0%, #183220 0, var(--bg) 36%); color: var(--text); min-height: 100vh; }
button, input { font: inherit; }
button { cursor: pointer; }
.topbar { height: 74px; padding: 0 4vw; display: flex; align-items: center; gap: 24px; border-bottom: 1px solid var(--line); background: rgba(7,17,12,.88); backdrop-filter: blur(14px); position: sticky; top: 0; z-index: 5; }
.brand { color: white; text-decoration: none; display: flex; align-items: center; gap: 10px; letter-spacing: .08em; }
.brand span:last-child { display: grid; line-height: 1; }
.brand strong { font-size: 18px; }
.brand small { color: var(--green); font-size: 10px; margin-top: 5px; }
.bolt { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #07110c; background: var(--green); font-size: 27px; font-weight: 900; box-shadow: 0 0 28px #7dfc3d45; }
.status { margin-left: auto; display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 13px; }
.status i, .online::before { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); content: ""; }
.ghost { color: white; background: transparent; border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; }
.shell { width: min(1220px, 94vw); margin: 28px auto; }
.tabs { display: flex; gap: 8px; margin-bottom: 18px; overflow-x: auto; }
.tab { border: 0; background: transparent; color: var(--muted); padding: 11px 15px; border-radius: 10px; white-space: nowrap; }
.tab.active { background: var(--panel2); color: white; }
.tab span { background: var(--orange); color: white; border-radius: 99px; padding: 1px 7px; margin-left: 4px; font-size: 11px; }
.view { display: none; }
.view.active { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .7fr); gap: 18px; }
.view.single.active { display: block; }
.chat-card, .inspector, .table-wrap, .warning, .integration-grid article, .catalog-card, .stats article { background: linear-gradient(145deg, rgba(19,38,27,.96), rgba(10,24,16,.96)); border: 1px solid var(--line); border-radius: 18px; }
.chat-card { min-height: 680px; display: flex; flex-direction: column; overflow: hidden; }
.chat-head { padding: 17px 20px; display: flex; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); }
.chat-head > div:nth-child(2) { display: grid; flex: 1; }
.chat-head small { color: var(--muted); margin-top: 3px; }
.chat-head select { color:#dce8df; background:#0a1910; border:1px solid var(--line); border-radius:9px; padding:7px 9px; font-size:11px; }
.avatar { width: 42px; height: 42px; background: var(--green); color: #09120d; font-weight: 900; border-radius: 13px; display: grid; place-items: center; }
.online { font-size: 12px; color: var(--green); display: flex; gap: 7px; align-items: center; }
.messages { padding: 24px; flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 13px; max-height: 500px; min-height: 420px; }
.message { max-width: 78%; padding: 12px 15px; border-radius: 16px; line-height: 1.45; white-space: pre-wrap; flex:0 0 auto; }
.message.bot { align-self: flex-start; background: #1a3223; border-bottom-left-radius: 4px; }
.message.user { align-self: flex-end; background: var(--green); color: #08110b; border-bottom-right-radius: 4px; }
.message.system { align-self: center; max-width: 90%; color: var(--muted); font-size: 12px; border: 1px dashed var(--line); text-align: center; }
.message time { display: block; opacity: .55; font-size: 10px; margin-top: 6px; }
.quick-replies { display: flex; gap: 8px; padding: 0 20px 12px; overflow-x: auto; }
.quick-replies button { color: var(--green); background: transparent; border: 1px solid #477b57; border-radius: 99px; padding: 8px 12px; white-space: nowrap; }
.composer { padding: 16px; border-top: 1px solid var(--line); display: flex; gap: 10px; }
.composer input { flex: 1; min-width: 0; background: #08150e; color: white; border: 1px solid var(--line); padding: 13px 15px; border-radius: 12px; outline: none; }
.composer input:focus { border-color: var(--green); }
.composer button, .primary { border: 0; background: var(--green); color: #09120d; font-weight: 800; border-radius: 11px; padding: 12px 17px; }
.inspector { padding: 20px; align-self: start; position: sticky; top: 96px; }
.panel-title, .score { display: flex; justify-content: space-between; align-items: center; }
.pill { font-size: 11px; padding: 5px 9px; border-radius: 99px; background: #27362d; color: var(--muted); }
.pill.warm { background: #5e390f; color: #ffc06e; }.pill.hot { background: #244b1d; color: var(--green); }
.lead-fields { margin: 20px 0; display: grid; gap: 12px; }
.lead-fields div { border-bottom: 1px solid var(--line); padding-bottom: 9px; }
.lead-fields dt { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.lead-fields dd { margin: 4px 0 0; min-height: 20px; }
.score { margin-top: 18px; font-size: 13px; }.scorebar { height: 7px; background: #233429; border-radius: 99px; margin: 9px 0 22px; overflow: hidden; }.scorebar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--orange), var(--green)); transition: width .3s; }
.wide { width: 100%; }.privacy { color: var(--muted); font-size: 11px; line-height: 1.45; margin-top: 16px; }
.section-head { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin: 28px 2px; }.section-head h1 { margin: 3px 0; font-size: clamp(28px, 4vw, 44px); }.section-head p { color: var(--muted); margin: 5px 0; }.eyebrow { color: var(--green)!important; font-size: 11px; letter-spacing: .16em; font-weight: 800; }
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 14px; }.stats article { padding: 18px; display: grid; gap: 5px; }.stats small { color: var(--muted); }.stats strong { font-size: 30px; }.lead-filters { display:flex;gap:10px;margin-bottom:14px; }.lead-filters select { color:white;background:#0d1d14;border:1px solid var(--line);border-radius:10px;padding:10px; }
.table-wrap { overflow-x: auto; position: relative; min-height: 180px; }table { width: 100%; border-collapse: collapse; min-width: 780px; }th,td { padding: 15px 18px; text-align: left; border-bottom: 1px solid var(--line); }th { color: var(--muted); font-size: 11px; text-transform: uppercase; }.empty { color: var(--muted); padding: 40px; text-align: center; }
.catalog-grid, .integration-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }.catalog-card, .integration-grid article { padding: 21px; }.catalog-card h2, .integration-grid h2 { margin: 8px 0; }.catalog-card ul { color: var(--muted); padding-left: 18px; line-height: 1.8; }.catalog-card .tag, .integration-grid span { color: var(--green); font-size: 12px; }.warning { margin-top: 18px; border-color: #7c4a14; padding: 20px; }.warning strong { color: var(--danger); }.warning p { color: var(--muted); margin-bottom: 0; }
.catalog-card { overflow:hidden; position:relative; }.catalog-card img { width:calc(100% + 42px); height:210px; object-fit:cover; margin:-21px -21px 16px; display:block; }.catalog-card p { color:var(--muted); line-height:1.55; }.catalog-card footer { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:14px; }.catalog-price { color:var(--green); font-weight:800; }.product-form { display:none; margin-top:18px; }.product-form.open { display:grid; }.product-image-preview img { max-width:280px; max-height:220px; object-fit:cover; border-radius:14px; border:1px solid var(--line); }.product-actions { display:flex; gap:8px; }
.message.product-message { padding:0; overflow:hidden; width:min(620px,96%); max-width:96%; border:1px solid #315a3d; border-radius:22px; background:#10261a; box-shadow:0 18px 45px #0005; }
.product-gallery { background:#07110c; }.product-hero { position:relative; background:#050a07; }.product-hero-image { width:100%; height:auto; max-height:390px; aspect-ratio:16/9; object-fit:contain; display:block; }.product-hero > span { position:absolute; right:12px; bottom:10px; padding:5px 9px; border-radius:99px; background:#06100dcc; color:#dce8df; font-size:10px; backdrop-filter:blur(8px); }
.product-thumbnails { display:flex; gap:8px; padding:10px 12px; overflow-x:auto; border-top:1px solid #203d2a; }.product-thumbnails button { flex:0 0 70px; height:50px; padding:0; overflow:hidden; border:2px solid transparent; border-radius:9px; background:#0b1810; opacity:.64; }.product-thumbnails button.active { border-color:var(--green); opacity:1; }.product-thumbnails img { width:100%; height:100%; object-fit:cover; display:block; }
.product-message-copy { padding:22px; }.product-message-copy header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.product-message-copy header small,.product-benefits > small,.product-colors > small,.product-video-section > div small { display:block; color:var(--green); font-size:10px; font-weight:800; letter-spacing:.13em; }.product-message-copy h3 { margin:4px 0 0; font-size:28px; line-height:1.1; }.product-message-copy > p { color:#d4dfd7; line-height:1.6; margin:16px 0; }.product-availability { flex:0 0 auto; padding:6px 9px; border-radius:99px; color:#bdeca8; background:#1b3b24; font-size:10px; }
.product-spec-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:16px 0; }.product-spec-grid > div { display:flex; align-items:center; gap:10px; min-width:0; padding:11px; border:1px solid #2c4b36; border-radius:12px; background:#0b1b12; }.product-spec-grid i { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:#0b160f; background:var(--green); font-style:normal; font-weight:900; }.product-spec-grid span { min-width:0; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.product-spec-grid b { display:block; overflow:hidden; color:white; font-size:13px; line-height:1.25; text-transform:none; letter-spacing:0; text-overflow:ellipsis; }
.product-benefits { margin-top:18px; }.product-benefits ul { display:grid; gap:8px; padding:0; margin:10px 0 0; list-style:none; }.product-benefits li { display:flex; gap:8px; color:var(--green); }.product-benefits li span { color:#edf4ef; }.product-colors { margin-top:18px; }.product-colors > div { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }.product-colors span { padding:6px 10px; border:1px solid #3c6748; border-radius:99px; color:#dce8df; font-size:11px; }
.product-video-section { margin-top:20px; padding-top:18px; border-top:1px solid #294331; }.product-video-section > div strong { display:block; margin-top:4px; font-size:16px; }.product-video { width:100%; max-height:330px; display:block; margin-top:12px; border-radius:13px; background:#020805; }.video-link { display:block; width:max-content; max-width:100%; margin-top:9px; color:var(--green); font-size:11px; }.product-message-copy > footer { margin-top:18px; padding:12px; border-radius:10px; color:var(--muted); background:#0a1910; font-size:11px; text-align:center; }
.typing-message { display:flex; gap:5px; align-items:center; width:54px; }.typing-message i { width:7px; height:7px; border-radius:50%; background:var(--muted); animation:typing 1s infinite ease-in-out; }.typing-message i:nth-child(2){animation-delay:.15s}.typing-message i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.integration-icon { width: 43px; height: 43px; border-radius: 12px; background: #22442b; color: var(--green); display: grid; place-items: center; font-weight: 900; }.integration-grid p { color: var(--muted); min-height: 62px; }.checklist { list-style: none; padding: 0; margin: 20px 0; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }.checklist li { display: flex; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--line); }.checklist li:last-child { border: 0; }.checklist span { color: var(--muted); }
.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 22px; }.settings-grid label { color: var(--muted); font-size: 12px; display: grid; gap: 7px; }.settings-grid input,.settings-grid textarea { width: 100%; color: white; background: #08150e; border: 1px solid var(--line); border-radius: 10px; padding: 12px; outline: none; }.settings-grid textarea { resize: vertical; font-family: inherit; line-height: 1.45; }.settings-grid input:focus,.settings-grid textarea:focus { border-color: var(--green); }.settings-grid label small { line-height: 1.4; }.span-2 { grid-column: 1 / -1; }.form-actions { display: flex; align-items: center; gap: 12px; }.form-actions #settingsStatus { color: var(--green); font-size: 12px; }.backup-card { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 16px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }.backup-card h2 { margin: 0 0 5px; }.backup-card p { color: var(--muted); margin: 0; }.backup-card > div:last-child { display: flex; gap: 10px; }.import-button { background: var(--green); color: #09120d; font-weight: 800; border-radius: 11px; padding: 12px 17px; cursor: pointer; }.import-button input { display: none; }.small-action { background: transparent; border: 1px solid var(--line); color: var(--green); border-radius: 8px; padding: 6px 9px; }
.settings-grid select { width: 100%; color: white; background: #08150e; border: 1px solid var(--line); border-radius: 10px; padding: 12px; }.company-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 18px; }.company-card { padding: 18px; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; }.company-card header { display: flex; justify-content: space-between; gap: 10px; }.company-card h2 { margin: 0; font-size: 18px; }.company-card p { color: var(--muted); margin: 6px 0 14px; }.channel-row { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 14px; }.channel-badge { font-size: 11px; padding: 5px 8px; border-radius: 99px; color: var(--muted); background: #223128; }.channel-badge.on { color: var(--green); background: #203f26; }.form-section { border-top: 1px solid var(--line); padding-top: 17px; margin-top: 5px; }.form-section:first-of-type { border-top: 0; padding-top: 0; }.form-section h2 { margin: 0; font-size: 17px; }.form-section p,.credential-box p { color: var(--muted); margin: 5px 0 0; font-size: 12px; }.switch-line { display: flex!important; grid-template-columns: none!important; flex-direction: row; align-items: center; gap: 10px!important; padding: 10px; border: 1px solid var(--line); border-radius: 10px; }.switch-line input { width: 18px!important; height: 18px; accent-color: var(--green); }.switch-line span { display: grid; gap: 2px; }.credential-box { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px; background: #0a160f; border: 1px solid #744815; border-radius: 12px; }.credential-status span { color: #ffbd6c; background: #4d3212; border-radius: 99px; padding: 6px 10px; font-size: 11px; }.company-form { display: none; }.company-form.open { display: grid; }
.users-card { margin-top: 18px; padding: 22px; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; }.users-card h2 { margin: 2px 0; }.users-card p { color: var(--muted); }.user-form { display: grid; grid-template-columns: 1fr 1.2fr .8fr 1fr 1.4fr auto; gap: 10px; }.user-form input,.user-form select,.login-body input { color: white; background: #08150e; border: 1px solid var(--line); border-radius: 10px; padding: 11px; min-width: 0; }.user-list { display: grid; gap: 8px; margin-top: 16px; }.user-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; }.user-row small { color: var(--muted); display: block; }.form-status { color: #ffbd6c; min-height: 18px; font-size: 12px; margin-top: 8px; }.login-dialog { width: min(440px,calc(100% - 30px)); }.login-body { padding: 22px; display: grid; gap: 13px; }.login-body p { color: var(--muted); margin: 0; }.login-body label { color: var(--muted); font-size: 12px; display: grid; gap: 6px; }.demo-credentials { display: grid; gap: 3px; padding: 12px; border: 1px dashed #744815; border-radius: 10px; color: #ffbd6c; font-size: 12px; }.lead-edit-body { padding:22px;display:grid;gap:14px; }.lead-edit-body label { color:var(--muted);font-size:12px;display:grid;gap:6px; }.lead-edit-body select,.lead-edit-body textarea { color:white;background:#08150e;border:1px solid var(--line);border-radius:10px;padding:11px; }.lead-summary { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px;border:1px solid var(--line);border-radius:11px; }.lead-summary span { color:var(--muted);font-size:12px; }.lead-summary b { display:block;color:white;margin-top:2px; }
.settings-grid.product-form { display:none; }.settings-grid.product-form.open { display:grid; }
#userCompany { min-height:46px; }.user-form { grid-template-columns:1fr 1.2fr .8fr 1.4fr 1.4fr auto; }.lead-access-note { color:var(--muted); font-size:12px; padding:10px; border:1px dashed var(--line); border-radius:10px; }
.integration-notice { padding:18px 20px; margin-bottom:16px; border:1px solid #744815; border-radius:14px; background:#281b0c; }.integration-notice b { color:#ffbd6c; }.integration-notice p { color:var(--muted); margin:5px 0 0; }.integration-company-cards { display:grid; gap:16px; }.integration-company { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:20px; }.integration-company header { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:15px; }.integration-company h2 { margin:0; }.integration-channels { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.integration-channel { padding:16px; border:1px solid var(--line); border-radius:14px; background:#09160f; }.integration-channel-head { display:flex; align-items:center; gap:10px; }.integration-channel-head h3 { margin:0; flex:1; }.connection-state { font-size:11px; padding:5px 8px; border-radius:99px; color:#ffbd6c; background:#4d3212; }.connection-state.ready { color:var(--green); background:#203f26; }.integration-channel ul { color:var(--muted); font-size:12px; line-height:1.7; padding-left:18px; min-height:68px; }.integration-channel footer { display:flex; gap:9px; flex-wrap:wrap; }.integration-channel button[disabled] { opacity:.45; cursor:not-allowed; }
@media (max-width:700px){.integration-channels{grid-template-columns:1fr}.user-form{grid-template-columns:1fr}}
.product-gallery-editor { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:12px; }.gallery-edit-item { padding:10px; border:1px solid var(--line); border-radius:12px; background:#09160f; }.gallery-edit-item img { width:100%; height:120px; object-fit:cover; border-radius:9px; margin-bottom:8px; }.gallery-edit-item input { font-size:12px; padding:8px; }.gallery-edit-item button { margin-top:7px; width:100%; }.product-media-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:5px; }.product-media-grid img { width:100%; height:150px; object-fit:cover; }.product-media-grid img:only-child { grid-column:1/-1; }.video-link { display:inline-block; margin-top:8px; color:var(--green); }.catalog-colors { display:flex; flex-wrap:wrap; gap:5px; padding:0!important; list-style:none; }.catalog-colors li { padding:4px 7px; background:#21362a; border-radius:99px; font-size:11px; }
.upload-video-button { border:1px dashed #477b57; padding:14px; border-radius:12px; cursor:pointer; color:var(--green)!important; }.upload-video-button input { margin-top:8px; }.product-video-preview video { width:min(640px,100%); max-height:360px; border-radius:14px; background:#000; }.video-meta { color:var(--muted); font-size:12px; margin-top:7px; }.ads-table { margin-top:16px; }.ads-table small { color:var(--muted); display:block; margin-top:3px; }
.script-flow { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:16px; }.script-flow span { padding:8px 11px; border-radius:99px; background:#183021; color:var(--green); font-size:12px; }.script-flow i { color:var(--muted); font-style:normal; }.script-form #scriptStatus { color:var(--green); }.section-head > select { color:white; background:#0d1d14; border:1px solid var(--line); border-radius:10px; padding:11px; min-width:220px; }
.alert-list { display:grid;gap:10px; }.alert-item { display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:14px; }.alert-item.urgent { border-color:#8b4b18; }.alert-item h3 { margin:0 0 4px;font-size:16px; }.alert-item p { margin:0;color:var(--muted);font-size:12px; }.alert-reasons { display:flex;gap:6px;flex-wrap:wrap; }.alert-reasons span { padding:5px 8px;border-radius:99px;background:#4b3013;color:#ffc06e;font-size:11px; }.lead-history { display:grid;gap:8px;margin-top:8px;max-height:180px;overflow:auto; }.history-item { padding:9px 11px;border-left:2px solid var(--green);background:#0b1810;font-size:12px; }.history-item small { display:block;color:var(--muted);margin-top:3px; }
.consultant-chat { border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#08150e; }.consultant-chat-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 15px; border-bottom:1px solid var(--line); }.consultant-chat-head small { display:block; color:var(--muted); margin-top:3px; }.consultant-messages { display:flex; flex-direction:column; gap:8px; padding:14px; max-height:300px; overflow:auto; }.consultant-message { max-width:82%; padding:9px 11px; border-radius:12px; background:#193121; font-size:12px; white-space:pre-wrap; }.consultant-message.customer { align-self:flex-start; }.consultant-message.consultant { align-self:flex-end; color:#07110c; background:var(--green); }.consultant-message.system { align-self:center; color:var(--muted); background:transparent; border:1px dashed var(--line); }.consultant-message small { display:block; margin-top:4px; opacity:.65; font-size:9px; }.consultant-composer { display:flex; gap:8px; padding:12px; border-top:1px solid var(--line); }.consultant-composer textarea { flex:1; min-width:0; resize:vertical; color:white; background:#0c1d13; border:1px solid var(--line); border-radius:10px; padding:10px; font:inherit; }.consultant-composer button { align-self:stretch; }.consultant-composer textarea:disabled,.consultant-composer button:disabled { opacity:.45; cursor:not-allowed; }
dialog { width: min(650px, calc(100% - 30px)); max-height: 82vh; padding: 0; color: white; background: #0b1911; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 30px 100px #000b; }dialog::backdrop { background: #000a; backdrop-filter: blur(4px); }.dialog-head { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--line); }.dialog-head small { color: var(--green); }.dialog-head h2 { margin: 3px 0 0; }.transcript { padding: 20px; display: flex; flex-direction: column; gap: 10px; overflow: auto; max-height: 60vh; }.transcript .message { max-width: 82%; }
@media (max-width: 820px) { .topbar { padding: 0 16px; gap: 8px; }.status { display: none; }.ghost { margin-left: auto; font-size: 12px; }.topbar #newConversation { display:none; }.shell { width: calc(100% - 24px); margin: 15px auto; }.view.active { grid-template-columns: 1fr; }.inspector { position: static; }.chat-card { min-height: 620px; }.catalog-grid,.integration-grid,.company-cards { grid-template-columns: 1fr; }.stats { grid-template-columns: 1fr 1fr 1fr; }.stats article { padding: 12px; }.stats strong { font-size: 22px; }.section-head { align-items: start; flex-direction: column; }.messages { padding: 16px; }.message { max-width: 88%; }.settings-grid { grid-template-columns: 1fr; }.span-2 { grid-column: auto; }.backup-card,.credential-box { align-items: stretch; flex-direction: column; }.backup-card > div:last-child { flex-wrap: wrap; }.form-actions { flex-wrap: wrap; }.user-form { grid-template-columns: 1fr; } }

@media (max-width: 600px) {
  body { background: var(--bg); }
  button, select, input, textarea { min-height: 44px; }
  .topbar { height: 62px; padding: 0 12px; position: sticky; }
  .brand strong { font-size: 15px; }
  .brand small { font-size: 8px; }
  .bolt { width: 34px; height: 34px; border-radius: 10px; font-size: 23px; }
  #adminSessionButton { max-width: 48vw; padding: 8px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .shell { width: 100%; margin: 0; }
  .tabs { position: sticky; top: 62px; z-index: 4; gap: 4px; margin: 0; padding: 8px 10px; background: #07110cf2; border-bottom: 1px solid var(--line); scrollbar-width: none; }
  .tabs::-webkit-scrollbar { display: none; }
  .tab { padding: 10px 12px; }
  .view.single.active, .view.active { padding: 0 12px 18px; }
  .section-head { gap: 12px; margin: 18px 2px 14px; }
  .section-head h1 { font-size: 27px; }
  .section-head .primary, .section-head .ghost { width: 100%; margin: 0; }
  .lead-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .lead-filters select { width: 100%; min-width: 0; padding: 9px 7px; font-size: 12px; }
  .stats { grid-template-columns: 1fr 1fr; gap: 8px; }
  .stats article { min-width: 0; border-radius: 13px; }
  .stats small { font-size: 11px; }
  .stats strong { font-size: 24px; }

  .table-wrap { overflow: visible; min-height: 0; background: transparent; border: 0; }
  .table-wrap table, .table-wrap tbody, .table-wrap tr, .table-wrap td { display: block; width: 100%; min-width: 0; }
  .table-wrap thead { display: none; }
  .table-wrap tbody { display: grid; gap: 10px; }
  .table-wrap tr { position: relative; padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(19,38,27,.96), rgba(10,24,16,.96)); }
  .table-wrap td { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 8px; padding: 6px 0; border: 0; overflow-wrap: anywhere; }
  .table-wrap td::before { color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  .table-wrap td:nth-child(1)::before { content: "Cliente"; }
  .table-wrap td:nth-child(2)::before { content: "Empresa"; }
  .table-wrap td:nth-child(3)::before { content: "Interesse"; }
  .table-wrap td:nth-child(4)::before { content: "Responsável"; }
  .table-wrap td:nth-child(5)::before { content: "Status"; }
  .table-wrap td:nth-child(6)::before { content: "Contato"; }
  .table-wrap td:last-child { display: block; padding-top: 10px; }
  .table-wrap td:last-child::before { content: none; }
  .table-wrap td:last-child button { width: 100%; min-height: 46px; }

  #leadDialog { width: 100vw; max-width: none; height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  #leadDialog[open] { display: flex; flex-direction: column; }
  #leadDialog #leadForm { display: flex; flex: 1; min-height: 0; flex-direction: column; }
  #leadDialog .dialog-head { position: sticky; top: 0; z-index: 3; flex: 0 0 auto; padding: 12px 14px; background: #0b1911f5; }
  #leadDialog .dialog-head h2 { max-width: 65vw; overflow: hidden; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; }
  #leadDialog .dialog-head .ghost { margin: 0; }
  .lead-edit-body { flex: 1; min-height: 0; padding: 12px; gap: 12px; overflow-y: auto; overscroll-behavior: contain; }
  .lead-summary { grid-template-columns: 1fr 1fr; padding: 10px; font-size: 13px; }
  .consultant-chat { min-height: 55vh; display: flex; flex-direction: column; border-radius: 14px; }
  .consultant-chat-head { flex: 0 0 auto; padding: 11px 12px; }
  .consultant-messages { flex: 1; min-height: 250px; max-height: 48vh; padding: 11px; }
  .consultant-message { max-width: 90%; padding: 10px 12px; font-size: 14px; }
  .consultant-composer { position: sticky; bottom: 0; z-index: 2; align-items: stretch; padding: 9px; background: #08150ef5; }
  .consultant-composer textarea { min-height: 48px; max-height: 120px; resize: none; font-size: 16px; }
  .consultant-composer button { min-width: 78px; padding: 10px 12px; }
  .consultant-chat .form-status { padding: 0 10px 5px; margin: 0; }
  .lead-history { max-height: 140px; }
  #saveLead { min-height: 48px; }

  .alert-item, .user-row { align-items: stretch; flex-direction: column; }
  .alert-item button, .user-row button { width: 100%; margin: 0; }
  .settings-grid, .users-card, .integration-company { padding: 15px; border-radius: 14px; }
}