:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252c26;background:#f5f5ef;font-synthesis:none;--green:#265e42;--line:#dddfd5;--muted:#73786e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #59845b;outline-offset:4px}button{border:0;color:inherit}a{color:inherit}button,input,select{min-height:44px}h1,h2,p{margin-top:0}h1{font-size:clamp(38px,4.3vw,62px);font-weight:500;line-height:1.08;letter-spacing:-2.9px;margin-bottom:32px}h1 span{color:#858b7c}h2{font-size:20px;letter-spacing:-.5px;font-weight:550}p{line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650}.muted{color:var(--muted);font-size:14px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100dvh}.sidebar{padding:38px 25px;border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.wordmark{text-decoration:none;font-size:39px;letter-spacing:-3px;font-weight:800;display:flex;align-items:center}.wordmark>span{font-size:29px;margin-left:-3px;color:var(--green)}.wordmark>b{font-size:27px;font-weight:600;letter-spacing:-1px;margin-left:12px}.sidebar>.eyebrow{font-size:8px;margin-top:14px;color:var(--muted)}.sidebar nav{margin-top:55px;display:grid;gap:8px}.sidebar nav button{text-align:left;border-radius:9px;background:transparent;padding:0 13px;font-size:13px;display:flex;gap:12px;align-items:center;height:48px}.sidebar nav button>span{font-size:23px}.sidebar nav button.selected{background:#e5e9dd;color:#265e42;font-weight:650}#missed-badge{font-size:11px;font-style:normal}.sidebar-bottom{margin-top:auto;font-size:11px}.availability-dot{display:inline-block;background:#53805a;width:6px;height:6px;border-radius:100%;margin-right:4px}.sidebar-bottom p{font-size:24px;letter-spacing:-.7px;line-height:1.25;margin:25px 0}.edition{font-size:9px;color:var(--muted);letter-spacing:2px}main{padding:0 6%;min-width:0;max-width:1450px;width:100%;margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.pill{background:transparent;border:1px solid #d5d9cc;border-radius:30px;font-size:12px;padding:0 17px;min-height:36px}.pill[aria-pressed=true],.pill.selected{background:#e0e8d6;color:#265e42;border-color:#bacaaa}.page-heading{display:flex;justify-content:space-between;align-items:center}.page-heading .eyebrow{color:#58614f;margin-bottom:22px}.header-mark{font-size:106px;line-height:1;font-weight:250;color:#6c7b55;padding:20px;margin-bottom:20px}.notice{border:1px solid var(--line);border-radius:12px;padding:21px;display:flex;align-items:center;gap:17px;margin:12px 0 38px;background:#eeefe6}.notice-icon{font-size:28px;color:#6a7c51}.notice strong{font-size:13px;font-weight:600}.notice p{font-size:12px;color:var(--muted);margin:4px 0 0}.notice button{margin-left:auto;font-size:12px;background:none;white-space:nowrap;color:#3e613e}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2{margin:0}#contact-count{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.search{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:9px}.search span{font-size:23px}.search input{background:none;border:0;width:145px;min-height:36px;font-size:12px;outline-offset:0}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.contact{background:#fafaf6;border:1px solid var(--line);border-radius:13px;padding:22px;position:relative;transition:transform .2s,border-color .2s}.contact:hover{transform:translateY(-3px);border-color:#a9b998}.contact-top{display:flex;justify-content:space-between;align-items:start}.avatar{height:57px;width:57px;border-radius:50%;display:grid;place-items:center;font-size:25px;letter-spacing:-1px;font-weight:500;color:#37462e}.contact .arrow{background:#edf0e6;border:1px solid #e1e5d9;width:38px;min-height:38px;border-radius:50%;font-size:22px;color:#41643d}.contact h3{font-weight:550;font-size:20px;letter-spacing:-.5px;margin:20px 0 4px}.contact .role{color:var(--muted);font-size:11px;margin:0}.contact .presence{border-top:1px solid #e8e9e1;margin-top:20px;padding-top:13px;display:flex;align-items:center;gap:6px;font-size:10px;color:#6c7464}.presence i{height:5px;width:5px;border-radius:50%;background:#aeb1a5}.presence.online i{background:#618648}.bottom-note{display:flex;gap:17px;align-items:center;margin:36px 0 25px;padding:22px 0;border-top:1px solid var(--line)}.bottom-note>span:first-child{font-size:28px;color:#64814d}.bottom-note p{font-size:12px;color:var(--muted);margin:0}.bottom-note strong{font-weight:500;color:#323c2b}.bottom-note>.muted{margin-left:auto;font-size:8px;letter-spacing:1.5px}footer{display:flex;justify-content:space-between;padding:25px 0 28px;color:#8b9084;letter-spacing:1.4px;font-size:8px}section[hidden],[hidden]{display:none!important}.mobile-brand,.mobile-nav{display:none}.primary{padding:13px 20px;background:var(--green);color:#fff;border-radius:9px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.login{width:min(430px,100%);padding:75px 30px;margin:auto}.brand{font-size:65px;letter-spacing:-8px;font-weight:750;margin-bottom:50px}.brand span{color:var(--green);font-size:49px}.login h1{font-size:66px;margin:20px 0}.login .eyebrow{font-size:9px}.login form{margin-top:32px}.login label,dialog label{font-size:12px;display:block;margin-bottom:10px}.login input,select{width:100%;border:1px solid var(--line);background:#fafbf7;border-radius:9px;padding:13px;margin-bottom:14px}.login .primary{width:100%}.footnote{font-size:11px;color:var(--muted);margin-top:40px}.login [role=alert]{font-size:13px;color:#a8443b;margin-top:15px}.filters{display:flex;gap:8px;margin-bottom:25px}.history-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.history-row .avatar{width:44px;height:44px;font-size:19px}.history-row h3{font-size:15px;margin:0 0 4px}.history-row p{margin:0;font-size:12px;color:var(--muted)}.history-row .missed{color:#b64f41}.history-row time{margin-left:auto;color:var(--muted);font-size:11px}.history-row button{background:#e8ecdf;border-radius:50%;width:42px;font-size:22px}.empty{padding:65px 25px;border:1px dashed #ced4c4;border-radius:12px;text-align:center;color:var(--muted);font-size:14px}.settings-card{padding:25px;background:#fafaf6;border:1px solid var(--line);border-radius:13px;margin:20px 0;max-width:720px}.settings-card p{font-size:13px;color:var(--muted);max-width:620px}.text-button{background:transparent;color:var(--green);font-size:13px;margin-top:10px}.settings-card a{text-underline-offset:3px}dialog{border:1px solid var(--line);border-radius:20px;background:#f5f5ef;padding:35px;width:min(430px,calc(100% - 32px));color:#252c26}dialog::backdrop{background:#1b281d99;backdrop-filter:blur(9px)}dialog h2{font-size:32px}dialog .primary{width:100%}dialog .close{position:absolute;right:14px;top:9px;font-size:27px;background:none;width:40px}.call-dialog{background:#243d30;color:#f7faef;text-align:center;width:min(430px,100%);padding:40px 28px 32px;border:0;max-height:95dvh}.call-dialog .eyebrow{color:#b0c2ae;font-size:9px}.caller-avatar{width:104px;height:104px;border-radius:50%;background:#d8edac;color:#33462e;display:grid;place-items:center;margin:35px auto 25px;font-size:46px}.call-dialog h2{font-size:36px;margin-bottom:12px}.call-dialog #call-reason{color:#cad6c5;font-size:14px;max-height:95px;overflow:auto;white-space:pre-wrap}.call-dialog #call-status{color:#bfd0b7;font-size:13px;margin-bottom:12px}.wave{display:flex;gap:5px;height:38px;align-items:center;justify-content:center;margin:24px 0 8px}.wave i{display:block;width:4px;height:7px;border-radius:8px;background:#c5e3a5}.wave.active i{animation:pulse .9s ease-in-out infinite alternate}.wave i:nth-child(3n){animation-delay:-.4s}.wave i:nth-child(2n){animation-delay:-.7s}@keyframes pulse{to{height:30px;opacity:.6}}#call-timer{font-size:12px;letter-spacing:2px;color:#b2c0ac;font-variant-numeric:tabular-nums}.call-actions{display:flex;justify-content:space-around;margin:35px 0 15px;gap:15px}.round{border-radius:50%;height:65px;width:65px;font-size:30px}.answer{background:#c6e4a5;color:#25422d}.danger{background:#d96053;color:white}.neutral{background:#ffffff19;color:#e1ebdc}.neutral[aria-pressed=true]{background:#e2edda;color:#243d30}.call-actions>div{display:grid;gap:12px;justify-items:center}.call-actions span{font-size:11px;color:#d2dec9}.call-hint{font-size:11px;color:#afc2a7;margin:24px 0}.call-dialog details{font-size:12px;text-align:left;color:#c9d8c0}.call-dialog summary{cursor:pointer;text-align:center;padding:12px}#transcript{max-height:140px;overflow:auto;line-height:1.5}#transcript p{margin:8px 0}.self{color:#fff}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:15px 22px;border-radius:12px;background:#233c2e;color:#fff;font-size:13px;z-index:100;box-shadow:0 8px 32px #172d2033}#sessions-error:empty{display:none}
@media(min-width:1450px){main{padding:0 85px}}@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:30px 18px}main{padding:0 5%}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-mark{font-size:80px;padding:5px}.notice{padding:16px;gap:12px}.notice-icon{display:none}}@media(max-width:650px){.shell{display:block}.sidebar{display:none}main{padding:0 22px}header{height:90px;margin-bottom:22px}header>.eyebrow{display:none}.mobile-brand{display:flex;font-size:31px}.mobile-brand>span{font-size:25px}.mobile-brand>b{font-size:24px}h1{font-size:41px;letter-spacing:-1.8px;line-height:1.12;margin-bottom:24px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:15px}.header-mark{font-size:62px;padding:0;margin-top:10px}.notice{margin:6px 0 29px;flex-wrap:wrap;padding:17px;gap:4px}.notice strong{font-size:12px}.notice p{font-size:11px}.notice button{min-height:32px;padding:0;margin:6px 0 0;font-size:11px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:19px}.search input{width:108px;font-size:11px}.contact-grid{gap:11px}.contact{padding:17px}.avatar{width:48px;height:48px;font-size:23px}.contact .arrow{width:33px;min-height:33px;font-size:20px}.contact h3{font-size:19px;margin-top:18px}.contact .role{font-size:10px}.contact .presence{font-size:9px;padding-top:11px;margin-top:17px}.bottom-note{margin-top:25px;gap:12px;padding:20px 0;margin-bottom:0}.bottom-note>.muted{display:none}.bottom-note p{font-size:11px}footer{font-size:6px;padding:20px 0 104px;letter-spacing:1px}.mobile-nav{display:flex;position:fixed;bottom:0;width:100%;padding:9px 20px calc(9px + env(safe-area-inset-bottom));background:#f5f5eff5;border-top:1px solid var(--line);backdrop-filter:blur(12px);justify-content:space-around;z-index:5}.mobile-nav button{display:grid;gap:3px;justify-items:center;background:none;font-size:24px;color:#8c9183;min-width:70px}.mobile-nav button span{font-size:9px}.mobile-nav button.selected{color:var(--green)}.settings-card{padding:20px}#toast{bottom:100px}.history-row{gap:10px}.history-row time{font-size:9px}.history-row p{font-size:11px}.call-dialog{border-radius:22px}.login{padding-top:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.shell[data-layout=chat]{grid-template-columns:270px minmax(0,1fr) minmax(260px,300px)}
.shell[data-layout=phone]{grid-template-columns:230px 1fr}
.shell[data-layout=phone] #rail-chat,.shell[data-layout=phone] #context-panel{display:none}
.shell[data-layout=chat] .phone-header{display:none}
.shell[data-layout=phone] .phone-header{display:flex}
.mode-banner{border:1px solid var(--line);border-radius:10px;padding:12px;margin:18px 0 8px;background:#eeefe6;font-size:12px}
.mode-banner.demo{background:#e7efe0}
.mode-banner.prod{background:#f3ece3}
.mode-banner p{margin:6px 0 8px;font-size:11px;color:var(--muted)}
.mode-banner select{width:100%;margin:6px 0}
.rail-actions{display:grid;gap:8px;margin:12px 0}
.rail-actions .primary{justify-content:space-between}
.rail-actions button{background:#edf0e6;border-radius:9px;padding:0 12px;text-align:left}
.rail-search{margin:8px 0 12px}
.rail-search input{width:100%}
#rail-list{overflow:auto;flex:1;min-height:0;margin-bottom:12px}
.rail-project{margin-bottom:16px}
.rail-project-btn{background:none;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);padding:0;min-height:32px;font-weight:650}
.rail-project.active .rail-project-btn{color:var(--green)}
.rail-project ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}
.rail-project li button{width:100%;display:flex;gap:10px;align-items:center;background:transparent;border-radius:10px;padding:8px 10px;text-align:left;min-height:52px}
.rail-project li button.selected{background:#e5e9dd}
.rail-project li i{width:10px;height:10px;border-radius:50%;flex:none}
.rail-project li span{display:grid;gap:1px;min-width:0}
.rail-project li b{font-size:13px;font-weight:600}
.rail-project li small,.rail-project li em{font-size:11px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chat-view{display:flex;flex-direction:column;min-height:calc(100dvh - 40px);padding-bottom:12px;min-width:0;overflow:hidden}
.chat-header{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;padding:18px 0 12px;border-bottom:1px solid var(--line);position:relative;z-index:2;background:#f5f5ef;height:auto;margin-bottom:0}
.chat-heading{flex:1;min-width:min(100%,220px)}
.chat-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:auto}
.chat-header h1{font-size:clamp(28px,3vw,42px);margin:0 0 6px;letter-spacing:-1.4px}
.chat-header p{margin:0}
#mobile-back{display:none;background:#edf0e6;border-radius:9px;padding:0 12px}
#chat-status{margin-left:auto;font-size:12px;padding:8px 12px;border-radius:999px;background:#e5e9dd}
#chat-status[data-state=working]{background:#d8edac}
#chat-status[data-state=waiting_approval]{background:#ebd7a5}
#chat-status[data-state=disconnected]{background:#f0c7a6}
#chat-status[data-state=queue_paused]{background:#d5c4ee}
#transcript-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:18px 0;min-height:0}
.bubble{max-width:min(640px,92%);padding:14px 16px;border-radius:14px;background:#fafaf6;border:1px solid var(--line);position:relative;z-index:0}
.bubble.me{align-self:flex-end;margin-left:0;background:#e8efe0}
.bubble p{margin:0;font-size:14px}
.bubble small{display:block;margin-top:8px;color:var(--muted);font-size:11px}
.task-card,.approval-card,.file-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fafaf6}
.task-card[data-state=working]{border-color:#8aa56a}
.task-card[data-state=waiting_approval]{border-color:#c4a46a}
.task-card h3,.approval-card h3{margin-bottom:8px}
.approval-card label{display:flex;gap:8px;align-items:center;margin:8px 0}
.approval-card textarea,.queue-edit textarea{width:100%;min-height:72px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fafbf7}
#queue-bar{display:grid;gap:8px;padding:8px 0}
.queue-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;border:1px dashed #c8d0bc;border-radius:12px;padding:12px;background:#f7f8f2;position:relative}
.queue-item span,.queue-status{display:block;font-size:11px;color:var(--muted)}
.queue-paused{background:#efe8f6;border-radius:10px;padding:10px 12px;font-size:12px}
.queue-menu{position:absolute;right:12px;top:48px;background:#f5f5ef;border:1px solid var(--line);border-radius:10px;padding:6px;display:grid;z-index:6;min-width:240px;box-shadow:0 8px 24px #172d2022}
.queue-menu button{text-align:left;background:none;padding:8px 10px;border-radius:8px;min-height:40px}
.queue-menu button:hover{background:#e5e9dd}
.composer{position:sticky;bottom:0;background:#f5f5ef;padding:8px 0 12px;border-top:1px solid var(--line)}
.composer-row{display:flex;gap:8px;align-items:flex-end}
.composer-row textarea{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbf7;resize:vertical;min-height:48px}
#plus-menu,#stop-turn,#resume-queue{background:#edf0e6;border-radius:12px;padding:0 14px}
#composer-send{min-width:56px;justify-content:center}
#recorder{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
#recorder button{background:#edf0e6;border-radius:9px;padding:0 12px}
.file-chip{display:inline-block;margin:4px 6px 0 0;padding:6px 10px;border-radius:999px;background:#edf0e6;font-size:12px}
#context-panel{border-left:1px solid var(--line);padding:24px 18px;overflow:auto;height:100dvh;position:sticky;top:0;background:#f5f5ef}
#context-panel header{display:flex;justify-content:space-between;align-items:center}
.sheet-tabs{display:flex;gap:6px;margin:12px 0 18px}
.sheet-tabs button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:0 12px;min-height:36px;font-size:12px}
.sheet-tabs button.selected{background:#e0e8d6;border-color:#bacaaa;color:var(--green)}
.setting-block{border-top:1px solid var(--line);padding:14px 0}
.setting-block.disabled{opacity:.72}
.setting-block select{width:100%}
.apply{font-size:11px;color:var(--green);font-weight:650}
.diff{font-size:12px}
.activity-log{padding-left:18px;font-size:12px;color:var(--muted)}
#call-strip{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:12px 0;background:#243d30;color:#f7faef}
.call-strip-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.call-strip-actions button{background:#ffffff22;color:#f7faef;border-radius:9px;padding:0 12px}
.wide-dialog{width:min(640px,calc(100% - 24px));max-height:90dvh;overflow:auto}
.picker-list{list-style:none;padding:0;display:grid;gap:8px}
.picker-list button{width:100%;text-align:left;background:#fafaf6;border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:4px}
.caps{font-size:10px;letter-spacing:.4px;color:var(--muted)}
.folder-tree ul{list-style:none;margin:0;padding:0 0 0 12px}
.folder-row{display:flex;gap:6px;align-items:center}
.folder-tree li.selected>.folder-row button{font-weight:650;color:var(--green)}
.folder-tree li.locked{opacity:.8}
.lock-reason,.folder-path{font-size:11px;color:var(--muted);margin:0 0 8px 28px}
.folder-crumb,.folder-favs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.folder-crumb button,.folder-favs button{background:#edf0e6;border-radius:999px;padding:0 12px;min-height:36px;font-size:12px}
.folder-actions{display:grid;gap:8px;margin-top:16px}
.folder-spacer{width:28px;display:inline-block}
@media(max-width:1100px){
  .shell[data-layout=chat]{grid-template-columns:230px minmax(0,1fr)}
  #context-panel{position:fixed;inset:0 0 0 auto;width:min(360px,100%);z-index:20;display:none;box-shadow:-12px 0 40px #172d201a}
  #context-panel.open{display:block}
}
@media(max-width:650px){
  .shell[data-layout=chat]{display:block}
  .shell[data-layout=chat][data-mobile-pane=list] .sidebar{display:flex;position:static;height:auto;border:0;padding:22px 22px 110px;width:100%}
  .shell[data-layout=chat][data-mobile-pane=list] main,.shell[data-layout=chat][data-mobile-pane=list] #context-panel{display:none!important}
  .shell[data-layout=chat][data-mobile-pane=chat] .sidebar{display:none}
  .shell[data-layout=chat][data-mobile-pane=chat] #mobile-back{display:inline-flex}
  .shell[data-layout=chat] #chat-view{min-height:calc(100dvh - 120px);padding-bottom:calc(96px + env(safe-area-inset-bottom));overflow:visible}
  header.chat-header{height:auto;margin-bottom:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px;flex-shrink:0}
  .chat-heading,.chat-toolbar{margin:0;width:100%;flex:none}
  .chat-heading h1{overflow-wrap:anywhere}
  .chat-toolbar{justify-content:flex-start}
  #chat-status{margin:0}
  .chat-header h1{font-size:26px;letter-spacing:-1px;margin-bottom:6px}
  #context-panel{width:100%;padding:18px 18px 110px}
  .composer{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:4}
  #queue-bar .queue-menu{position:static}
  .shell[data-layout=chat] footer{display:none}
}