:root{--bg:#ffffff;--panel:#ffffff;--panel-2:#f4f2ee;--field:#f6f5f2;--border:rgba(28,22,45,0.1);--text:#1c1a24;--ink:#1c1a24;--muted:#8b8594;--accent:#5b30ed;--accent2:#4a22c9;--accent-dim:rgba(91,48,237,0.12);--good:#16a06a;--gold:#d9772b;--red:#e0476b;--violet:#7c5cff;--shadow:0 1px 2px rgba(28,22,45,0.04),0 10px 30px -14px rgba(28,22,45,0.18);--t-concept:#5b30ed;--t-observation:#17a673;--t-evidence:#b7791f;--t-methodology:#7c5cff;--t-product:#e0723a;--t-campaign:#d94a8a;--t-faq:#2aa7bf;--t-strategy:#5b6bb5;--t-default:#8a93a6}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Noto Sans Thai,sans-serif;line-height:1.55}button,input,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.ecos-shell{min-height:100dvh;display:flex;flex-direction:column}.ecos-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:56px;flex-shrink:0;justify-content:space-between;gap:12px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border)}.ecos-brand,.ecos-header{display:flex;align-items:center}.ecos-brand{gap:10px;min-width:0}.ecos-brand-mark{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;flex-shrink:0}.ecos-dot{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#5B30ED,#EDAA71 55%,#4AED51);box-shadow:0 0 0 2px var(--accent-dim)}.ecos-brand .sep{color:var(--muted);flex-shrink:0}.ecos-brand .sub{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.ecos-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;border:none;cursor:pointer}.ecos-acct{position:relative;flex-shrink:0}.ecos-menu{position:absolute;right:0;top:100%;margin-top:4px;z-index:50;width:232px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:4px}.ecos-menu .head{padding:10px 12px}.ecos-menu .name{font-weight:600;font-size:14px}.ecos-menu .role{font-size:12px;color:var(--muted)}.ecos-menu .div{height:1px;background:var(--border);margin:4px 0}.ecos-menu a,.ecos-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--ink);background:none;border:none;cursor:pointer;text-align:left}.ecos-menu a:hover,.ecos-menu button:hover{background:var(--field)}.ecos-menu button.danger{color:var(--red)}.ecos-scrim{position:fixed;inset:0;z-index:40}.ecos-body{display:flex;flex:1 1;min-height:0}.ecos-rail{display:flex;flex-direction:column;gap:1px;flex-shrink:0;border-right:1px solid var(--border);background:var(--panel);position:-webkit-sticky;position:sticky;top:56px;height:calc(100dvh - 56px);overflow-y:auto;width:210px;padding:12px}.ecos-rail.collapsed{width:56px;padding:10px 6px}.ecos-rail-divider{height:1px;background:var(--border);margin:8px 6px}.ecos-rail-header{padding:10px 8px 4px;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.ecos-sec{display:flex;flex-direction:column;gap:1px;width:190px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg);padding:12px;position:-webkit-sticky;position:sticky;top:56px;height:calc(100dvh - 56px);overflow-y:auto}.ecos-sec-title{padding:6px 8px;margin-bottom:2px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.ecos-navitem{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:13px;color:#52525b;font-weight:400;white-space:nowrap;transition:background .1s,color .1s}.ecos-navitem .ic{display:inline-flex;color:#a1a1aa;flex-shrink:0}.ecos-navitem:hover{background:#f4f4f5;color:var(--ink)}.ecos-navitem:hover .ic{color:#52525b}.ecos-navitem.active{background:#f1f1f3;color:var(--ink);font-weight:500}.ecos-navitem.active .ic{color:#3f3f46}.ecos-navitem.collapsed{justify-content:center;padding:8px 0;gap:0}.ecos-navitem .lbl{overflow:hidden;text-overflow:ellipsis}.ecos-collapse{margin-top:auto;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:12.5px;color:#a1a1aa;background:none;border:none;cursor:pointer}.ecos-collapse:hover{background:#f4f4f5;color:#52525b}.ecos-collapse.collapsed{justify-content:center;padding:8px 0}.ecos-flyout{position:fixed;z-index:50;min-width:204px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px}.ecos-content{flex:1 1;min-width:0}.ecos-mobnav{display:none}@media (max-width:860px){.ecos-rail,.ecos-sec{display:none}.ecos-mobnav{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--panel);position:-webkit-sticky;position:sticky;top:56px;z-index:20}.ecos-mobnav a{flex-shrink:0;padding:5px 12px;border-radius:20px;border:1px solid var(--border);font-size:13px;color:var(--ink)}.ecos-mobnav a.active{background:var(--accent);color:#fff;border-color:var(--accent)}}