/* ═══════════════════════════════════════════════════════════════
   egentproo — الواجهة v2
   تخطيط: يمين (المحادثات + الأدوات) · وسط (دردشة بارزة) · يسار (نافذة حية)
   ═══════════════════════════════════════════════════════════════ */
:root{
  --bg:#0e1218;
  --bg-soft:#11161d;
  --sidebar:#0b0f14;
  --panel:#0c1117;
  --card:#161d26;
  --card-2:#1c2532;
  --line:#243040;
  --line-soft:#1b2531;
  --text:#eaf0f6;
  --muted:#8fa0b1;
  --faint:#5c6b7a;
  --accent:#10a37f;
  --accent-2:#2dd4bf;
  --accent-soft:rgba(45,212,191,.13);
  --grad:linear-gradient(135deg,#10a37f 0%,#2dd4bf 100%);
  --danger:#ef4141;
  --warn:#f0b429;
  --ok:#31c46b;
  --sbw:300px;
  --livew:clamp(400px,42vw,640px);
  --radius:16px;
}

[hidden]{display:none !important}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--text);overflow:hidden;
  font-family:"Cairo","Segoe UI",system-ui,-apple-system,Tahoma,sans-serif;
  font-size:15.5px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
button,input,textarea,select{font-family:inherit}
::selection{background:rgba(45,212,191,.25)}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#2a3644;border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#3b4c60;background-clip:content-box}

