.ai-badge{margin-inline-start:auto;border-radius:5px;padding:3px 5px;background:#c9f06a;color:#17251f;font-size:8px}
.connection-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:20px;background:#fff4e3;color:#a9782f;font-size:10px;font-weight:700}
.connection-badge i{width:6px;height:6px;border-radius:50%;background:#d99a42}
.ai-grid{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(360px,1.08fr);gap:14px}
.camera-card,.assistant-card{min-height:520px}
.camera-icon,.assistant-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef5ed;color:var(--green);font-size:16px}
.assistant-icon{background:#f0edff;color:#7866bf}
.camera-preview{height:235px;margin-top:21px;border-radius:13px;background:radial-gradient(ellipse at center,#192e29 0%,#101a18 65%,#0d1412 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9dafa5;position:relative;overflow:hidden}
.camera-preview:before,.camera-preview:after{content:'';position:absolute;inset:16px;border:1px solid #ffffff12;border-radius:8px}
.camera-preview:after{inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#ffffff03 5px 6px)}
.camera-crosshair{position:absolute;width:94px;height:94px;border:1px solid #c9f06a52;border-radius:50%;box-shadow:0 0 0 28px #c9f06a0b}
.camera-message{font-size:25px;margin-bottom:8px;z-index:1;color:#c9f06a}
.camera-preview strong,.camera-preview small{z-index:1}.camera-preview strong{font-size:12px;color:#dae6df}.camera-preview small{font-size:9px;color:#8fa097;margin-top:7px;text-align:center;padding:0 16px}
.camera-stats{display:grid;grid-template-columns:1fr 1fr;margin:16px 0;border:1px solid var(--line);border-radius:10px}
.camera-stats>div{padding:12px 13px;display:grid;gap:6px}.camera-stats>div+div{border-inline-start:1px solid var(--line)}.camera-stats small{font-size:9px;color:#8b9891}.camera-stats strong{font-size:16px}.camera-stats .state-offline{font-size:11px;color:#c1863a}
.full{width:100%}.privacy-note{display:flex;align-items:flex-start;gap:8px;color:#829088;font-size:9px;line-height:1.6;margin:13px 1px 0}.privacy-note>span:first-child{color:#668f78;font-size:14px;flex:none}
.assistant-card{display:flex;flex-direction:column}.assistant-status{display:flex;align-items:center;gap:8px;margin-top:19px;color:#76847d;font-size:9px}
.assistant-messages{margin-top:12px;flex:1;min-height:155px;max-height:210px;overflow:auto;padding:11px;background:#f8faf8;border-radius:11px;display:flex;flex-direction:column;gap:9px}
.assistant-bubble{max-width:90%;display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:10px;font-size:10px;line-height:1.65}.assistant-bubble p{margin:0}.assistant-bubble.bot{background:#fff;border:1px solid var(--line);align-self:flex-start}.assistant-bubble.user{background:#e8f4e9;align-self:flex-end}
.bot-mark{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--ink);color:var(--lime);font-size:10px;font-weight:800}
.suggestion-list{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.suggestion-list button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;color:#62736a;border-radius:20px;padding:7px 9px;font-size:9px}.suggestion-list button:hover{border-color:#bad4c0;color:var(--green)}
.assistant-form{display:flex;gap:7px}.assistant-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;font-size:10px;outline:0}.assistant-form input:focus{border-color:#80b693;box-shadow:0 0 0 3px #4f9a6815}.assistant-form button{width:38px;border:0;border-radius:9px;background:var(--green);color:#fff;font-size:18px;font-weight:800}
.ai-disclaimer{font-size:8px;line-height:1.5;color:#8c9892;margin:10px 0 0}.setup-copy{font-size:12px;line-height:1.8;color:#66756d;margin:0 0 18px}.field-select:not(select){display:block;margin:6px 0 17px}
.assistant-card[dir="rtl"] .assistant-bubble{align-self:flex-start}.assistant-card[dir="rtl"] .assistant-bubble.user{align-self:flex-end}.assistant-card[dir="rtl"] .suggestion-list{direction:rtl}.assistant-card[dir="rtl"] .assistant-form{direction:rtl}
html[dir="rtl"] .ai-grid{direction:rtl}html[dir="rtl"] .camera-stats{direction:rtl}
@media(max-width:1050px){.ai-grid{grid-template-columns:1fr}.camera-card,.assistant-card{min-height:0}.assistant-messages{min-height:130px}}