/* NEO Agent Workspace v1 — authored components, no mascots, no invented telemetry */
:root{--na-ink:#1c2b3f;--na-muted:#718196;--na-line:#e4e9f0;--na-accent:#e97566;--na-accent-strong:#c85b4e;--na-canvas:#f7f9fb}
#appView.app{background:var(--na-canvas)!important;color:var(--na-ink)}
#appView .sidebar{background:#fff!important;border-right:1px solid var(--na-line)!important;box-shadow:none!important}
#appView .sidebar .workspace{background:#f7f9fb!important;border:1px solid #edf0f4!important;border-radius:12px!important;box-shadow:none!important}
#appView .sidebar .workspace strong{color:#253951!important}
#appView .topbar{background:#fff!important;border-bottom:1px solid var(--na-line)!important;box-shadow:none!important}
#appView .topbar h2{font-weight:790!important;letter-spacing:-.04em}
#appView .main{background:var(--na-canvas)!important;min-width:0}
#appView .page{max-width:1520px!important;padding:25px clamp(13px,2.5vw,38px) 54px!important;animation:none!important}
#appView .nav-item{transform:none!important;background:transparent!important;box-shadow:none!important}
#appView .nav-item:hover{transform:none!important;background:#f6f7fa!important}
#appView .nav-item:before{display:none!important}
#appView #nav>.nav-item:not([data-page]),#appView #nav>.nav-divider{display:none!important}
body:not(.member-workspace) #appView #nav>.nav-item{display:flex!important}
body.member-workspace #appView #nav>.nav-item:not([data-page="workflows"]):not([data-page="clients"]):not([data-page="youtube"]):not([data-page="video"]):not([data-page="media"]):not([data-page="channels"]){display:none!important}
#appView #nav>.nav-item,#appView .neo-nav-more .nav-item{min-height:45px;padding:10px 12px!important;margin:2px 5px!important;border:1px solid transparent;border-radius:12px!important;gap:10px;font-size:12px!important;color:#67788c!important;font-weight:660!important}
#appView #nav .nav-item .nav-icon{color:#8998a8!important;background:transparent!important;transform:none!important;box-shadow:none!important}
#appView #nav .nav-item.active{background:#fff1ed!important;color:#b95044!important;border-color:#f3d6d0!important;font-weight:810!important}
#appView #nav .nav-item.active .nav-icon{color:#d36656!important;background:transparent!important;transform:none!important;box-shadow:none!important}
#appView #nav .nav-item.active:before{display:none!important}
#appView .neo-nav-heading{padding:18px 16px 7px;font-size:9px;letter-spacing:.12em;font-weight:830;color:#a0acb9}
#appView #neoNavMore{margin:10px 7px 0;border-top:1px solid var(--na-line);padding:8px 0 0}
#appView #neoNavMore summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:10px;font-size:11px;font-weight:760;color:#6f8093;user-select:none}
#appView #neoNavMore summary::-webkit-details-marker{display:none}
#appView #neoNavMore summary:hover{background:#f6f8fa}
#appView #neoNavMore summary .na-chevron{transition:transform .16s ease}
#appView #neoNavMore[open] summary .na-chevron{transform:rotate(180deg)}
#appView #neoNavMore .nav-item{display:flex!important;width:calc(100% - 10px);text-align:left}
body.member-workspace #appView #neoNavMore{display:none!important}
#appView .sidebar-bottom .ai-status{background:#f6faf8!important;border:1px solid #e4ede8!important;box-shadow:none!important}
#appView .neo-account-menu{background:#fff!important;border:1px solid var(--na-line)!important;box-shadow:none!important}
#appView .neo-signout{border-color:var(--na-line)!important;background:#fff!important;border-radius:10px!important}
#appView .btn.primary{background:#e97465!important;color:#fff!important;border-radius:11px!important;box-shadow:none!important}
#appView .btn.primary:hover{background:#ce6357!important;transform:none!important}
#appView :where(input,textarea,select):focus-visible{outline:2px solid #ec9b90!important;outline-offset:2px}
#appView :where(button,a,summary):focus-visible{outline:2px solid #e98578!important;outline-offset:2px}
.na-root{display:flex;flex-direction:column;gap:26px;color:#233448;letter-spacing:normal}
.na-root *{box-sizing:border-box}
.na-root button{font:inherit;cursor:pointer}
.na-root button:focus-visible{outline:3px solid rgba(229,111,98,.45);outline-offset:3px}
.na-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.85fr);gap:20px;align-items:stretch}
.na-intro-text{background:#fff;padding:35px clamp(23px,3.5vw,50px) 34px;border:1px solid var(--na-line);border-radius:20px;position:relative;overflow:hidden}
.na-intro-text:before{content:"";position:absolute;width:5px;height:72px;left:0;top:37px;border-radius:0 9px 9px 0;background:#e77364}
.na-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;line-height:1.3;font-weight:820;letter-spacing:.13em;color:#c0685c}
.na-intro h1{margin:18px 0 13px;font-size:clamp(31px,3.2vw,46px);line-height:1.11;font-weight:850;letter-spacing:-.065em;color:#192b42;max-width:700px}
.na-intro h1 em{font-style:normal;color:#d86557}
.na-intro-text>p{margin:0;line-height:1.68;font-size:13px;max-width:590px;color:#74869b}
.na-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.na-btn-primary,.na-btn-secondary{border-radius:11px;padding:12px 17px;min-height:44px;font-size:12px!important;font-weight:790!important;border:1px solid #e0e6ed;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .15s,border-color .15s}
.na-btn-primary{background:#e97566;color:#fff!important;border-color:#e97566}
.na-btn-primary:hover{background:#d45f52}
.na-btn-secondary{background:#fff;color:#52657c!important}
.na-btn-secondary:hover{background:#f8fafc;border-color:#cbd6e2}
.na-next{background:#f0f5f8;border:1px solid #dce7ee;border-radius:20px;padding:31px 27px;display:flex;flex-direction:column;min-width:0}
.na-next .na-eyebrow{color:#698398}
.na-next h2{margin:22px 0 8px;font-size:22px;line-height:1.25;letter-spacing:-.048em;color:#233a52;font-weight:815}
.na-next p{font-size:12px;line-height:1.64;color:#6b8197;margin:0}
.na-next button{align-self:flex-start;margin:20px 0 0;background:#fff;border:1px solid #d9e3ec;color:#274b67;border-radius:10px;padding:10px 14px;font-size:11px!important;font-weight:780}
.na-next button:hover{border-color:#a8c1d4;background:#fff}
.na-next small{margin-top:auto;padding-top:20px;font-size:10px;color:#8a9cad}
.na-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.na-metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;text-align:left;min-width:0;min-height:122px;padding:18px 22px;background:#fff;border:1px solid var(--na-line);border-radius:16px;box-shadow:0 3px 13px rgba(23,39,60,.022);transition:border-color .16s,box-shadow .16s}
.na-metric:hover{border-color:#cfd9e4;box-shadow:0 7px 20px rgba(23,39,60,.055)}
.na-metric>span{font-size:11px;font-weight:760;color:#6e8196}
.na-metric strong{font-size:29px;line-height:1.15;font-weight:850;letter-spacing:-.055em;color:#1e344a;font-variant-numeric:tabular-nums}
.na-metric small{font-size:10px;color:#97a3b1}
.na-section{display:flex;flex-direction:column;gap:15px}
.na-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.na-head h2{font-size:23px;font-weight:840;letter-spacing:-.05em;color:#1e3045;margin:6px 0 6px}
.na-head p{color:#8292a5;font-size:12px;margin:0;line-height:1.5}
.na-link{border:0;background:transparent;color:#c26b5d;font-size:11px!important;font-weight:790!important;padding:9px;white-space:nowrap}
.na-link:hover{color:#a64c40}
.na-agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.na-agent{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0;background:#fff;border:1px solid var(--na-line);border-radius:17px;min-width:0;min-height:242px;padding:19px 20px 17px;color:#283b50;transition:border-color .17s,box-shadow .17s,transform .17s;position:relative;overflow:hidden}
.na-agent:before{content:"";position:absolute;top:0;left:18px;width:43px;height:3px;border-radius:0 0 5px 5px;background:var(--agent-color,#e97566)}
.na-agent:hover{border-color:#ccd8e4;box-shadow:0 11px 26px rgba(30,49,73,.065);transform:translateY(-2px)}
.na-agent-upper{display:flex;justify-content:space-between;align-items:center;gap:9px;width:100%;margin-bottom:17px}
.na-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--agent-bg,#fff1ed);color:var(--agent-color,#e97566);font-size:22px;font-weight:760;flex:0 0 auto}
.na-state{display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 52px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 8px;border-radius:25px;background:#f4f6f9;border:1px solid #edf0f4;color:#6f7e90;font-size:9px;font-weight:760}
.na-state i{display:block;flex:0 0 6px;width:6px;height:6px;background:#9eabb8;border-radius:50%}
.na-state-ready{color:#3b7a62;background:#f0f9f4;border-color:#e1efe7}.na-state-ready i{background:#53ad81}
.na-state-busy{color:#3f76a0;background:#edf6fe;border-color:#dcecf9}.na-state-busy i{background:#428ec9}
.na-state-attention{color:#9a7448;background:#fff8eb;border-color:#f4ead6}.na-state-attention i{background:#dda65b}
.na-name{font-size:17px;line-height:1.25;font-weight:825;letter-spacing:-.043em;color:#1d2f45}
.na-role{font-size:10px;font-weight:750;color:var(--agent-color,#d36b5e);margin-top:4px}
.na-desc{display:block;color:#6f8093;font-size:12px;line-height:1.62;min-height:56px;margin-top:14px}
.na-foot{border-top:1px solid #edf1f5;width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:13px;font-size:11px;font-weight:700;color:#536b80;line-height:1.45}
.na-foot>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0}
.na-foot b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #e7ecf1;border-radius:8px;background:#fff;font-size:15px;color:#7d8fa1;flex:0 0 auto}
.na-agent:hover .na-foot b{border-color:#efc4bc;color:#cc6e60}
.na-coral{--agent-color:#dc7163;--agent-bg:#fff0ea}
.na-blue{--agent-color:#5a85be;--agent-bg:#ebf3fd}
.na-violet{--agent-color:#8f78b9;--agent-bg:#f3effb}
.na-amber{--agent-color:#bb8d4b;--agent-bg:#fbf3e6}
.na-mint{--agent-color:#4a9a85;--agent-bg:#ecf8f3}
.na-slate{--agent-color:#788a9d;--agent-bg:#edf2f6}
.na-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.na-small{min-height:193px;padding:17px 18px}
.na-small .na-agent-upper{margin-bottom:12px}
.na-small .na-icon{width:36px;height:36px;font-size:19px}
.na-small .na-name{font-size:15px}
.na-small .na-desc{font-size:11px;margin-top:9px;min-height:36px}
.na-small .na-foot{margin-top:12px}
.na-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}
.na-bottom-panel{border:1px solid var(--na-line);border-radius:17px;background:#fff;padding:24px;min-height:220px}
.na-bottom-panel header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}
.na-bottom-panel header h2{font-size:19px;line-height:1.3;letter-spacing:-.05em;color:#1f3247;margin:6px 0 0;font-weight:830}
.na-bottom-panel header small{font-size:10px;color:#9ca8b6}
.na-event{display:flex;gap:11px;align-items:center;text-align:left;border:0;border-top:1px solid #edf0f4;background:none;width:100%;padding:12px 0;min-width:0}
.na-event:hover{background:#fcfdff}
.na-event-mark{width:9px;height:9px;border:2px solid #78b49d;border-radius:50%;flex:0 0 auto}
.na-event>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.na-event b{font-size:11px;font-weight:780;color:#2b4156}
.na-event small{font-size:10px;color:#8998a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.na-event time{font-size:10px;color:#9ba8b5;white-space:nowrap}
.na-no-events{font-size:12px;line-height:1.65;color:#8596a8;padding:9px 0}
.na-strategy{background:#f9fbfd}
.na-strategy h3{font-size:17px;letter-spacing:-.035em;font-weight:830;color:#263d55;margin:25px 0 10px}
.na-strategy p{font-size:12px;line-height:1.65;color:#78899b;max-width:420px}
.na-bottom-action{background:#fff;border:1px solid #dae4ed;border-radius:10px;color:#3d6987;padding:10px 13px;font-weight:750;font-size:11px!important;margin-top:18px}
.na-bottom-action:hover{border-color:#b1c6d8}
.na-trust{font-size:10px;color:#a2adba;margin:-7px 0 0;line-height:1.6}
@media(max-width:1220px){.na-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.na-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.na-intro{grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr)}}
@media(max-width:880px){.na-intro{grid-template-columns:1fr}.na-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.na-next{padding:22px}.na-next h2{margin:12px 0 8px}.na-bottom{grid-template-columns:1fr}}
@media(max-width:640px){#appView .page{padding:13px 12px 40px!important}.na-root{gap:24px}.na-intro-text{padding:27px 22px}.na-intro h1{font-size:clamp(28px,8vw,39px)}.na-hero-actions{margin-top:19px;gap:8px}.na-btn-primary,.na-btn-secondary{flex:1;padding:11px;font-size:11px!important}.na-agent-grid,.na-extra-grid{grid-template-columns:1fr}.na-agent{min-height:213px}.na-agent-upper{margin-bottom:12px}.na-desc{min-height:0;margin:10px 0 21px}.na-agent:not(.na-small){padding:17px}.na-small{min-height:175px}.na-head{align-items:center}.na-head h2{font-size:20px}.na-head p{font-size:11px}.na-metric{min-height:100px;padding:15px}.na-metric strong{font-size:25px}.na-bottom-panel{padding:18px}.na-next small{padding-top:13px}}
@media(prefers-reduced-motion:reduce){.na-root *{transition:none!important;animation:none!important}.na-agent:hover{transform:none}}

#appView.hidden,#landingView.hidden,#loginView.hidden{display:none!important}
#appView .na-nav-backdrop[hidden]{display:none!important}
@media(max-width:820px){
 #appView .sidebar:not(.open){transform:translateX(calc(-100% - 55px))!important;box-shadow:none!important}
 #appView .sidebar.open{transform:translateX(0)!important;box-shadow:15px 0 48px rgba(17,32,50,.2)!important;z-index:62}
 #appView .na-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:rgba(18,34,50,.4);border:0;z-index:60;padding:0}
 body.na-nav-open{overflow:hidden}
 #appView .topbar{z-index:30}
}
#appView .panel,#appView .neo-card,#appView .automation-template-card,#appView .video-project-card,#appView .media-folder-card,#appView .channel-connect-card,#appView .metric-card{
  border:1px solid #e4e9f0!important;background:#fff!important;border-radius:16px!important;box-shadow:0 3px 12px rgba(25,42,63,.03)!important}
#appView :where(.social-page-head,.section-head) h1,#appView :where(.social-page-head,.section-head) h2{color:#1c3045!important;font-weight:815!important;letter-spacing:-.05em!important}
#appView :where(.social-page-head,.section-head) p{color:#7c8da0!important;line-height:1.58!important}
#appView .btn.ghost,#appView .small-btn{background:#fff!important;border-color:#dde5ee!important;color:#53687d!important;border-radius:10px!important;box-shadow:none!important}
#appView :where(input[type=text],input[type=search],input[type=email],input[type=url],input[type=number],textarea,select){border-radius:10px!important;border-color:#dfe6ee!important}
#appView .wf-node{background:#fff!important;border:1px solid #dfe5ed!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(22,40,61,.055)!important}
#appView .wf-node.selected{border-color:#e87968!important;box-shadow:0 0 0 3px #f8e3df,0 7px 18px rgba(22,40,61,.045)!important}
#appView .workflow-canvas{background-color:#f8fafc!important;background-image:radial-gradient(circle,#dce4ec .9px,transparent 1px)!important;background-size:21px 21px!important}
#appView .workflow-inspector,#appView .workflow-palette{background:#fff!important;border-color:#e4e9f0!important}
#appView .cce-topbar,#appView .cce-library,#appView .cce-inspector,#appView .cce-timeline{border-color:#e3e9ef!important}

body:not(.member-workspace) #appView #nav>.neo-member-clients{display:none!important}
body.member-workspace #appView #nav>.neo-member-clients{display:flex!important}

#appView .sidebar-bottom .ai-status .pulse{animation:none!important;background:#a5b2bf!important;box-shadow:none!important}
#appView .sidebar-bottom .ai-status b{color:#405469!important;font-size:11px}
#appView .sidebar-bottom .ai-status small{color:#899aaa!important}