.muted{color:var(--muted)}
.mono{font-family:ui-monospace,Consolas,monospace;direction:ltr;font-size:12.5px;color:#9fd9c7}
.err{color:#ff8080;min-height:20px;font-size:14px;margin-top:8px}

/* ───── شاشة الدخول ───── */
.login-wrap{position:fixed;inset:0;display:grid;place-items:center;padding:16px;z-index:100;
  background:
    radial-gradient(900px 520px at 80% -5%,rgba(16,163,127,.16),transparent 60%),
    radial-gradient(700px 420px at 8% 105%,rgba(45,212,191,.10),transparent 60%),
    #0a0e13}
.login-card{background:rgba(19,26,35,.88);backdrop-filter:blur(16px);border:1px solid var(--line);
  border-radius:24px;padding:38px 32px;width:min(92vw,420px);text-align:center;
  box-shadow:0 30px 90px rgba(0,0,0,.55)}
.login-card .logo-big{font-size:48px;line-height:1;width:86px;height:86px;margin:0 auto;
  display:grid;place-items:center;background:var(--accent-soft);border:1px solid rgba(45,212,191,.3);border-radius:26px}
.login-card h1{margin:14px 0 4px;font-size:27px;font-weight:800;letter-spacing:.5px}
.login-card input{width:100%;margin:20px 0 12px;padding:13px 15px;border-radius:13px;border:1px solid var(--line);
  background:#0a0e13;color:var(--text);outline:none;font-size:15px;transition:border-color .15s}
.login-card input:focus{border-color:rgba(45,212,191,.6)}
.login-card button{width:100%;padding:13px;border:0;border-radius:13px;background:var(--grad);
  color:#04130e;font-size:16px;font-weight:800;cursor:pointer;transition:filter .15s}
.login-card button:hover{filter:brightness(1.12)}
body.authed .login-wrap{display:none}
body.guest .app{display:none}

/* ───── الهيكل: 3 أعمدة (يمين/وسط/يسار) ───── */
.app{display:grid;grid-template-columns:var(--sbw) minmax(0,1fr) 0px;
  grid-template-rows:minmax(0,1fr);
  height:100vh;height:100dvh;overflow:hidden;
  transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1)}
.app.live-open{grid-template-columns:var(--sbw) minmax(0,1fr) var(--livew)}

/* ═════════════ الشريط الجانبي (يمين) ═════════════ */
.sidebar{background:var(--sidebar);border-inline-start:1px solid var(--line-soft);
  display:flex;flex-direction:column;padding:14px 12px 12px;gap:5px;min-width:0;overflow:hidden}
.side-top{display:flex;flex-direction:column;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
.brand{display:flex;align-items:center;gap:10px;padding:0 4px}
.brand-logo{font-size:24px;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;
  background:var(--accent-soft);border:1px solid rgba(45,212,191,.3);border-radius:14px}
.brand-txt{font-weight:800;font-size:16px;line-height:1.25;display:flex;flex-direction:column;min-width:0}
.brand-txt small{font-size:10.5px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.new-chat{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--grad);color:#04130e;
  font-weight:800;font-size:14.5px;border:0;border-radius:13px;padding:12px;cursor:pointer;
  box-shadow:0 8px 20px rgba(16,163,127,.28);transition:filter .15s}
.new-chat:hover{filter:brightness(1.1)}
.plus{font-size:17px;line-height:1}
.side-label{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.5px;padding:11px 6px 3px}
.conv-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;min-height:60px;padding:0 2px}
.conv-item{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:11px;cursor:pointer;
  color:#cfd9e2;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  border:1px solid transparent;transition:background .15s}
.conv-item:hover{background:var(--card)}
.conv-item.active{background:var(--accent-soft);border-color:rgba(45,212,191,.28);color:#fff}
.conv-item .del{margin-inline-start:auto;opacity:0;color:var(--faint);padding:2px 5px;border-radius:6px;transition:.15s;flex:0 0 auto}
.conv-item:hover .del{opacity:1}
.conv-item .del:hover{background:rgba(239,65,65,.15);color:#ff9d9d}
.side-tools{display:flex;flex-direction:column;gap:4px}
.side-btn{display:flex;align-items:center;gap:9px;width:100%;text-align:start;background:transparent;
  color:#cfd9e2;border:1px solid transparent;border-radius:11px;padding:10px 11px;cursor:pointer;
  font-size:14.2px;transition:background .15s,border-color .15s;position:relative;white-space:nowrap}
.side-btn .sb-ico{font-size:15px;width:22px;text-align:center;flex:0 0 auto}
.side-btn:hover{background:var(--card)}
.side-btn.danger:hover{background:rgba(239,65,65,.12);color:#ff9d9d}
.side-bottom{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line-soft);padding-top:9px;margin-top:4px}
.btn-dot{margin-inline-start:auto;width:9px;height:9px;border-radius:50%;background:#46525f;flex:0 0 auto;transition:.25s}
.btn-dot.on{background:var(--ok);box-shadow:0 0 10px rgba(49,196,107,.75)}

/* ═════════════ المنتصف: الدردشة ═════════════ */
.main{display:flex;flex-direction:column;min-width:0;position:relative;
  background:
    radial-gradient(1100px 400px at 50% -10%,rgba(16,163,127,.06),transparent 60%),
    var(--bg)}
.topbar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 16px;height:56px;
  background:rgba(14,18,24,.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.model-pill{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);
  border-radius:999px;padding:6px 13px;font-size:13px;color:#cfd9e2;max-width:38%;min-width:0}
.model-pill > span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.model-pill.bad{border-color:rgba(239,65,65,.5);background:rgba(239,65,65,.08)}
.dot{width:9px;height:9px;border-radius:50%;background:#5b6773;flex:0 0 auto;transition:.25s}
.dot.on{background:var(--ok);box-shadow:0 0 10px rgba(49,196,107,.8)}
.dot.off{background:var(--danger);box-shadow:0 0 8px rgba(239,65,65,.6)}
.conv-title{flex:1;text-align:center;font-size:15.5px;font-weight:700;color:#e6edf3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-right{display:flex;gap:6px}
.icon-btn{background:transparent;border:1px solid transparent;color:#cfd9e2;font-size:19px;cursor:pointer;
  padding:7px 10px;border-radius:11px;line-height:1;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.icon-btn:hover{background:var(--card);border-color:var(--line)}
.icon-btn.small{padding:4px 9px;font-size:12.5px}
.only-mobile{display:none}
.icon-btn.live-top-btn{font-size:13.5px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:6px 13px}
.icon-btn.live-top-btn.ok{border-color:rgba(49,196,107,.5);color:#7ee2c2;background:rgba(49,196,107,.08)}

/* منطقة الشات */
.chat{flex:1;overflow-y:auto;padding:28px 0 14px;scroll-behavior:smooth;min-height:0}
.welcome{max-width:780px;margin:6vh auto 0;text-align:center;padding:0 20px}
.welcome .logo-big{font-size:52px;line-height:1;width:104px;height:104px;margin:0 auto;display:grid;place-items:center;
  background:var(--accent-soft);border:1px solid rgba(45,212,191,.3);border-radius:32px;
  box-shadow:0 24px 70px rgba(16,163,127,.28)}
.welcome h2{font-size:32px;font-weight:800;margin:18px 0 6px}
.welcome .muted{max-width:560px;margin:0 auto;font-size:14.8px;line-height:1.9}
.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;text-align:start}
.chip{background:var(--card);border:1px solid var(--line);color:#dbe5ee;border-radius:14px;
  padding:13px 15px;cursor:pointer;font-size:13.8px;line-height:1.6;transition:.15s}
.chip:hover{background:var(--card-2);border-color:rgba(45,212,191,.45);transform:translateY(-1px)}

.messages{max-width:860px;margin:0 auto;padding:0 22px;display:flex;flex-direction:column;gap:26px}
.msg{display:flex;gap:12px;align-items:flex-start}
.msg .avatar{width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:var(--grad);
  display:grid;place-items:center;font-size:17px;box-shadow:0 4px 14px rgba(16,163,127,.3)}
.msg.user{flex-direction:row-reverse}
.msg.user .avatar{background:var(--card-2);border:1px solid var(--line);box-shadow:none}
.msg .bubble{padding:12px 16px;border-radius:16px;max-width:100%;white-space:pre-wrap;word-break:break-word;
  font-size:15.5px;line-height:1.95;min-width:0}
.msg.user .bubble{background:linear-gradient(135deg,rgba(16,163,127,.20),rgba(45,212,191,.09));
  border:1px solid rgba(45,212,191,.22);border-top-left-radius:6px;max-width:85%}
.msg.assistant .bubble{background:transparent;padding:2px 0;flex:1}
.msg .bubble code{background:#0d1319;border:1px solid var(--line);padding:2px 6px;border-radius:6px;
  font-family:ui-monospace,Consolas,monospace;font-size:13.5px;direction:ltr;display:inline-block}
.msg .bubble pre{background:#0a0f15;border:1px solid var(--line);border-radius:12px;padding:13px;
  overflow:auto;direction:ltr;text-align:left;line-height:1.6}
.msg .bubble pre code{background:none;border:0;padding:0}
.msg .bubble img{max-width:340px;border-radius:12px;border:1px solid var(--line);margin-top:8px;display:block}
.caret{display:inline-block;width:9px;height:17px;background:var(--accent-2);vertical-align:-2px;animation:blink 1s steps(2) infinite}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}
.msg-actions{display:flex;gap:6px;margin-top:6px;opacity:.65}
.msg-actions button{background:transparent;border:0;color:#aab7c4;cursor:pointer;font-size:13px;border-radius:8px;padding:3px 8px}
.msg-actions button:hover{background:var(--card-2);color:#fff}

/* بطاقات التنفيذ (خطوات الوكيل) */
.action-card{border:1px solid var(--line);border-inline-start:3px solid var(--accent);background:#131a23;
  border-radius:13px;padding:11px 14px;margin:4px 0;font-size:14.3px}
.action-card.error{border-inline-start-color:var(--danger)}
.action-card.pending{border-inline-start-color:var(--warn)}
.action-card .a-head{display:flex;align-items:center;gap:9px;font-weight:700}
.action-card .a-body{color:#c9d4de;margin-top:6px;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto;font-size:13.5px}
.badge{font-size:11.5px;padding:2px 9px;border-radius:999px;background:#232e3b;color:#cfd9e2;flex:0 0 auto}
.badge.ok{background:rgba(16,163,127,.16);color:#7ee2c2}
.badge.err{background:rgba(239,65,65,.16);color:#ffb0b0}
.badge.run{background:rgba(240,180,41,.16);color:#ffdf8a}

/* ═════════════ صندوق الكتابة (طويل + شريط أدوات) ═════════════ */
.composer-wrap{flex:0 0 auto;padding:0 22px 12px;width:100%;display:flex;flex-direction:column;align-items:center}
.banner{max-width:860px;width:100%;margin:0 0 8px;padding:11px 14px;border-radius:14px;
  background:rgba(240,180,41,.10);border:1px solid rgba(240,180,41,.45);color:#ffd9a8;font-size:13.8px;line-height:1.8}
.status-bar{max-width:860px;width:100%;margin:0 0 8px;padding:0 8px;font-size:13.2px;color:#9fd9c7;min-height:20px}
.composer{width:100%;max-width:860px;background:var(--card);border:1px solid var(--line);border-radius:22px;
  padding:12px 12px 10px;display:flex;flex-direction:column;gap:8px;
  box-shadow:0 14px 40px rgba(0,0,0,.35);transition:border-color .2s,box-shadow .2s}
.composer:focus-within{border-color:rgba(45,212,191,.55);
  box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 3px rgba(45,212,191,.10)}
.composer textarea{width:100%;min-height:92px;max-height:340px;background:transparent;border:0;color:var(--text);
  resize:none;outline:none;font-size:15.8px;line-height:1.85;padding:8px 8px 2px}
.composer textarea::placeholder{color:var(--faint)}
.composer-bar{display:flex;align-items:center;gap:4px}
.composer-ico{background:transparent;border:1px solid transparent;color:#cfd9e2;font-size:18px;cursor:pointer;
  padding:7px 11px;border-radius:10px;line-height:1;transition:.15s}
.composer-ico:hover{background:var(--card-2);border-color:var(--line)}
.composer-hint{flex:1;text-align:center;font-size:11.5px;color:var(--faint);user-select:none;white-space:nowrap;overflow:hidden}
.send-btn{display:inline-flex;align-items:center;gap:7px;background:var(--grad);border:0;border-radius:999px;
  padding:9px 22px;color:#04130e;font-size:14.5px;font-weight:800;cursor:pointer;
  box-shadow:0 8px 20px rgba(16,163,127,.3);transition:filter .15s}
.send-btn:hover{filter:brightness(1.12)}
.send-btn:disabled{background:var(--card-2);color:var(--faint);cursor:not-allowed;box-shadow:none}
.attachments{max-width:860px;width:100%;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.attach{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:6px 10px;font-size:13px;
  display:flex;gap:8px;align-items:center}
.attach img{width:38px;height:38px;object-fit:cover;border-radius:7px}
.attach .rm{cursor:pointer;color:#ff9b9b;padding:0 3px}
.foot-note{text-align:center;font-size:11.5px;color:var(--faint);margin-top:8px}

/* ═════════════ النافذة الجانبية (يسار): المتصفح الحي ═════════════ */
.live-panel{position:relative;grid-column:3;grid-row:1;background:var(--panel);
  border-inline-start:1px solid var(--line-soft);display:flex;flex-direction:column;overflow:hidden;
  min-width:0;visibility:hidden;transition:visibility 0s .35s}
.live-panel.open{visibility:visible;transition:none}
.live-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 12px;border-bottom:1px solid var(--line-soft);background:rgba(10,14,19,.65)}
.live-tabs{display:flex;gap:3px;background:#0a0e13;border:1px solid var(--line);border-radius:12px;padding:3px}
.live-tab{background:transparent;border:0;color:var(--muted);padding:7px 13px;border-radius:9px;cursor:pointer;
  font-size:13.3px;font-weight:700;transition:.15s;white-space:nowrap}
.live-tab:hover{color:#e6edf3}
.live-tab.active{background:var(--grad);color:#04130e}

.live-view{flex:1 1 auto;display:flex;flex-direction:column;gap:9px;padding:12px;min-height:0;overflow-y:auto}
.live-bar{display:flex;align-items:center;gap:7px}
.live-dot{width:10px;height:10px;border-radius:50%;background:#46525f;flex:0 0 auto;transition:.25s}
.live-dot.on{background:var(--ok);box-shadow:0 0 10px rgba(49,196,107,.8)}
.live-url{flex:1;background:#0a0e13;border:1px solid var(--line);color:#cfd9e2;border-radius:9px;
  padding:7px 10px;font-size:12.5px;direction:ltr;text-align:left;min-width:0;outline:none}
.live-url:focus{border-color:rgba(45,212,191,.5)}
.live-stage{position:relative;background:#05080c;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  flex:1 1 auto;min-height:200px;display:grid;place-items:center;cursor:default;outline:none;transition:border-color .2s,box-shadow .2s}
.live-stage img{width:100%;height:100%;object-fit:contain}
.live-stage:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
/* ── تكبير المتصفح الحي ── */
.live-panel.live-max{position:fixed;inset:6px;z-index:990;grid-column:auto;grid-row:auto;
  border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.78);border:1px solid var(--line)}
.live-panel.live-max .live-stage{min-height:0}
/* ── مؤشر الدقة: علامة + إحداثيات + عدسة ── */
.live-cross{display:none;position:absolute;width:0;height:0;pointer-events:none;z-index:5}
.live-cross::before,.live-cross::after{content:'';position:absolute;background:rgba(255,82,82,.95)}
.live-cross::before{left:-17px;top:0;width:34px;height:1.5px}
.live-cross::after{left:0;top:-17px;height:34px;width:1.5px}
.live-cross i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border:1.5px solid rgba(255,82,82,.95);border-radius:50%}
.live-mag{display:none;position:absolute;width:264px;height:186px;border-radius:14px;pointer-events:none;z-index:6;
  border:2px solid var(--accent);box-shadow:0 10px 30px rgba(0,0,0,.65);background-color:#000;background-repeat:no-repeat}
.live-coords{display:none;position:absolute;left:10px;bottom:10px;z-index:5;pointer-events:none;
  background:rgba(5,8,12,.88);border:1px solid var(--line);border-radius:8px;padding:3px 10px;
  font:600 12px/1.7 ui-monospace,Consolas,monospace;color:#7ee7dc;direction:ltr}
.live-off2{position:absolute;inset:0;display:grid;place-content:center;gap:10px;text-align:center;
  padding:22px;background:#070b10;overflow-y:auto}
.bridge-off-icon{font-size:36px}
.bridge-off-title{font-size:17px;font-weight:700;margin:2px 0 0}
.live-open-row{display:flex;gap:7px}
.live-open-row input{flex:1;background:#0a0e13;border:1px solid var(--line);color:#e8e8e8;border-radius:10px;
  padding:9px 11px;font-size:13px;min-width:0;outline:none}
.live-open-row input:focus{border-color:rgba(45,212,191,.5)}
.live-open-row .side-btn,.live-type-row .side-btn,.live-ask-row .side-btn{width:auto;flex:0 0 auto;
  border:1px solid var(--line);padding:8px 14px;white-space:nowrap}
.live-open-row .side-btn.primary,.live-type-row .side-btn.primary,.live-ask-row .side-btn.primary{border-color:transparent}
.live-ctrls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.live-btn{background:var(--card);border:1px solid var(--line);color:#dcdcdc;border-radius:10px;
  padding:7px 11px;cursor:pointer;font-size:12.8px;transition:.15s}
.live-btn:hover{background:var(--card-2)}
.live-btn.on{background:rgba(240,180,41,.13);border-color:rgba(240,180,41,.55);color:#ffd48a}
.live-keys{display:flex;gap:4px;flex-wrap:wrap}
.live-k{background:#0a0e13;border:1px solid var(--line);color:#cfd9e2;border-radius:8px;padding:5px 8px;
  cursor:pointer;font-size:12px;min-width:28px;transition:.15s}
.live-k:hover{background:var(--card-2);border-color:rgba(45,212,191,.4)}
.live-type-row{display:flex;gap:7px;align-items:center}
.live-type-row input{flex:1;background:#0a0e13;border:1px solid var(--line);color:#e8e8e8;border-radius:10px;
  padding:9px 11px;font-size:13px;min-width:0;outline:none}
.live-type-row input:focus{border-color:rgba(45,212,191,.5)}
.live-type-row .live-chk{display:flex;align-items:center;gap:5px;font-size:12px;color:#b9c5d1;white-space:nowrap}
.live-ask{border:1px solid rgba(240,180,41,.55);background:rgba(240,180,41,.08);border-radius:13px;
  padding:11px 12px;display:flex;flex-direction:column;gap:8px}
.live-ask-q{font-size:13px;color:#ffd9a8;line-height:1.8}
.live-ask-row{display:flex;gap:7px;flex-wrap:wrap}
.live-hint{font-size:12.5px;color:#8fa0b1;padding:2px 2px 4px;line-height:1.7}
.live-hint.warn{color:var(--warn)}


/* تبويب شاشة الجهاز */
.live-screen{flex:1 1 auto;position:relative;background:#05080c;margin:12px;border:1px solid var(--line);
  border-radius:14px;display:grid;place-items:center;overflow:hidden}
.live-screen img{width:100%;height:100%;object-fit:contain}
.live-off{position:absolute;inset:0;display:grid;place-content:center;gap:9px;text-align:center;
  padding:20px;background:#070b10;overflow-y:auto}
.live-off.on{display:none}
.bridge-status-line{font-size:12.8px;color:#9fd9c7;margin-top:6px}
.cmdbox{background:#0a0f15;border:1px solid var(--line);border-radius:10px;padding:11px;font-size:12px;
  direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow:auto;
  color:#b7f0dc;font-family:ui-monospace,Consolas,monospace}
.av-help{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:#10161e;padding:9px 11px;text-align:start}
.av-help summary{cursor:pointer;font-size:13.5px;color:#ffd9a8;font-weight:600}
.av-help-body{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.av-help-body .side-btn{border:1px solid var(--line);text-align:center;justify-content:center}
.muted.small{font-size:12px;line-height:1.7}
.side-btn.big{padding:12px 16px;font-size:15px;font-weight:800}

/* سجل الأحداث (أسفل النافذة) */
.log-wrap{flex:0 0 auto;border-top:1px solid var(--line-soft);background:rgba(9,13,18,.7)}
.log-head{font-size:11.5px;font-weight:700;color:var(--faint);padding:8px 14px 0}
.live-log{height:130px;overflow-y:auto;padding:7px 14px 10px;font-size:12.8px;color:#c9d4de;
  display:flex;flex-direction:column;gap:5px}
.live-log .l{opacity:.92;border-inline-start:2px solid #2a3644;padding-inline-start:9px;line-height:1.65}
.live-log .l.ok{border-color:var(--accent)}
.live-log .l.error{border-color:var(--danger)}
.live-log .l.action{border-color:var(--warn)}
.live-log time{color:var(--faint);font-size:11px;margin-inline-end:7px}

/* ═════════════ نوافذ الإعدادات ═════════════ */
.modal{position:fixed;inset:0;background:rgba(4,8,12,.66);backdrop-filter:blur(5px);
  display:none;place-items:center;z-index:60;padding:16px}
.modal.open{display:grid}
.modal-card{background:#121821;border:1px solid var(--line);border-radius:22px;width:min(96vw,660px);
  max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 110px rgba(0,0,0,.6)}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;
  border-bottom:1px solid var(--line-soft);font-size:16px;font-weight:800}
.modal-body{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.modal-body label{margin-top:13px;font-size:14px;font-weight:700;color:#dbe5ee}
.modal-body label small{font-weight:400}
.modal-body input{width:100%;background:#0a0e13;border:1px solid var(--line);border-radius:11px;
  color:var(--text);padding:11px 13px;outline:none;font-size:14px;transition:border-color .15s}
.modal-body input:focus{border-color:rgba(45,212,191,.55)}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:7px}
.row .side-btn{width:auto;flex:0 0 auto;border:1px solid var(--line);padding:9px 15px;white-space:nowrap}
.test-results{margin-top:12px;display:flex;flex-direction:column;gap:7px;font-size:13.5px}
.test-results .t{border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:var(--card);line-height:1.8}
.test-results .t.ok{border-color:rgba(16,163,127,.5);background:rgba(16,163,127,.08)}
.test-results .t.bad{border-color:rgba(239,65,65,.5);background:rgba(239,65,65,.08)}

/* إضافة مفتاح + سلسلة الدوران */
.hidden-input{display:none}
.key-add{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px;margin-top:12px}
.key-add-head{display:flex;flex-direction:column;gap:3px;margin-bottom:11px;font-size:14.5px}
.key-add-head .muted{font-size:12.5px}
.key-add-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.key-add select,.key-add input{background:#0a0e13;border:1px solid var(--line);border-radius:11px;
  color:var(--text);padding:10px 12px;font-size:14px;outline:none;width:100%;transition:border-color .15s}
.key-add select:focus,.key-add input:focus{border-color:rgba(45,212,191,.55)}
.key-note{font-size:12.5px;color:var(--muted);margin-top:8px;min-height:18px;line-height:1.7}
.side-btn.primary{background:var(--grad);border-color:transparent;color:#04130e;font-weight:800}
.side-btn.primary:hover{filter:brightness(1.1);background:var(--grad)}
.side-btn:disabled{opacity:.6;cursor:progress}
.key-chain{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.key-row{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-inline-start:3px solid var(--accent);
  background:var(--card);border-radius:13px;padding:10px 12px}
.key-row.daily{border-inline-start-color:var(--danger)}
.key-row.cooling{border-inline-start-color:var(--warn)}
.key-row .kr-main{flex:1;min-width:0}
.key-row .kr-title{font-size:14px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.key-row .kr-sub{font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.key-row .kr-actions{display:flex;gap:3px}
.key-row .kr-actions button{background:transparent;border:0;color:#aab7c4;cursor:pointer;font-size:14px;
  padding:4px 8px;border-radius:8px;transition:.15s}
.key-row .kr-actions button:hover{background:var(--card-2);color:#fff}
.key-row .kr-actions button.danger:hover{background:rgba(239,65,65,.15);color:#ff9d9d}

/* ═════════════ بطاقات المرفقات داخل المحادثة ═════════════ */
.att-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.att-img{max-width:320px;max-height:280px;border-radius:12px;border:1px solid var(--line);display:block;cursor:zoom-in}
.att-thumbs{display:grid;grid-template-columns:repeat(2,112px);gap:6px}
.att-thumb{width:112px;height:84px;object-fit:cover;border-radius:9px;border:1px solid var(--line);cursor:zoom-in;display:block;transition:transform .15s}
.att-thumb:hover{transform:scale(1.03)}
.att-video{max-width:340px;max-height:280px;border-radius:12px;border:1px solid var(--line);background:#000;display:block}
.file-card{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
  border-radius:13px;padding:9px 12px;max-width:100%}
.fc-ico{font-size:20px;flex:0 0 auto}
.fc-name{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.fc-size{font-size:11.5px;color:var(--muted);white-space:nowrap}
.att-view{background:var(--accent-soft);border:1px solid rgba(45,212,191,.35);color:#9fe8d8;font-size:12px;
  border-radius:9px;padding:5px 11px;cursor:pointer;white-space:nowrap;transition:.15s}
.att-view:hover{background:rgba(45,212,191,.22)}
.att-dl{color:#9fe8d8;font-size:14px;text-decoration:none;padding:4px 7px;border-radius:8px;flex:0 0 auto}
.att-dl:hover{background:var(--card-2)}
.att-ico{font-size:18px;line-height:1}

/* نوافذ المعاينة */
.preview{position:fixed;inset:0;background:rgba(3,6,10,.8);backdrop-filter:blur(6px);
  display:grid;place-items:center;z-index:70;padding:18px}
.preview-card{background:#10161e;border:1px solid var(--line);border-radius:20px;width:min(94vw,1000px);
  height:min(92vh,840px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.7)}
.preview-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;
  border-bottom:1px solid var(--line-soft);font-size:14.5px}
.preview-body{flex:1;min-height:0;padding:12px;display:grid;place-items:center;background:#0a0f15}
.pv-wrap{width:100%;height:100%;display:grid;place-items:center}
.pv-wrap img{max-width:100%;max-height:100%;border-radius:10px}
.pv-wrap video{max-width:100%;max-height:100%;border-radius:10px;background:#000}
.pv-wrap iframe{width:100%;height:100%;border:0;border-radius:10px;background:#fff}

/* التنبيهات */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(16px);
  background:#1c2532;border:1px solid var(--line);color:#fff;padding:12px 20px;border-radius:14px;
  opacity:0;transition:.25s;z-index:99;pointer-events:none;font-size:14px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ═════════════ الاستجابة للشاشات ═════════════ */
@media (max-width:1150px){
  :root{--sbw:272px;--livew:clamp(380px,46vw,560px)}
  .chips{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .app.live-open{grid-template-columns:1fr}
  .sidebar{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(300px,86vw);z-index:45;
    transform:translateX(100%);transition:transform .3s;box-shadow:0 0 70px rgba(0,0,0,.65);overflow-y:auto}
  .sidebar.open{transform:none}
  .only-mobile{display:inline-flex}
  .live-panel{position:fixed;inset:0;width:100%;z-index:40;visibility:hidden}
  .live-panel.open{visibility:visible}
  .conv-title{display:none}
  .chips{grid-template-columns:1fr}
  .msg.user .bubble{max-width:95%}
  .composer-hint{display:none}
  .icon-btn.live-top-btn span{display:none}
  .welcome h2{font-size:26px}
}

/* ═══════ Live fullscreen (⛶) + small-button dock + popup windows ═══════ */
/* Fullscreen: the live page occupies the entire screen (log and tabs become buttons on the dock) */
.live-panel.live-max{position:fixed;inset:0;z-index:990;grid-column:auto;grid-row:auto;border-radius:0}
.live-panel.live-max .log-wrap{display:none}
.live-panel.live-max .live-head{display:none}

/* Dock: a row of small buttons on the left edge — does not block the live screen */
.fdock{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:1001;
  display:flex;flex-direction:column;gap:8px;padding:10px 7px;
  background:rgba(13,15,22,.8);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.45)}
.fdock[hidden]{display:none}
.fdock-btn{width:42px;height:42px;border:0;border-radius:11px;background:rgba(255,255,255,.08);
  color:#fff;font-size:19px;cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .1s}
.fdock-btn:hover{background:rgba(255,255,255,.22);transform:scale(1.08)}
#fdockExit{background:rgba(255,92,92,.28)}

/* Popup mode (?pop=chat|settings|screen|log) — a separate window for each feature */
body.pop-mode.authed .sidebar{display:none}
body.pop-mode.authed .live-panel{display:none}
body.pop-mode.authed .main{grid-column:1/-1}
/* Settings window: modal takes the whole window (openSettings is called in JS) */
body.pop-settings .main{display:none}
/* Screen window (screenshot): screen tab only */
body.pop-screen .live-panel{display:flex;position:fixed;inset:0;z-index:990;grid-column:auto}
body.pop-screen .live-panel .live-view{display:none!important}
body.pop-screen .live-panel .live-head .live-tabs{display:none}
/* Log window */
body.pop-log .live-panel{display:flex;position:fixed;inset:0;z-index:990;grid-column:auto}
body.pop-log .live-panel .live-view{display:none!important}
body.pop-log .live-panel .live-screen{display:none!important}
body.pop-log .live-panel .live-head{display:none}
body.pop-log .log-wrap{flex:1}

/* ═══════ Fullscreen 2.0: the stream fills the entire screen — bars are fade-in layers (appear on movement, disappear after 3 seconds) ═══════ */
.live-panel.live-max .live-view{padding:0;gap:0;overflow:hidden}
.live-panel.live-max .live-stage{flex:1 1 auto;min-height:0}
.live-panel.live-max .live-hint{display:none}
.live-panel.live-max .live-bar,
.live-panel.live-max .live-open-row,
.live-panel.live-max .live-ctrls,
.live-panel.live-max .live-type-row{
  position:absolute;z-index:6;right:0;left:0;
  opacity:0;pointer-events:none;transition:opacity .35s ease;
  background:rgba(7,9,14,.88)}
.live-panel.live-max .live-bar{top:0}
.live-panel.live-max .live-open-row{top:54px}
.live-panel.live-max .live-ctrls{bottom:60px}
.live-panel.live-max .live-type-row{bottom:0}
.live-panel.live-max.chrome-on .live-bar,
.live-panel.live-max.chrome-on .live-open-row,
.live-panel.live-max.chrome-on .live-ctrls,
.live-panel.live-max.chrome-on .live-type-row{opacity:1;pointer-events:auto}
/* "The agent is waiting for you" — always shown in the center of the screen (not hidden by the layers) */
.live-panel.live-max .live-ask{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  z-index:9;width:min(92%,540px);background:rgba(26,20,8,.95);
  border:1px solid rgba(240,180,41,.65);border-radius:14px;padding:14px}

/* صور داخل رسائل المحادثة (توليد ذكاء اصطناعي) */
.md-img{display:block;max-width:100%;width:auto;border-radius:14px;margin:10px 0;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 28px rgba(0,0,0,.35)}

/* ═══════════════════════════════════════════════════════════════
   UPGRADE 1.3 — Identity & Motion (phase 1) + Voice (phase 2)
   إضافي بالكامل — لا يغيّر شيئًا موجودًا
   ═══════════════════════════════════════════════════════════════ */

/* ── الثيم الفاتح ── */
[data-theme="light"] {
  --bg:#f2f5f9; --bg-soft:#e9eef5; --sidebar:#ffffff; --panel:#ffffff;
  --card:#ffffff; --card-2:#f2f6fb;
  --line:#d8e0ea; --line-soft:#e5ebf2;
  --text:#1a232e; --muted:#5a6b7d; --faint:#8b99a8;
  --accent-soft:rgba(16,163,127,.10);
}
[data-theme="light"] body::before { opacity:.5; }
[data-theme="light"] .msg.user .bubble { background:var(--grad); color:#fff; }
[data-theme="light"] .msg.assistant .bubble { box-shadow:0 2px 10px rgba(23,43,77,.06); }
[data-theme="light"] .modal-card, [data-theme="light"] #loginCard { box-shadow:0 12px 40px rgba(23,43,77,.12); }
[data-theme="light"] .live-panel { background:#0b0f14; }
[data-theme="light"] .composer, [data-theme="light"] .topbar { box-shadow:0 1px 3px rgba(23,43,77,.06); }
[data-theme="light"] .key-chip, [data-theme="light"] .chip { border-color:var(--line); }

/* ── ألوان مميزة بديلة ── */
[data-accent="blue"]   { --accent:#2563eb; --accent-2:#38bdf8; --accent-soft:rgba(56,189,248,.13); --grad:linear-gradient(135deg,#2563eb 0%,#38bdf8 100%); }
[data-accent="violet"] { --accent:#7c3aed; --accent-2:#c084fc; --accent-soft:rgba(192,132,252,.14); --grad:linear-gradient(135deg,#7c3aed 0%,#c084fc 100%); }
[data-accent="gold"]   { --accent:#d97706; --accent-2:#fbbf24; --accent-soft:rgba(251,191,36,.14); --grad:linear-gradient(135deg,#d97706 0%,#fbbf24 100%); }
[data-accent="rose"]   { --accent:#e11d48; --accent-2:#fb7185; --accent-soft:rgba(251,113,133,.13); --grad:linear-gradient(135deg,#e11d48 0%,#fb7185 100%); }

/* ── خلفية حية ناعمة ── */
body::before {
  content:''; position:fixed; inset:-20%; z-index:-1; pointer-events:none; opacity:.35;
  background:
    radial-gradient(600px 400px at 85% 10%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%),
    radial-gradient(700px 500px at 10% 90%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 70%);
  animation:bgDrift 26s ease-in-out infinite alternate;
}
@keyframes bgDrift {
  from { transform:translate3d(-2%, -1%, 0) scale(1); }
  to   { transform:translate3d(2%, 2%, 0) scale(1.06); }
}
@media (prefers-reduced-motion: reduce) { body::before { animation:none; } }
[data-motion="off"] *, [data-motion="off"] *::before, [data-motion="off"] *::after {
  animation:none !important; transition:none !important;
}

/* ── دخول الرسائل ── */
.msg { animation:msgIn .38s cubic-bezier(.21,1.02,.55,1) both; }
@keyframes msgIn {
  from { opacity:0; transform:translateY(14px) scale(.985); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}

/* ── مؤشر حالة الوكيل (ملوّن + نابض) ── */
.status-bar { transition:color .3s ease; }
.status-bar[data-st="thinking"]  { color:#f5b84c; animation:stPulse 1.4s ease-in-out infinite; }
.status-bar[data-st="acting"]    { color:var(--accent-2); animation:stPulse 1.4s ease-in-out infinite; }
.status-bar[data-st="retrying"]  { color:#f59e0b; animation:stPulse 1s ease-in-out infinite; }
.status-bar[data-st="waiting_bridge"] { color:#60a5fa; }
.status-bar[data-st="error"]     { color:#f87171; }
@keyframes stPulse { 0%,100% { opacity:1; } 50% { opacity:.55; } }

/* ── شاشة الترحيب ── */
.welcome .logo { animation:floaty 5s ease-in-out infinite; filter:drop-shadow(0 8px 24px color-mix(in srgb, var(--accent) 45%, transparent)); }
@keyframes floaty { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
.chip { transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.chip:hover { transform:translateY(-2px); border-color:var(--accent); box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 22%, transparent); }
.chip:active { transform:scale(.97); }

/* ── تفاعلات صغيرة على الأزرار ── */
.side-btn, .icon-btn, .composer-ico, .btn-primary { transition:transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, opacity .2s; }
.side-btn:active, .icon-btn:active, .composer-ico:active, .btn-primary:active { transform:scale(.95); }
.btn-primary:hover { box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 40%, transparent); transform:translateY(-1px); }
.side-btn.primary:hover, .side-btn:hover { border-color:var(--accent); }

/* ── المايك (STT) ── */
.mic-btn.listening {
  background:var(--accent); color:#fff; border-color:var(--accent);
  animation:micPulse 1.2s ease-out infinite;
}
@keyframes micPulse {
  0%   { box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent); }
  100% { box-shadow:0 0 0 14px transparent; }
}
.mic-hint { font-size:11px; color:var(--accent-2); min-height:0; opacity:1; }

/* ── زر الصوت (TTS) ── */
.msg-actions button[data-a="speak"], .msg-actions button[data-a="stop"] { color:var(--accent-2); }
.msg-actions button.speaking { background:var(--accent); color:#fff; border-radius:6px; }

/* ── كونفيتي ── */
#confetti { position:fixed; inset:0; z-index:9998; pointer-events:none; }

/* ── عناصر قسم المظهر في الإعدادات ── */
.accent-swatches { display:inline-flex; gap:6px; }
.swatch {
  width:26px; height:26px; border-radius:50%; border:2px solid transparent; cursor:pointer;
  padding:0; transition:transform .15s ease, border-color .15s ease;
}
.swatch:hover { transform:scale(1.15); }
.swatch.on { border-color:var(--text); box-shadow:0 0 0 3px var(--accent-soft); }
.prefs-toggles { display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.pref-tog { display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--text); cursor:pointer; }
.pref-tog input { width:17px; height:17px; accent-color:var(--accent); cursor:pointer; }

/* ── توهج ناعم حول فقاعة المساعد عند النطق ── */
.msg.speaking .bubble { box-shadow:0 0 0 2px var(--accent), 0 6px 22px color-mix(in srgb, var(--accent) 30%, transparent); }

/* ── موبايل: شريط الحالة أرفع قليلاً، أزرار المايك أوضح ── */
@media (max-width: 640px) {
  .mic-btn, .composer-ico { min-width:40px; height:40px; }
  .welcome .logo { width:74px; height:74px; }
}

/* ═══════════════════════════════════════════════════════════════
   UPGRADE 1.3.2 — Agent Tools: Ctrl+K palette · Files drawer · Memory
   ═══════════════════════════════════════════════════════════════ */

/* ── لوحة الأوامر (Ctrl+K) ── */
.cmdk-backdrop {
  position:fixed; inset:0; z-index:1000; background:rgba(5,8,12,.55);
  backdrop-filter:blur(3px); animation:fadeIn .15s ease;
}
.cmdk {
  position:fixed; top:12vh; left:50%; transform:translateX(-50%);
  width:min(560px, calc(100vw - 32px)); z-index:1001;
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  box-shadow:0 24px 70px rgba(0,0,0,.5), 0 0 0 1px var(--accent-soft);
  overflow:hidden; animation:cmdkIn .18s cubic-bezier(.21,1.02,.55,1);
}
@keyframes cmdkIn { from { opacity:0; transform:translateX(-50%) translateY(-10px) scale(.98); } to { opacity:1; transform:translateX(-50%) translateY(0) scale(1); } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.cmdk input {
  width:100%; box-sizing:border-box; background:transparent; border:none; outline:none;
  border-bottom:1px solid var(--line-soft); padding:14px 16px;
  color:var(--text); font-size:14.5px; font-family:inherit;
}
.cmdk-list { max-height:46vh; overflow-y:auto; padding:6px; }
.cmdk-item {
  display:flex; align-items:center; gap:10px; padding:10px 12px;
  border-radius:9px; cursor:pointer; font-size:13.5px; color:var(--text);
  transition:background .1s ease;
}
.cmdk-item:hover { background:var(--card-2); }
.cmdk-item.sel { background:var(--accent-soft); color:var(--text); }
.cmdk-item.muted { color:var(--faint); cursor:default; }
.cmdk-ico { width:22px; text-align:center; font-size:15px; }
.cmdk-foot {
  display:flex; justify-content:space-between; padding:8px 16px;
  border-top:1px solid var(--line-soft); color:var(--faint); font-size:11px;
}
.cmdk-foot kbd {
  background:var(--card-2); border:1px solid var(--line); border-radius:4px;
  padding:1px 5px; font-size:10px; font-family:inherit; color:var(--muted);
}

/* ── درج الملفات ── */
.drawer-backdrop { position:fixed; inset:0; z-index:900; background:rgba(5,8,12,.5); animation:fadeIn .15s ease; }
.drawer {
  position:fixed; top:0; bottom:0; left:0; width:min(340px, 86vw); z-index:901;
  background:var(--panel); border-inline-end:1px solid var(--line);
  box-shadow:20px 0 60px rgba(0,0,0,.4);
  transform:translateX(-105%); transition:transform .25s cubic-bezier(.21,1.02,.55,1);
  display:flex; flex-direction:column;
}
.drawer.open { transform:translateX(0); }
.drawer-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid var(--line-soft); font-size:14px;
}
.drawer-body { flex:1; overflow-y:auto; padding:12px; display:flex; flex-direction:column; gap:8px; }
.drawer-empty { color:var(--faint); font-size:13px; text-align:center; padding:30px 16px; line-height:1.8; }
.drawer-item { display:flex; align-items:center; gap:8px; padding:10px 12px; }
.drawer-item .fc-name { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.drawer-item .att-view, .drawer-item .att-dl { flex-shrink:0; }

/* ── بطاقة الذاكرة ── */
.mem-body { max-height:52vh; overflow-y:auto; }
.mem-text {
  background:var(--card); border:1px solid var(--line-soft); border-radius:10px;
  padding:14px 16px; font-size:13.5px; line-height:1.9; color:var(--text);
  white-space:normal;
}

/* ── زر الأدوات في الشريط ── */
#btnToolsTop:hover { border-color:var(--accent); color:var(--accent-2); }

/* 1.4.0 — ذاكرة طويلة: تبويبات + شرائح الحقائق */
.mem-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.mem-tab { flex: 1; padding: 8px 10px; font-size: 13px; font-weight: 600; font-family: inherit; color: var(--muted); background: var(--card); border: 1px solid var(--line); border-radius: 10px; cursor: pointer; transition: all .15s; }
.mem-tab:hover { color: var(--text); border-color: var(--accent); }
.mem-tab.active { color: #fff; background: var(--accent); border-color: var(--accent); }
.mem-fact { display: flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; margin-bottom: 6px; font-size: 13px; }
.mem-fact-ico { flex: none; font-size: 14px; }
.mem-fact-txt { flex: 1; word-break: break-word; line-height: 1.5; }
.mem-fact-del { opacity: .45; flex: none; }
.mem-fact-del:hover { opacity: 1; color: var(--danger); }
.mem-clear { font-family: inherit; font-size: 12px; color: var(--danger); background: transparent; border: 1px solid var(--danger); border-radius: 8px; padding: 6px 12px; cursor: pointer; }
.mem-clear:hover { background: rgba(239, 65, 65, .12); }

/* 1.5.0 — التذكيرات + الملخص الصباحي */
.rem-item { display: flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; margin-bottom: 6px; font-size: 13px; }
.rem-item.done { opacity: .55; }
.rem-ico { flex: none; font-size: 14px; }
.rem-title { flex: 1; word-break: break-word; line-height: 1.4; }
.rem-due { flex: none; font-size: 11.5px; color: var(--muted); }
.rem-done-head { margin: 10px 0 6px; font-size: 12px; }
.brief-card { position: relative; background: linear-gradient(135deg, rgba(45, 212, 191, .10), rgba(16, 163, 127, .06)); border: 1px solid rgba(45, 212, 191, .35); border-radius: 14px; padding: 12px 40px 12px 14px; margin: 10px 0; font-size: 13.5px; line-height: 1.7; }
.brief-text { white-space: pre-wrap; }
.brief-x { position: absolute; top: 8px; left: 8px; }

/* 1.6.0 — المكالمة الصوتية */
.call-bar { position: fixed; left: 12px; right: 12px; bottom: 118px; z-index: 900; display: flex; align-items: center; gap: 10px; background: var(--card); border: 1px solid var(--accent); border-radius: 16px; padding: 10px 12px; box-shadow: 0 8px 30px rgba(0,0,0,.45); }
.call-pulse { font-size: 20px; animation: callPulse 1.4s ease-in-out infinite; }
.call-info { flex: 1; min-width: 0; }
.call-title { font-size: 12px; font-weight: 700; color: var(--accent-2); }
.call-status { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; }
.call-timer { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.call-end { color: var(--danger) !important; border-color: var(--danger) !important; font-size: 16px !important; }
#btnCallTop.on { background: var(--accent); color: #fff; border-color: var(--accent); }
@keyframes callPulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.25); opacity: .6; } }


/* ═══ 1.7.0 — تثبيت التطبيق (PWA) ═══ */
.install-bar { position: fixed; top: 66px; right: 12px; z-index: 950; display: flex; align-items: center; gap: 10px;
  background: var(--card); border: 1px solid var(--accent-2); border-radius: 14px; padding: 10px 14px;
  box-shadow: 0 10px 34px rgba(0,0,0,.5); font-size: 13px; max-width: min(92vw, 460px); }
.install-bar b { color: var(--accent-2); }
.install-now { background: var(--accent); color: #04120d; border: 0; border-radius: 9px; padding: 7px 16px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.install-x { background: none; border: 0; color: var(--muted); cursor: pointer; font-size: 14px; }

/* ═══ 1.7.0 — جسر الجوال ═══ */
.mb-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted);
  background: var(--bg); border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; transition: all .2s; }
.mb-chip.on { color: #04120d; background: var(--ok); border-color: var(--ok); font-weight: 700; }
.mb-alert { position: fixed; inset: 0; z-index: 1200; background: rgba(8,12,18,.96); display: flex;
  align-items: center; justify-content: center; text-align: center; padding: 24px; cursor: pointer; }
.mb-alert .mb-alert-box { background: var(--card); border: 2px solid var(--accent-2); border-radius: 22px;
  padding: 34px 28px; max-width: 540px; box-shadow: 0 0 70px rgba(45,212,191,.28); }
.mb-alert .mb-alert-title { font-size: 28px; font-weight: 800; margin-bottom: 14px; color: var(--accent-2); }
.mb-alert .mb-alert-text { font-size: 20px; line-height: 1.7; color: var(--text); white-space: pre-wrap; word-break: break-word; }
.mb-alert .mb-alert-hint { margin-top: 20px; color: var(--muted); font-size: 12.5px; }