/* Neuron Atelier — one continuous workspace, shared across projects. */
html.atelier {
 --a-ink:#20242b;--a-muted:#626974;--a-line:#e1e4e8;--a-blue:#255acb;--a-tint:#edf3fc;--a-radius:12px;
 --a-chrome:#f0f1f3;--a-paper:#fff;--a-soft:#f7f8fa;--a-shadow:0 1px 3px #18223808,0 12px 32px #18223805;
 --blue:#255acb;--muted:#626974;--line:#e1e4e8;--nav:224px;
 color:var(--a-ink);background:var(--a-chrome);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",sans-serif;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none;
}
html.atelier body{color:var(--a-ink);background:var(--a-chrome);font-size:14px;line-height:1.55}
html.atelier *{box-sizing:border-box;scrollbar-color:#c6cbd3 transparent;scrollbar-width:thin}
html.atelier ::selection{background:#c5d9fc;color:#163565}
html.atelier :is(h1,h2,h3,p){color:inherit}
html.atelier h1{font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-1px}
html.atelier h2{font-size:15px;font-weight:620;letter-spacing:-.25px}
html.atelier h3{font-size:14px;font-weight:600}
html.atelier small,html.atelier .muted{font-size:12px;line-height:1.6;color:var(--a-muted)}
html.atelier a{color:var(--a-blue);text-decoration:none}
html.atelier a:hover{text-decoration:underline}
html.atelier button,html.atelier input,html.atelier select,html.atelier textarea{font:inherit}
html.atelier button{border:1px solid #dce0e6;background:linear-gradient(#fff,#fcfcfd);color:#3a424f;box-shadow:0 1px 2px #172a3e06,inset 0 1px #fff;border-radius:7px;font-size:12px;font-weight:500;line-height:1.5;padding:7px 11px;min-height:32px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
html.atelier button:hover:not(:disabled){background:#f3f5f8;border-color:#bdc5d1;box-shadow:0 2px 6px #172a3e0c}
html.atelier button:active:not(:disabled){transform:translateY(1px);box-shadow:none}
html.atelier button.primary,html.atelier .desk-primary{background:#252c38!important;color:white!important;border-color:#252c38!important;box-shadow:0 2px 4px #16263720!important}
html.atelier button.primary:hover:not(:disabled),html.atelier .desk-primary:hover:not(:disabled){background:#3b4659!important;border-color:#3b4659!important}
html.atelier button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
html.atelier :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #2561df55;outline-offset:3px}
html.atelier button.text-button{border-color:transparent;background:transparent;box-shadow:none;color:var(--a-muted)}
html.atelier button.danger{color:#a73737}
html.atelier input,html.atelier select,html.atelier textarea{min-height:34px;border:1px solid #dce1e8;background:#fff;border-radius:7px;padding:8px 10px;color:var(--a-ink);font-size:13px;line-height:1.5;box-shadow:0 1px 2px #15243b04;max-width:100%}
html.atelier input::placeholder,html.atelier textarea::placeholder{color:#7b838d}
html.atelier textarea{resize:vertical;min-height:86px}
html.atelier .sidebar{width:224px;padding:23px 14px 14px;border:0;background:linear-gradient(120deg,#f3f4f6,#eef0f3);gap:0;z-index:20}
html.atelier .brand{padding:0 10px 23px;gap:11px;min-height:61px}
html.atelier .brand-mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#57606e,#232a34 62%);box-shadow:inset 0 1px 1px #ffffff70,0 3px 7px #29374522;color:white}
html.atelier .brand-mark svg{width:24px;height:24px;stroke-width:1.5}
html.atelier .brand b{font-size:18px;font-weight:650;letter-spacing:1px}
html.atelier .brand small{font-size:9px;letter-spacing:2px;margin-top:1px;color:#747d88;font-weight:550}
html.atelier .project-switcher{padding:0;margin:0 0 22px}
html.atelier .project-caption{display:flex;justify-content:space-between;align-items:center;padding:0 9px 7px;font-size:10px;letter-spacing:.7px;color:#707984}
html.atelier .project-manage{padding:0 3px;min-height:20px;font-size:10px;background:none;box-shadow:none;border:0}
html.atelier .project-manage-menu{z-index:70;background:#fff;border:1px solid var(--a-line);border-radius:10px;box-shadow:0 10px 40px #15223b22;padding:7px}
html.atelier .project-picker-trigger{width:100%;min-height:56px;border:1px solid #dce1e7;background:#ffffffa6;border-radius:10px;box-shadow:0 2px 3px #1b2e4c04,inset 0 1px #fff;padding:9px 11px;gap:10px;text-align:left}
html.atelier .project-picker-trigger:hover{background:#fff;border-color:#bcc6d5}
html.atelier .project-emblem{height:31px;width:31px;border-radius:8px;background:#e7edf5;color:#485a72;display:grid;place-items:center;font-size:13px;border:1px solid #d6dfe9;box-shadow:inset 0 1px #fff}
html.atelier .project-picker-copy strong{font-size:13px;color:#28313e;font-weight:600}
html.atelier .project-picker-copy small{font-size:10px;color:#6a7684}
html.atelier #project-picker-popover{border:1px solid #dce1e8;border-radius:12px;box-shadow:0 14px 55px #16243d24;background:#fcfcfdf5;backdrop-filter:blur(30px);padding:10px;z-index:100}
html.atelier .project-picker-option{border:0;background:transparent;box-shadow:none;display:flex;width:100%;text-align:left;padding:10px;gap:10px}
html.atelier .project-picker-option.active{background:#eaf0fa}
html.atelier .nav-caption{font-size:9px;font-weight:600;letter-spacing:1.3px;color:#7b8490;padding:0 11px;margin:0 0 9px}
html.atelier .sidebar #roles{display:flex;flex-direction:column;gap:3px;min-height:0;overflow-x:hidden;overflow-y:auto;flex:1}
html.atelier .role-button,html.atelier .partner-toggle{width:100%;min-height:49px;padding:9px 11px;gap:11px;border:0;box-shadow:none;background:transparent;border-radius:8px;text-align:left;color:#414b59;display:flex;align-items:center}
html.atelier .role-button:hover:not(:disabled),html.atelier .partner-toggle:hover{background:#e2e6ecaa;border:0;box-shadow:none}
html.atelier .role-button.active{color:#183e7b;background:#e3eaf6}
html.atelier .role-button b{font-size:13px;font-weight:560;letter-spacing:.1px}
html.atelier .role-button small{display:block;font-size:10px;color:#737d8a;margin-top:2px;line-height:1.5}
html.atelier .role-button.active small{color:#5b7295}
html.atelier .role-symbol{width:20px;height:20px;min-width:20px;background:none;color:#647083;display:grid;place-items:center;font-size:16px;border:0;border-radius:0}
html.atelier .role-symbol svg{width:19px;height:19px;stroke-width:1.55}
html.atelier .role-button.active .role-symbol{color:#265bb5}
html.atelier .role-avatar{width:25px;height:25px;border-radius:7px;object-fit:cover;filter:saturate(.6);border:1px solid #d8dde4}
html.atelier .partner-group{margin:0;border:0;padding:0;background:none}
html.atelier .partner-toggle{min-height:42px;font-size:13px;gap:11px;padding:10px 11px}
html.atelier .partner-toggle b{flex:1;font-weight:550}
html.atelier .partner-toggle>span:first-child{font-size:0;width:20px;height:20px;color:#647083;display:grid;place-items:center}
html.atelier .partner-toggle>span:last-child{font-size:16px;color:#7a8491}
html.atelier .partner-children{margin:3px 0 8px 15px;padding:0 0 0 9px;border-left:1px solid #d4dae3}
html.atelier .partner-children .role-button{padding:8px;min-height:48px;gap:8px}
html.atelier .partner-children .role-button b{font-size:12px}
html.atelier .partner-children .role-button small{font-size:9px}
html.atelier .sidebar-bottom{padding-top:12px;margin-top:8px;border-top:1px solid #dce1e7;flex-shrink:0}
html.atelier .utility-button{border:0;background:none;box-shadow:none;min-height:32px;padding:7px 11px;font-size:12px;gap:11px;color:#626e7d;border-radius:7px}
html.atelier .utility-button svg{width:17px;height:17px;stroke-width:1.5}
html.atelier .utility-button:hover:not(:disabled){background:#e3e7ed;border:0;box-shadow:none}
html.atelier .utility-button.active{background:#e1e8f4;color:#244d86}
html.atelier .sidebar-foot{border:0;padding:12px 0 0;margin:5px 11px 0;font-size:10px;color:#6f7b89;gap:7px}
html.atelier .sidebar-foot i{width:5px;height:5px;background:#3b8b73}
html.atelier .main{margin-left:224px;padding:0 16px 16px 0;max-width:none;min-height:100vh;background:transparent}
html.atelier .topbar{height:59px;margin:0;padding:0 9px 0 17px;gap:16px}
html.atelier .breadcrumb{font-size:10px;color:#7a8592;letter-spacing:.5px;gap:10px}
html.atelier .breadcrumb b{color:#414c5b;font-weight:550;letter-spacing:0;font-size:12px}
html.atelier .connection-group{gap:14px;font-size:11px}
html.atelier .connection{font-size:11px;color:#657080}
html.atelier .connection:before{width:5px;height:5px;background:#3d8a74;box-shadow:0 0 0 3px #3d8a740b}
html.atelier .connection.offline:before{background:#b27a39}
html.atelier .update-time{font:10px/1.5 ui-monospace,"SF Mono",monospace;color:#7b8591}
html.atelier #logout{font-size:10px;padding:4px 0 4px 8px;min-height:24px}
html.atelier .atelier-preview-label{font-size:10px;padding:3px 7px;border:1px solid #d6dce5;border-radius:5px;color:#647186;white-space:nowrap;letter-spacing:.3px}
html.atelier #status-note{display:none}
html.atelier #status-note:not(:empty){display:block;margin:0 0 8px;padding:10px 16px;border:1px solid #e5ddce;background:#f9f4eb;color:#84653d;font-size:12px;border-radius:8px}
html.atelier #content{min-height:calc(100vh - 75px);background:var(--a-paper);border:1px solid #dce1e7;border-radius:13px;padding:28px;box-shadow:var(--a-shadow);overflow:clip;position:relative}
html.atelier .page-heading{margin:0 0 25px;gap:24px;align-items:flex-start}
html.atelier .page-heading p{font-size:12px;color:var(--a-muted);line-height:1.7;margin-top:9px;max-width:65em}
html.atelier .page-heading-copy{min-width:0}
html.atelier .atelier-eyebrow{display:flex;gap:8px;align-items:center;font:9px/1.5 ui-monospace,"SF Mono",monospace;letter-spacing:1.3px;color:#7d8897;margin:0 0 10px}
html.atelier .atelier-eyebrow:before{content:"";width:12px;height:1px;background:#7387a5}
html.atelier .heading-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end;padding-top:1px}
html.atelier .heading-actions:empty{display:none}
html.atelier .cloud-panel{padding:20px;border:1px solid var(--a-line);border-radius:10px;background:#fff;box-shadow:none;margin:0 0 16px;min-width:0}
html.atelier .cloud-panel>h2{margin:0 0 16px;color:#283342;font-size:14px}
html.atelier .cloud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
html.atelier .cloud-grid>.cloud-panel{margin:0}
html.atelier .cloud-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf0f3;padding:14px 0;min-width:0}
html.atelier .cloud-row:last-child{border:0}
html.atelier .cloud-row>b,html.atelier .cloud-row b{font-size:13px;font-weight:550;color:#35404f}
html.atelier .cloud-row p{font-size:12px;color:var(--a-muted);line-height:1.65;margin-top:4px;overflow-wrap:anywhere}
html.atelier .cloud-row>div{min-width:0}
html.atelier .cloud-copy{font-size:13px;line-height:1.8;color:#4f5c6c;background:#f7f8fa;border:1px solid #e9ecf0;border-radius:7px;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere}
html.atelier .cloud-field{display:block;font-size:12px;color:#4d596a;margin:16px 0}
html.atelier .cloud-field>span{display:block;margin-bottom:7px;font-size:12px;font-weight:550}
html.atelier .cloud-field input,html.atelier .cloud-field textarea{display:block;width:100%}
html.atelier .cloud-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}
html.atelier .cloud-table{width:100%;border-collapse:collapse;font-size:13px}
html.atelier .cloud-table th{background:#f7f8fa;color:#647183;font-size:11px;font-weight:550;text-align:left;padding:11px 12px;border-bottom:1px solid #e3e7ec}
html.atelier .cloud-table td{color:#424d5c;border-bottom:1px solid #edf0f3;padding:13px 12px;line-height:1.6}
html.atelier .cloud-table tr:last-child td{border-bottom:0}
html.atelier .cloud-table tbody tr:hover{background:#f8faff}
html.atelier .cloud-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:30px;text-align:center;color:#738091;font-size:12px;line-height:1.8;border:0;background:none}
html.atelier .cloud-empty:before{content:"";width:31px;height:27px;border:1px solid #c8d1df;border-radius:7px;margin-bottom:14px;box-shadow:inset 0 8px #f1f4f8,0 3px 0 -1px #fff,0 3px 0 #dce3ec;transform:rotate(-4deg);background:linear-gradient(90deg,transparent 14px,#dce3ec 14px,#dce3ec 15px,transparent 15px)}
html.atelier .status-pill{font-size:10px;border-radius:5px;padding:4px 7px;background:#f0f2f5;color:#697586;border:1px solid #e4e8ee;gap:5px}
html.atelier .status-pill:before{width:4px;height:4px}
html.atelier .status-pill.green{background:#eff8f4;border-color:#daeae2;color:#35735b}
html.atelier .status-pill.amber{background:#fcf6ed;border-color:#f0e5d2;color:#8a6536}
html.atelier .status-pill.blue{background:#eef3fc;border-color:#dce6f8;color:#3c639b}
html.atelier .status-pill.red{background:#fdf1ef;border-color:#f1ddd8;color:#a45a4b}
html.atelier details{border-top:1px solid #e7ebf0;margin-top:18px;padding-top:15px;font-size:12px;color:#586577}
html.atelier summary{font-size:12px;font-weight:550;color:#49596e;padding:3px 0;cursor:pointer}
html.atelier .cloud-dialog{padding:0;border:1px solid #cbd3df;border-radius:16px;width:760px;max-width:calc(100vw - 60px);max-height:calc(100dvh - 60px);color:var(--a-ink);background:#fff;box-shadow:0 35px 110px #172d4e35,0 4px 15px #172d4e16;overflow:auto}
html.atelier .cloud-dialog::backdrop{background:#17283d33;backdrop-filter:blur(5px)}
html.atelier .drawer-head{padding:21px 24px;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(20px);z-index:5;border-bottom:1px solid var(--a-line)}
html.atelier .drawer-head h2{font-size:18px;letter-spacing:-.5px;font-weight:600}
html.atelier #close-detail{width:28px;height:28px;min-height:0;padding:0;font-size:22px;font-weight:300;background:#f2f4f7;border-color:transparent;border-radius:50%;color:#6a7687;box-shadow:none}
html.atelier .drawer-body{padding:24px;font-size:13px;color:#445366;line-height:1.8}
html.atelier .drawer-body>p{margin:0 0 14px}
html.atelier .drawer-body>input,html.atelier .drawer-body>select,html.atelier .drawer-body>textarea{margin:8px 0;max-width:100%}
html.atelier .drawer-body>button{margin:6px 7px 0 0}
html.atelier .drawer-body pre{background:#f4f6f9;color:#526173;border-radius:8px;padding:14px;white-space:pre-wrap;word-break:break-word;font:11px/1.7 ui-monospace,monospace}
html.atelier .atelier-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html.atelier .atelier-tool-grid>button{display:flex;align-items:center;text-align:left;min-height:64px;white-space:normal;padding:16px;background:#f8f9fb;margin:0;font-size:13px}
html.atelier .atelier-tool-grid>button:after{content:"↗";margin-left:auto;padding-left:12px;color:#8a97a9}
html.atelier .notice{background:#293342;color:#fff;border:1px solid #465063;box-shadow:0 9px 40px #18314e30;border-radius:9px;font-size:12px;bottom:24px;z-index:100}
html.atelier .notice.error{background:#fff6f0;color:#915a34;border-color:#ead7c5}
@media(max-width:1250px){html.atelier .sidebar{width:204px;padding-left:10px;padding-right:10px}html.atelier .main{margin-left:204px}html.atelier #content{padding:22px}html.atelier .update-time{display:none}html.atelier .topbar{padding-left:13px}html.atelier h1{font-size:26px}}
@media(max-width:950px){html.atelier .sidebar{width:190px}html.atelier .main{margin-left:190px;padding-right:10px}html.atelier #content{padding:18px}html.atelier .brand{padding-left:9px}html.atelier .role-button{padding-left:9px}html.atelier .connection-group{gap:8px}html.atelier .breadcrumb{font-size:9px}html.atelier .page-heading{flex-wrap:wrap;gap:16px}html.atelier .cloud-grid{grid-template-columns:1fr}}
@media(max-width:800px){html.atelier .sidebar{width:70px;padding:18px 8px 10px}html.atelier .main{margin-left:70px}html.atelier .brand{padding:0 9px 24px}html.atelier .brand>div:last-child,html.atelier .nav-caption,html.atelier .role-copy,html.atelier .sidebar-foot,html.atelier .project-caption,html.atelier .project-picker-copy,html.atelier .project-picker-trigger>svg,html.atelier .project-picker-trigger>span:last-child,html.atelier .utility-button .atelier-nav-label{display:none}html.atelier .project-picker-trigger{padding:7px;justify-content:center;min-height:43px}html.atelier .role-button,html.atelier .utility-button{justify-content:center;padding:12px}html.atelier .role-button{min-height:46px}html.atelier .partner-toggle{justify-content:center;padding:12px}html.atelier .partner-toggle b,html.atelier .partner-toggle>span:last-child{display:none}html.atelier .partner-children{margin-left:0;padding-left:0;border:0}html.atelier .topbar{height:50px}html.atelier .connection-group .connection{display:none}html.atelier #content{min-height:calc(100vh - 60px)}html.atelier .cloud-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)} }
@media(max-width:560px){html.atelier #content{padding:16px 12px}html.atelier .main{padding-right:6px}html.atelier .topbar .breadcrumb{font-size:0;gap:0}html.atelier .topbar .breadcrumb b{font-size:11px}html.atelier .atelier-preview-label{font-size:9px}html.atelier h1{font-size:24px}html.atelier .cloud-row{gap:10px}html.atelier .cloud-table{font-size:11px}html.atelier .cloud-table td{padding:8px}html.atelier .atelier-tool-grid{grid-template-columns:1fr}}

/* Compact persistent status belongs to the chrome, alongside connection state. */
html.atelier .topbar #status-note:not(:empty){display:inline-flex;margin:0;padding:3px 7px;min-height:0;border:1px solid #e6ddcd;background:#f8f3e9;color:#7c653e;font-size:10px;line-height:1.6;border-radius:5px;white-space:nowrap}
html.atelier .brand small{letter-spacing:1.5px;font-size:8px;white-space:nowrap}
html.atelier .atelier-eyebrow{margin-bottom:8px}
@media(max-width:1050px){html.atelier .topbar .update-time,html.atelier .topbar .connection{display:none}}

/* Keep the conversation fully inside the desktop work surface. */
@media(min-width:1201px){html.atelier body[data-screen="collaboration"] .cloud-chat-layout{height:max(440px,calc(100dvh - 282px));min-height:440px}html.atelier body[data-screen="collaboration"] .cloud-messages{min-height:120px}html.atelier body[data-screen="collaboration"] .cloud-compose{padding:12px 16px}html.atelier body[data-screen="collaboration"] .cloud-compose textarea{min-height:58px}html.atelier body[data-screen="collaboration"] .cloud-chat-head{min-height:65px;padding:13px 20px}}

html.atelier body[data-screen="collaboration"] .cloud-bubble{font-size:14px;line-height:1.7;color:#3e4d61}
html.atelier body[data-screen="collaboration"] .cloud-bubble small{font-size:10px;color:#68788b}
html.atelier body[data-screen="collaboration"] .cloud-chat-head h2{font-size:15px}
html.atelier body[data-screen="collaboration"] .cloud-internal .cloud-copy{background:transparent;border:0;border-top:1px solid #e2e7ed;border-radius:0;padding:16px 0}
html.atelier body[data-screen="monitor"] .heading-actions button:nth-child(2){background:#293241;color:white;border-color:#293241;box-shadow:0 2px 4px #1a294a16}
html.atelier body[data-screen="monitor"] .restored-statistics>button:nth-child(2) strong{color:#2f63c3}
html.atelier body[data-screen="monitor"] .mp-tabs>button[aria-selected="true"]{color:#27558d;font-weight:600}
html.atelier body[data-screen="monitor"] .restored-statistics{background:linear-gradient(110deg,#fafbfd,#fff 40%);box-shadow:inset 0 1px #fff}
html.atelier body[data-screen="monitor"] .mp-inspector{background:linear-gradient(145deg,#fafcfe,#f4f7fb)}
html.atelier .sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}

html.atelier .atelier-role-mark,html.atelier .atelier-person-mark{display:grid;place-items:center;flex-shrink:0;color:#52677e;background:linear-gradient(140deg,#fff,#e1e7ef);border:1px solid #d4dce7;box-shadow:inset 0 1px #fff;font-weight:550}
html.atelier .atelier-role-mark{width:25px;height:25px;border-radius:7px;font-size:11px}
html.atelier .atelier-person-mark{width:48px;height:48px;border-radius:13px;font-size:22px}
html.atelier body[data-screen="monitor"] .mp-row.atelier-customer-selected{border-left:3px solid #4b76ba;background:#eaf1fb}
html.atelier body[data-screen="monitor"] .mp-row.atelier-customer-selected strong{color:#224c86}
html.atelier body[data-screen="monitor"] .mp-row>.atelier-human-state{color:#485770;font-weight:550}
html.atelier .restored-chat-log{border-bottom:1px solid #e0e6ef;scrollbar-gutter:stable}