/* ============ نِوَات كود — ثيم المحرر ============ */
:root{
  --bg:#0d0e12; --panel:#12141a; --panel2:#161923; --line:#232738;
  --tx:#dfe3f5; --mut:#5c6278; --acc:#7c6cff; --acc2:#22d3ee;
  --ok:#34d399; --warn:#fbbf24; --err:#f87171; --mono:"Consolas","JetBrains Mono",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--bg);color:var(--tx);font-family:-apple-system,"Segoe UI",system-ui,sans-serif;font-size:13px;overflow:hidden}
button{font-family:inherit}
.input,textarea{width:100%;background:#0a0b10;border:1px solid var(--line);border-radius:6px;color:var(--tx);padding:6px 8px;font-size:12px;outline:none}
.input:focus,textarea:focus{border-color:var(--acc)}
textarea{resize:vertical;font-family:var(--mono);direction:ltr;text-align:left;line-height:1.5}
.btn{border:0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;background:var(--panel2);color:var(--tx);border:1px solid transparent}
.btn:hover{filter:brightness(1.2)}
.btn.primary{background:linear-gradient(90deg,var(--acc),var(--acc2));color:#05050a;border-color:transparent}
.btn.block{width:100%;margin-top:6px}
.pill{font-size:11px;padding:2px 9px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--mut);white-space:nowrap}
.spacer{flex:1}

/* ==== شبكة التطبيق ==== */
.app{height:100vh;display:grid;grid-template-columns:48px 248px 1fr;grid-template-rows:1fr 220px;grid-template-areas:"activity sidebar editor" "activity sidebar panel"}
.activity{grid-area:activity;background:#0a0b10;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0}
.activity .abtn{width:40px;height:40px;border:0;background:transparent;color:var(--mut);display:flex;align-items:center;justify-content:center;border-left:2px solid transparent;cursor:pointer}
.activity .abtn.active{color:var(--tx);border-left-color:var(--acc);background:linear-gradient(90deg,rgba(124,108,255,.12),transparent)}
.activity .abtn.bottom{margin-top:auto}
.activity .abtn:hover{color:var(--tx)}
.sidebar{grid-area:sidebar;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.side-title{padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--line)}
.sidebar .view{flex:1;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:6px}
.tree{flex:1;overflow:auto}
.tnode{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;font-size:12px;cursor:pointer;color:var(--mut);white-space:nowrap}
.tnode:hover{background:var(--panel2);color:var(--tx)}
.tnode.sel{background:rgba(124,108,255,.16);color:var(--tx)}
.tnode.dir{color:var(--acc2)}
.tnode.file{color:#aab3d8}
.tnode .fpath{opacity:.4;font-family:var(--mono);font-size:10px;margin-inline-start:auto}
.quick-title{font-size:10.5px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.3px}
.quick-mods{display:flex;flex-direction:column;gap:4px}
.qmod{padding:5px 9px;background:var(--panel2);border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:11.5px;color:#aab3d8}
.qmod b{color:var(--acc2)}
.qmod:hover{border-color:var(--acc)}
.templates{display:flex;flex-wrap:wrap;gap:4px}
.tpl{padding:3px 9px;font-size:10.5px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);cursor:pointer;color:var(--mut)}
.tpl:hover{color:var(--tx);border-color:var(--acc)}
.search-results{display:flex;flex-direction:column;gap:4px}
.sres{padding:5px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:5px;font-size:11px;cursor:pointer}
.sres:hover{border-color:var(--acc)}
.about-card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center}
.about-logo{font-size:34px}
.about-name{font-size:16px;font-weight:800;margin-top:4px}
.about-sub{font-size:11px;color:var(--mut);margin-bottom:12px}
.kv{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--mut);padding:4px 0;border-top:1px solid var(--line)}
.kv b{color:var(--tx)}
.side-actions{border-top:1px solid var(--line);padding-top:8px}

/* ==== المحرر ==== */
.editor-area{grid-area:editor;display:flex;flex-direction:column;background:#1e1f25;min-height:0}
.tabbar{display:flex;background:var(--panel);border-bottom:1px solid var(--line);min-height:34px;overflow-x:auto}
.tab{display:flex;align-items:center;gap:6px;padding:0 12px;font-size:12px;color:var(--mut);cursor:pointer;border-bottom:2px solid transparent;background:var(--panel)}
.tab.active{color:var(--tx);border-bottom-color:var(--acc);background:var(--bg)}
.tab .dot{color:var(--warn);font-size:10px;cursor:pointer}
.tab .dot:hover{color:var(--err)}
.tab .tname{font-family:var(--mono);font-size:11.5px}
.tab .tpath{opacity:.4;margin-inline-start:4px;font-size:10px}
#editor{flex:1;min-height:0}

/* ==== اللوحة السفلية ==== */
.panel{grid-area:panel;background:var(--panel);border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.panel-tabs{display:flex;gap:2px;padding:0 8px;border-bottom:1px solid var(--line)}
.ptab{padding:7px 12px;font-size:11.5px;color:var(--mut);cursor:pointer;border-bottom:2px solid transparent}
.ptab.active{color:var(--tx);border-bottom-color:var(--acc)}
.panel-body{flex:1;overflow:auto;padding:8px}
.pview{height:100%;display:flex;flex-direction:column;gap:6px}
.cmd-row{display:flex;gap:6px;align-items:center}
.cmd-row .prompt{color:var(--acc);font-weight:800}
.cmd-row input{flex:1;width:auto;background:#0a0b10;border:1px solid var(--line);border-radius:6px;color:var(--tx);padding:6px 8px;font-size:12px;font-family:var(--mono);direction:ltr;text-align:left;outline:none}
.cmd-row input:focus{border-color:var(--acc)}
.terminal{flex:1;background:#0a0b10;border:1px solid var(--line);border-radius:6px;padding:8px;font-family:var(--mono);font-size:11.5px;color:#c6cbe6;overflow:auto;direction:ltr;text-align:left;line-height:1.55;white-space:pre-wrap}
.terminal .ok{color:var(--ok)}.terminal .bad{color:var(--err)}.terminal .k{color:var(--acc2)}
.feed{display:flex;flex-direction:column;gap:4px;height:100%;overflow:auto}
.ev{display:flex;gap:8px;font-size:10.5px;color:var(--mut);border:1px solid var(--line);border-radius:5px;padding:4px 8px;direction:ltr;text-align:left;background:#0a0b10}
.ev .k{color:var(--acc2);font-family:var(--mono)}
.ev .h{color:#6b7cc0}
.ev .c{flex:1;word-break:break-all;color:#b6bce0}
#gen-out{margin-top:6px}

/* ==== شريط الحالة ==== */
.statusbar{display:flex;gap:10px;align-items:center;padding:4px 10px;background:var(--acc);color:#05050a;font-size:11px;position:fixed;bottom:0;left:0;right:0;height:24px}
.statusbar .pill{background:rgba(5,5,10,.18);border:0;color:#05050a}
#stats,#cursor-pos{opacity:.85}
#ws-status{font-weight:800}

/* Monaco: اجعله يبدو جزءًا من الثيم */
.monaco-editor, .monaco-editor-background, .monaco-editor .margin{background-color:transparent!important}