@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--nav:#dcdcdc;--ink:#cfcfcf;--muted:#7e7e7e;--green:#979797;--mint:#232323;--line:#212121;--bg:#111111;--white:#0a0a0a;--radius:15px;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button svg,a svg{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,var(--font)}h1{font-size:27px;letter-spacing:-.85px;line-height:1.25;font-weight:750}h2{font-size:16px;letter-spacing:-.3px;font-weight:750}h3{font-size:14px;font-weight:700}p{line-height:1.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #646464;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #5e5e5e;outline-offset:1px}input,textarea,select{width:100%;min-width:0;border:1px solid #232323;border-radius:8px;padding:12px 13px;color:var(--ink);background:#0a0a0a;line-height:1.5}textarea{resize:vertical}input:disabled{background:#151515}input::placeholder,textarea::placeholder{color:#808080}label{display:grid;gap:8px;font-size:14px;font-weight:600;margin-top:20px}small{font-size:14px}.small{font-size:14px}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#828282}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:43px;border-radius:8px;padding:11px 17px;font-size:14px;font-weight:600;border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn svg{width:17px;height:17px}.primary{background:var(--ink);color:#0a0a0a}.primary:hover{background:#b4b4b4}.secondary{background:#0a0a0a;border-color:var(--line)}.secondary:hover{background:#141414}.icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;color:#7b7b7b}.icon-btn:hover{background:#171717;color:var(--ink)}.text-btn{color:var(--green);font-weight:700;text-align:left;padding:10px 0}.brand-row{display:flex;align-items:center;gap:12px}.brand{font:700 21px Manrope,var(--font);letter-spacing:-.5px;white-space:nowrap}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:3px;transform:rotate(-9deg);flex-shrink:0;width:26px;height:26px;align-content:center;justify-content:center}.brand-mark i{background:var(--mint);border-radius:2px}.brand-mark i:nth-child(2){opacity:.65}.brand-mark i:nth-child(3){opacity:.45}.version{font:500 10px var(--font);letter-spacing:0;color:#5e5e5e;border:1px solid #b1b1b1;border-radius:4px;padding:2px 4px;margin-left:7px;vertical-align:middle}.avatar{width:40px;height:40px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:13px;color:#9b9b9b;background:#1b1b1b;border:1px solid #252525;font-family:Manrope,var(--font);font-weight:750;font-size:17px}.avatar.blue{color:#888888;background:#1a1a1a;border-color:#222222}.avatar.teal{color:#949494;background:#1a1a1a;border-color:#252525}.avatar.orange{color:#797979;background:#171717;border-color:#242424}.avatar.purple{color:#838383;background:#1c1c1c;border-color:#292929}.avatar.small{width:32px;height:32px;border-radius:10px;font-size:14px}.avatar.large{width:72px;height:72px;border-radius:24px;font-size:28px}.shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--nav);color:#2b2b2b;position:fixed;inset:0 auto 0 0;width:218px;padding:28px 17px 15px;display:flex;flex-direction:column;z-index:20}.sidebar>.brand-row{padding:0 9px;color:#0a0a0a}.workspace-name{margin:32px 3px 28px;padding:12px 9px;display:flex;gap:10px;align-items:center;border:1px solid #bebebe;border-radius:9px}.workspace-name>span{width:30px;height:30px;display:grid;place-content:center;flex-shrink:0;border-radius:8px;background:#c5c5c5;color:#3b3b3b;font-size:13px}.workspace-name strong{font-size:14px;display:block;max-width:126px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.workspace-name small{display:block;color:#6f6f6f;margin-top:3px;font-size:12px}.sidebar>.eyebrow,.recent>.eyebrow{padding-left:12px;color:#828282;font-size:12px}.nav{margin:10px 0 16px;display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;border-radius:8px;text-align:left;padding:11px 12px;font-size:14px;color:#646464}.nav button.selected{background:#242424;color:#c4c4c4;font-weight:650}.nav button:hover:not(.selected){background:#cccccc;color:#262626}.nav svg{width:18px;height:18px}.nav small{margin-left:auto;opacity:.6}.sidebar-new{background:#cbcbcb;border:1px solid #b7b7b7;color:#373737;font-size:14px;padding:10px}.recent{margin-top:30px;display:grid;gap:13px}.recent button{display:flex;align-items:center;gap:9px;padding:2px 12px;color:#646464;font-size:13px;text-align:left;min-height:30px}.recent button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.recent p{color:#868686;font-size:13px;padding:0 12px}.task-dot{width:5px;height:5px;border-radius:50%;background:#757575;flex-shrink:0}.task-dot.completed{background:#3a3a3a}.task-dot.running{background:#4c4c4c}.sidebar-bottom{margin-top:auto;padding-top:24px}.autonomy-note{display:flex;gap:10px;padding:17px 8px;color:#4e4e4e}.autonomy-note svg{width:15px;margin-top:1px}.autonomy-note strong{font-size:12px}.autonomy-note p{font-size:12px;margin-top:4px;color:#7e7e7e}.user-row{border-top:1px solid #bfbfbf;padding-top:19px;display:flex;align-items:center;gap:9px}.user-row .avatar{background:#b8b8b8;border-color:#a6a6a6;color:#2c2c2c;width:33px;height:33px;border-radius:10px;font-size:14px}.user-row>div{flex:1;min-width:0}.user-row strong{font-size:13px;display:block}.user-row small{color:#7f7f7f;font-size:12px;display:block;margin-top:3px}.user-row .icon-btn{color:#717171;width:30px;height:36px}.main{grid-column:2;min-width:0}.topbar{height:65px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0a0a0a}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:14px}.breadcrumb>span{color:#707070}.breadcrumb>svg{width:12px;height:12px;color:#4c4c4c}.breadcrumb strong{font-weight:600}.topbar-right{display:flex;align-items:center;gap:22px}.connection{display:inline-flex;align-items:center;gap:7px;color:#818181;font-size:13px;font-weight:500;white-space:nowrap}.connection i,.pill i{width:5px;height:5px;flex-shrink:0;background:#696969;border-radius:50%}.connection.connected i{background:#686868}.connection.demo i{background:#686868}.owner-label{font-size:12px;padding-left:20px;border-left:1px solid var(--line);color:#727272}.mobile-brand,.mobile-account,.bottom-nav{display:none}.demo-banner{background:#151515;border-bottom:1px solid #222222;min-height:33px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#838383;font-size:12px}.demo-banner button{min-height:32px;color:#8d8d8d;font-size:12px;white-space:nowrap}.demo-banner svg{width:12px;height:12px;margin-left:6px}.content{padding:28px 30px 32px;max-width:1640px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;min-width:0}.page-heading>div{min-width:0}.page-heading p{font-size:14px;color:#858585;margin-top:8px;overflow-wrap:anywhere;max-width:650px}.page-heading .compact{font-size:14px;min-height:38px;padding:9px 13px}.conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:22px;align-items:start}.chat-card{border:1px solid var(--line);border-radius:var(--radius);background:#0a0a0a;height:calc(100dvh - 216px);min-height:580px;display:flex;flex-direction:column;min-width:0;overflow:hidden;box-shadow:none}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 23px;border-bottom:1px solid #181818;flex-shrink:0}.person{display:flex;align-items:center;gap:12px;min-width:0}.person h2{font-size:14px}.person h2 span{font:400 11px var(--font);color:#868686;margin-left:7px}.person p{font-size:12px;color:#868686;margin-top:4px}.autonomous-tag{display:flex;align-items:center;gap:5px;font-size:12px;color:#7a7a7a;white-space:nowrap;border:1px solid #1e1e1e;padding:6px 8px;border-radius:6px;background:#0e0e0e}.autonomous-tag svg{width:12px;height:12px}.details-toggle{display:none}.chat-messages{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#252525 transparent;padding:24px 23px;overscroll-behavior:contain}.welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 0}.manager-orbit{position:relative;padding:13px;margin-bottom:16px}.manager-orbit:before{content:'';position:absolute;inset:0;border:1px dashed #282828;border-radius:50%;transform:rotate(-20deg)}.orbit-spark{position:absolute;right:2px;bottom:7px;width:25px;height:25px;background:var(--green);border:3px solid #0a0a0a;border-radius:50%;color:#171717;display:grid;place-content:center}.orbit-spark svg{width:12px;height:12px}.welcome>.eyebrow{font-size:12px;letter-spacing:1.7px;color:#707070}.welcome h2{font-size:24px;font-weight:750;letter-spacing:-.8px;margin:11px 0 9px}.welcome>p{color:#8c8c8c;font-size:14px;line-height:1.8}.prompt-grid{display:grid;gap:9px;width:100%;max-width:370px;margin-top:26px}.prompt-grid button{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;column-gap:8px;align-items:center;text-align:left;background:#0e0e0e;border:1px solid #1d1d1d;border-radius:10px;padding:13px 14px}.prompt-grid button:hover{background:#141414;border-color:#2d2d2d}.prompt-grid svg:first-child{grid-row:1/3;color:#727272;width:18px;height:18px}.prompt-grid strong{font-weight:600;font-size:14px}.prompt-grid span{font-size:12px;color:#858585;margin-top:4px}.prompt-grid svg:last-child{grid-column:3;grid-row:1/3;width:15px;height:15px;color:#858585}.composer{margin:0 20px;background:#0e0e0e;border:1px solid #252525;border-radius:11px;padding:12px 14px 10px;flex-shrink:0;box-shadow:none}.composer textarea{resize:none;border:0;background:transparent;padding:2px;min-height:49px;max-height:130px;font-size:14px;line-height:1.7;outline:none}.composer:focus-within{border-color:#525252;box-shadow:0 0 0 3px rgba(32,32,32,0.4)}.compose-footer{display:flex;align-items:center;gap:12px;justify-content:space-between}.compose-footer>span{font-size:12px;line-height:1.5;color:#828282}.send-btn{display:grid;place-content:center;flex-shrink:0;width:36px;height:36px;background:var(--ink);color:#212121;border-radius:9px}.send-btn:hover{background:#ababab}.send-btn svg{width:18px;height:18px}.composer-caption{text-align:center;font-size:12px;color:#818181;line-height:1.6;margin:9px 15px 14px}.work-sidebar{display:flex;flex-direction:column;gap:18px;max-height:calc(100dvh - 216px);min-height:580px;overflow:auto;scrollbar-width:thin;scrollbar-color:#252525 transparent;min-width:0}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#0a0a0a;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:14px}.panel-heading>span:not(.pill){font-size:12px;color:#828282}.panel-subtitle{font-size:12px;color:#838383;margin:7px 0 15px}.roster-person{display:flex;align-items:center;gap:10px;padding:8px 0;width:100%;text-align:left;border-radius:7px}.roster-person:hover{background:#0f0f0f}.roster-person>span:nth-child(2){flex:1;min-width:0}.roster-person strong{display:block;font-size:13px;font-weight:600}.roster-person small{display:block;font-size:12px;color:#848484;margin-top:3px}.presence{width:6px;height:6px;border-radius:50%;background:#4d4d4d;margin-right:3px;flex-shrink:0}.presence.off{background:#3a3a3a}.presence.working{background:#666666;box-shadow:0 0 0 3px #1b1b1b}.roster-link{display:flex;width:100%;align-items:center;justify-content:space-between;border-top:1px solid #171717;margin-top:12px;padding:17px 0 0;font-size:12px;color:#676767;min-height:34px}.roster-link svg{width:14px;height:14px}.how-it-works{background:#151515;border-color:#222222;padding:21px}.how-it-works .eyebrow{font-size:12px;color:#6c6c6c}.how-it-works h3{font-size:16px;line-height:1.6;margin:12px 0 15px;color:#8e8e8e;letter-spacing:-.3px}.how-it-works>div{display:flex;gap:12px;align-items:center;margin-top:12px}.how-it-works>div>span{font-size:12px;color:#5f5f5f;font-weight:600}.how-it-works p{font-size:12px;line-height:1.5;color:#686868}.message{display:flex;gap:10px;margin-bottom:23px}.message>div{max-width:92%;min-width:0}.message-meta{display:flex;gap:9px;align-items:center;font-size:13px;margin-bottom:7px}.message-meta strong{font-weight:600}.message-meta>span{color:#818181;font-size:12px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;background:#101010;border:1px solid #1b1b1b;border-radius:0 12px 12px;padding:14px 16px;color:#949494}.owner-message{justify-content:flex-end}.owner-message>div{max-width:85%}.owner-message .message-meta{justify-content:flex-end}.owner-message .bubble{background:#161616;border-color:#202020;border-radius:12px 0 12px 12px;color:#949494}.agent-message{margin:4px 0 15px 42px;border:1px solid #1c1c1c;border-radius:10px}.agent-message summary{list-style:none;display:flex;align-items:center;gap:9px;padding:12px;cursor:pointer}.agent-message summary>span:nth-child(2){flex:1;min-width:0}.agent-message summary strong{display:block;font-size:13px}.agent-message summary small{display:block;margin-top:4px;font-size:12px;color:#888888;overflow-wrap:anywhere}.agent-message summary svg{width:14px;color:#818181}.agent-message[open] summary>svg{transform:rotate(90deg)}.message-body,.step-output{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;padding:14px;border-top:1px solid #181818;color:#7d7d7d;max-height:400px;overflow:auto}.system-message{text-align:center;font-size:13px;color:#646464;line-height:1.7;margin:20px}.work-indicator{display:flex;align-items:center;gap:9px;padding:8px 22px 13px;font-size:12px;color:#6b6b6b;flex-shrink:0}.work-indicator>span:nth-child(2){flex:1;min-width:0}.work-indicator button{font-size:12px;color:#828282;min-height:32px;padding:5px 10px;border:1px solid #1f1f1f;border-radius:6px}.pulse{width:6px;height:6px;border-radius:50%;background:#666666;animation:pulse 1.6s infinite;flex-shrink:0}@keyframes pulse{50%{box-shadow:0 0 0 4px rgba(58,58,58,0.267)}}.completion-banner{display:flex;align-items:center;gap:10px;padding:14px;background:#151515;border:1px solid #212121;border-radius:10px;margin-top:10px}.completion-banner>svg{width:18px;color:#656565}.completion-banner>div{flex:1;min-width:0}.completion-banner strong{font-size:13px;color:#828282}.completion-banner p{font-size:12px;color:#818181;margin-top:4px}.completion-banner .icon-btn{width:32px;height:32px}.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:#707070;background:#151515;padding:5px 8px;border-radius:5px}.pill i{background:currentColor;width:4px;height:4px}.pill.completed{background:#151515;color:#717171}.pill.running,.pill.planning,.pill.reviewing,.pill.queued{color:#727272;background:#121212}.pill.failed,.pill.needs_attention,.pill.needs_input,.pill.blocked{color:#707070;background:#141414}.pill.cancelled,.pill.draft{color:#5f5f5f;background:#151515}.mission{padding:17px}.mission .panel-heading{flex-wrap:wrap}.steps{margin-top:19px}.step{margin-top:15px}.step summary{display:flex;gap:10px;align-items:flex-start;list-style:none;cursor:pointer}.step-dot{width:24px;height:24px;border-radius:50%;background:#151515;display:grid;place-content:center;flex-shrink:0;color:#5b5b5b}.step-dot svg{width:11px;height:11px}.step.completed .step-dot{color:#6f6f6f;background:#161616}.step.failed .step-dot{color:#757575;background:#181818}.step summary>span:last-child{min-width:0}.step summary strong{font-size:13px;font-weight:500;line-height:1.6;display:block;overflow-wrap:anywhere}.step summary small{font-size:12px;color:#848484;margin-top:3px;display:block;line-height:1.6}.step-output{margin-top:12px;background:#0e0e0e;border-radius:8px;padding:10px;font-size:13px}.sources{display:grid;gap:10px;margin-top:12px}.sources a{display:flex;gap:5px;font-size:12px;overflow-wrap:anywhere;color:#747474}.sources svg{width:12px;height:12px}.tool-evidence{font-size:12px;margin-top:10px;color:#6b6b6b;overflow-wrap:anywhere}.tool-evidence pre{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:10px;background:#131313;line-height:1.6}.review-checks,.task-files{border-top:1px solid #1b1b1b;margin-top:22px;padding-top:17px}.review-checks h3,.task-files h3{font-size:13px;margin-bottom:14px}.review-check{display:flex;align-items:flex-start;gap:8px;margin-top:13px}.review-check>svg{width:12px;height:12px;margin-top:2px;color:#535353}.review-check.needs-work>svg{color:#626262}.review-check strong{font-size:12px;font-weight:500;display:block}.review-check small{font-size:12px;color:#5b5b5b;display:block;margin-top:4px;line-height:1.6;overflow-wrap:anywhere}.task-files h3 span{color:#585858;margin-left:5px}.file-row{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:53px;border-bottom:1px solid #191919;color:#6f6f6f}.file-row>svg{width:17px;height:17px}.file-row>span{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}.file-row small{display:block;font-size:12px;color:#828282;margin-top:4px}.file-row>svg:last-child{width:14px;height:14px}.summary-detail{font-size:13px;color:#707070;margin-top:16px}.summary-detail summary{cursor:pointer;min-height:30px}.summary-detail p{white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere;padding-top:10px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.agent-card{border:1px solid var(--line);border-radius:var(--radius);padding:23px;text-align:left;background:#0a0a0a;transition:border-color .15s}.agent-card:hover{border-color:#3d3d3d}.agent-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.agent-card h2{font-size:20px;margin-bottom:6px}.agent-role{font-size:14px;color:#6e6e6e;font-weight:500}.agent-card>p{font-size:14px;color:#868686;margin:15px 0 24px;min-height:42px}.agent-tool{border-top:1px solid #191919;padding-top:16px;display:flex;align-items:center;gap:9px;font-size:13px;color:#6c6c6c}.agent-tool svg{width:15px;height:15px}.agent-tool svg:last-child{margin-left:auto}.task-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{padding:10px 12px;min-height:40px;font-size:14px;color:#828282;border:1px solid transparent;border-radius:7px}.filters button.selected{background:#171717;color:#767676;border-color:#232323}.search{margin:0;display:flex;align-items:center;gap:8px;border:1px solid #212121;border-radius:8px;padding-left:12px;background:#0a0a0a}.search svg{width:15px;color:#545454}.search input{border:0;background:none;font-size:14px;padding:11px;width:200px;outline:none}.task-list{display:grid;gap:12px}.task-card{display:flex;align-items:center;gap:19px;text-align:left;background:#0a0a0a;border:1px solid var(--line);border-radius:12px;padding:20px}.task-card:hover{border-color:#343434}.task-card-icon{width:43px;height:45px;border-radius:10px;background:#141414;color:#5e5e5e;display:grid;place-content:center;flex-shrink:0}.task-card-main{flex:1;min-width:0}.task-card h3{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.task-card p{font-size:13px;color:#828282;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.task-card-meta{display:flex;gap:14px;align-items:center;margin-top:12px;font-size:12px;color:#7f7f7f}.task-card>svg{color:#424242;width:15px;height:15px}.files-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.file-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#0a0a0a}.file-visual{height:150px;border-radius:8px;background:#121212;display:grid;place-content:center;overflow:hidden}.file-visual>svg{width:36px;height:36px;color:#444444}.file-visual img{width:100%;max-height:150px;object-fit:contain}.file-task{font-size:12px;color:#828282;padding:14px 0 0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow-wrap:anywhere;width:100%}.file-task svg{width:12px;height:12px}.empty{padding:65px 20px;text-align:center;grid-column:1/-1;color:#424242;border:1px dashed #252525;border-radius:14px}.empty>svg{width:30px;height:30px}.empty h3{font-size:17px;color:#6a6a6a;margin-top:20px}.empty p{font-size:14px;color:#7d7d7d;margin-top:9px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start;max-width:1050px}.settings-panel{padding:26px;margin-bottom:22px}.settings-panel h2{display:flex;align-items:center;gap:10px;margin-bottom:12px}.settings-panel h2 svg{color:#565656;width:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-hint{font-size:13px;color:#848484;margin-top:8px;line-height:1.8}.toggle{display:flex;gap:12px;align-items:flex-start;font-weight:400;border-top:1px solid #191919;padding-top:18px}.toggle input{width:17px;height:17px;flex-shrink:0;accent-color:var(--green);margin:0}.toggle strong{font-size:14px;font-weight:500}.toggle small{display:block;font-size:13px;color:#848484;line-height:1.7;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;flex-wrap:wrap}.settings-info{padding:26px;margin-bottom:23px;background:#151515;border-color:#222222}.settings-info h2{font-size:20px;margin:13px 0 17px;line-height:1.6;color:#7e7e7e}.settings-info p{color:#626262;font-size:14px;margin:15px 0}.settings-info>.field-hint{font-size:13px;color:#848484}.capabilities{display:grid;gap:17px;margin:25px 0;color:#636363;font-size:13px}.capabilities span{display:flex;align-items:center;gap:10px}.capabilities svg{width:16px;height:16px}.notice{padding:13px 15px;border:1px solid #262626;border-radius:9px;background:#0e0e0e;color:#686868;font-size:14px;line-height:1.8;margin:15px 0}.inline-notice{margin:0 20px 12px;font-size:13px}.inline-notice .text-btn{font-size:13px;min-height:36px}.error-message{color:#7e7e7e;font-size:14px}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{background:var(--nav);color:#0a0a0a;display:flex;flex-direction:column;justify-content:space-between;padding:50px 60px}.auth-story h1{font-size:46px;letter-spacing:-2px;line-height:1.22;margin:24px 0}.auth-story h1 em{color:var(--mint);font-style:normal}.auth-story p{max-width:390px;color:#616161;font-size:16px;line-height:1.9}.auth-story>small{color:#7e7e7e;font-size:13px}.auth-loop{display:flex;align-items:center;gap:15px;font-size:14px;color:#666666;margin-top:35px}.auth-loop span{color:#a0a0a0}.auth-form{display:flex;justify-content:center;align-items:center;padding:45px 30px;background:#0a0a0a}.auth-panel{width:100%;max-width:380px}.auth-panel>h1{font-size:30px;margin:12px 0}.auth-panel>p{color:#626262;font-size:14px;margin-bottom:26px}.auth-panel .btn{width:100%;margin-top:16px}.auth-panel>small{display:block;text-align:center;font-size:12px;margin-top:22px}.auth-divider{display:flex;align-items:center;gap:14px;font-size:12px;color:#4b4b4b;margin-top:27px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-panel .error-message{margin-top:14px}.boot{height:100dvh;display:flex;align-items:center;justify-content:center;gap:15px;color:#727272}.boot .brand-mark{background:var(--ink);border-radius:7px}.boot p{font-size:14px}dialog{width:min(590px,calc(100% - 32px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:18px;box-shadow:none;color:var(--ink)}dialog::backdrop{background:rgba(214,214,214,0.4);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:18px 23px;position:sticky;top:0;z-index:2;background:#0a0a0a}.modal-head h2{font-size:16px}.modal-body{padding:22px 23px}.modal-body>form>label:first-child{margin-top:0}.modal-body>.panel{margin-bottom:18px}.modal-body .team-roster{padding:20px}.modal-body .mission{padding:20px}.modal-body .roster-person strong{font-size:14px}.modal-body .roster-person small{font-size:13px}.modal-body .step summary strong{font-size:14px}.modal-body .step summary small{font-size:13px}.modal-body .file-row>span{font-size:14px}.modal-body .review-check strong{font-size:14px}.modal-body .review-check small{font-size:13px}.modal-body .mission .panel-heading h2{font-size:16px}code{background:#171717;padding:2px 4px;border-radius:4px;overflow-wrap:anywhere}#toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;visibility:hidden;pointer-events:none;max-width:min(520px,calc(100% - 32px));background:#bfbfbf;color:#181818;border:1px solid #a2a2a2;border-radius:10px;padding:15px 21px;font-size:14px;line-height:1.7;box-shadow:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:1500px){.content{padding:32px 42px}.conversation-layout{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.chat-card,.work-sidebar{min-height:650px;height:calc(100dvh - 225px)}.work-sidebar{height:auto}.welcome h2{font-size:29px}.welcome>p{font-size:14px}.prompt-grid{max-width:420px}.prompt-grid strong{font-size:14px}.prompt-grid span{font-size:13px}.composer textarea{font-size:14px}.team-roster .roster-person{padding:10px 0}.roster-person strong{font-size:14px}.roster-person small{font-size:13px}}
@media(max-width:1120px){.shell{grid-template-columns:188px minmax(0,1fr)}.sidebar{width:188px;padding:24px 12px 15px}.sidebar .brand{font-size:19px}.workspace-name{padding:10px 7px}.workspace-name strong{max-width:105px}.nav button{padding:11px 10px}.content{padding:24px 22px}.topbar,.demo-banner{padding-left:22px;padding-right:22px}.conversation-layout{grid-template-columns:minmax(0,1fr) 248px;gap:16px}.panel{padding:16px}.chat-header{padding:17px}.chat-messages{padding:20px 17px}.chat-header .autonomous-tag{display:none}.composer{margin:0 15px}.person h2 span{font-size:12px}.person p{font-size:12px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome h2{font-size:21px}.prompt-grid{margin-top:20px}.welcome{padding:5px 0}.welcome>p{font-size:13px}.prompt-grid strong{font-size:13px}.prompt-grid span{font-size:12px}.auth-story{padding:40px}.auth-story h1{font-size:39px}.settings-grid{grid-template-columns:1fr}.settings-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-panel,.settings-info{padding:22px}.task-toolbar{flex-wrap:wrap}.page-heading p{max-width:530px}}
@media(max-width:940px) and (min-width:761px){.conversation-layout{grid-template-columns:1fr}.work-sidebar{display:none}.details-toggle{display:inline-flex}.chat-header .autonomous-tag{display:flex}.chat-header{justify-content:flex-start}.details-toggle{margin-left:auto}.chat-card{height:calc(100dvh - 206px)}.settings-grid>div{grid-template-columns:1fr}}
@media(max-width:760px){body{font-size:16px}.shell{display:block;padding-bottom:calc(67px + env(safe-area-inset-bottom))}.sidebar{display:none}.topbar{height:59px;padding:0 17px;gap:9px}.breadcrumb,.owner-label{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-family:Manrope,var(--font);font-size:16px;letter-spacing:-.5px}.mobile-brand .brand-mark i{background:#7a7a7a}.mobile-brand .brand-mark{width:22px;height:22px;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px)}.topbar-right{gap:9px}.connection{font-size:12px}.mobile-account{display:inline-flex;width:36px;height:40px}.mobile-account svg{width:17px;height:17px}.demo-banner{padding:0 17px;min-height:33px;font-size:12px;gap:7px}.demo-banner button{font-size:12px;min-height:33px}.demo-banner svg{width:11px;margin-left:2px}.content{padding:20px 16px 28px}.page-heading{margin-bottom:18px;gap:12px;align-items:flex-start}.page-heading h1{font-size:23px;letter-spacing:-.7px}.page-heading p{font-size:13px;line-height:1.7;margin-top:7px}.page-heading .compact{width:42px;height:42px;padding:0;flex-shrink:0}.page-heading .compact span{display:none}.page-heading>.btn:not(.compact){font-size:13px;padding:10px;min-height:44px}.conversation-layout{display:block}.work-sidebar{display:none}.chat-card{min-height:440px;height:calc(100dvh - 252px - env(safe-area-inset-bottom));border-radius:13px}.chat-header{padding:13px 14px;min-height:68px}.chat-header .avatar{width:36px;height:36px;border-radius:11px;font-size:16px}.person{gap:10px}.person h2{font-size:14px}.person h2 span{font-size:13px}.person p{font-size:12px;margin-top:4px}.chat-header .autonomous-tag{display:none}.details-toggle{display:inline-flex;width:44px;height:44px}.chat-messages{padding:18px 13px}.welcome{padding:5px 0}.manager-orbit{margin-bottom:10px;padding:10px}.avatar.large{width:51px;height:51px;border-radius:18px;font-size:23px}.orbit-spark{bottom:1px;right:0}.welcome>.eyebrow{font-size:12px;letter-spacing:1.3px}.welcome h2{font-size:20px;margin:10px 0 7px}.welcome>p{font-size:13px;line-height:1.8}.prompt-grid{margin-top:20px;gap:8px;max-width:370px}.prompt-grid button{padding:12px;grid-template-columns:26px minmax(0,1fr) 15px;min-height:53px}.prompt-grid strong{font-size:13px}.prompt-grid span{font-size:12px}.composer{margin:0 12px;padding:10px 10px 8px;border-radius:10px}.composer textarea{font-size:16px;min-height:51px;line-height:1.45}.compose-footer{gap:9px}.compose-footer>span{font-size:12px;max-width:220px}.send-btn{width:44px;height:44px;border-radius:9px}.composer-caption{font-size:12px;line-height:1.5;margin:8px 10px 11px}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(67px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));align-items:stretch;justify-content:space-around;background:#0b0b0b;border-top:1px solid #202020;z-index:30;box-shadow:none}.bottom-nav button{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:9px;color:#565656;min-height:48px;font-size:12px}.bottom-nav svg{width:19px;height:19px}.bottom-nav .selected{color:#838383;background:#141414}.chat-content{padding-bottom:17px}.message{gap:7px;margin-bottom:19px}.message .avatar.small{width:27px;height:27px;border-radius:9px;font-size:13px}.message>div{max-width:calc(100% - 34px)}.owner-message>div{max-width:91%}.message-meta{font-size:12px}.message-meta>span{font-size:12px}.bubble{padding:12px;font-size:14px;line-height:1.8}.agent-message{margin-left:34px}.agent-message summary{padding:10px;gap:8px}.agent-message .avatar.small{width:28px;height:28px;font-size:13px;border-radius:8px}.agent-message summary small{font-size:12px}.message-body{font-size:13px}.work-indicator{padding:6px 14px 9px;font-size:12px;gap:7px}.work-indicator button{min-height:40px;padding:5px 11px;font-size:12px}.completion-banner{padding:12px}.completion-banner strong{font-size:12px}.completion-banner p{font-size:12px}.team-grid{gap:13px}.agent-card{padding:16px}.agent-card-top{margin-bottom:18px;gap:7px}.agent-card-top .pill{font-size:12px;padding:4px 6px;gap:4px}.agent-card .avatar{width:34px;height:34px;font-size:16px;border-radius:11px}.agent-card h2{font-size:19px}.agent-role{font-size:12px;display:block;min-height:29px;line-height:1.5}.agent-card>p{font-size:13px;line-height:1.7;min-height:74px;margin:10px 0 15px}.agent-tool{font-size:12px;gap:6px;line-height:1.6;padding-top:14px}.agent-tool svg{width:12px;height:12px}.agent-tool svg:last-child{display:none}.task-toolbar{gap:15px;align-items:stretch;margin-bottom:18px}.filters{width:100%;gap:3px}.filters button{flex:1;font-size:12px;padding:10px 6px;min-height:44px}.search{width:100%;padding-left:13px}.search input{width:100%;font-size:16px;min-height:45px}.task-card{padding:16px 13px;gap:10px;align-items:flex-start}.task-card-icon{width:31px;height:34px;border-radius:8px;margin-top:2px}.task-card-icon svg{width:16px;height:16px}.task-card h3{font-size:14px;line-height:1.7}.task-card p{font-size:12px}.task-card-meta{gap:9px;flex-wrap:wrap;font-size:12px;margin-top:11px}.task-card>svg{width:12px;margin-top:8px}.pill{font-size:12px}.files-grid{grid-template-columns:1fr 1fr;gap:13px}.file-card{padding:11px}.file-visual{height:112px}.file-visual img{max-height:112px}.file-visual>svg{width:29px;height:29px}.file-card .file-row{gap:6px;min-height:64px}.file-card .file-row>span{font-size:12px}.file-card .file-row>svg:first-child{display:none}.file-task{font-size:12px;min-height:44px}.empty{padding:45px 20px}.empty h3{font-size:16px;line-height:1.6}.empty p{font-size:14px}.settings-grid{display:block}.settings-grid>div{display:block}.settings-panel,.settings-info{padding:20px}.settings-panel h2{font-size:16px}.settings-info h2{font-size:19px}.settings-panel label{font-size:14px}input,textarea,select{font-size:16px;min-height:45px}.form-grid{gap:12px}.form-grid label{font-size:14px}.settings-panel .form-actions .btn{font-size:13px;padding:10px 12px}.toggle{gap:10px}.toggle input{min-height:18px;width:18px;height:18px}.toggle small{font-size:13px}.settings-panel>.btn{min-height:44px}.auth{grid-template-columns:1fr}.auth-story{padding:23px}.auth-story>div:nth-child(2),.auth-story>small{display:none}.auth-story>.brand-row{justify-content:center}.auth-form{padding:40px 25px;align-items:flex-start}.auth-panel>h1{font-size:30px}.auth-panel label{font-size:14px}.auth-panel .btn{min-height:48px}.auth-panel>small{font-size:12px}.auth{display:block}.auth-panel{max-width:420px}.auth-form{min-height:calc(100dvh - 74px)}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:14px}.modal-head{padding:12px 15px}.modal-head h2{font-size:14px}.modal-body{padding:17px}.modal-body .form-grid{grid-template-columns:1fr}.modal-body label{font-size:14px;margin-top:17px}.modal-body .btn{min-height:44px}.modal-body .mission,.modal-body .team-roster{padding:16px}.modal-body .panel-heading h2{font-size:14px}.modal-body .roster-person{min-height:55px}.modal-body .roster-link{min-height:44px}.modal-body .file-row{min-height:60px}.modal-body .step summary{min-height:44px}.modal-body .summary-detail summary{min-height:44px}.modal-body .review-check small{font-size:12px}.modal-body .step-output{font-size:14px}.modal-body .tool-evidence{font-size:13px}.inline-notice{margin:0 12px 10px;padding:10px 12px;font-size:12px}#toast{bottom:calc(84px + env(safe-area-inset-bottom));font-size:14px;padding:13px 17px;min-width:230px}}
@media(max-width:375px){.content{padding:17px 12px}.topbar,.demo-banner{padding-left:13px;padding-right:13px}.page-heading h1{font-size:21px}.page-heading p{font-size:12px}.page-heading{margin-bottom:16px}.chat-card{height:calc(100dvh - 243px);min-height:430px}.person h2 span{font-size:12px;margin-left:4px}.person p{font-size:12px}.chat-header{padding:11px 12px}.demo-banner{font-size:12px}.demo-banner button{font-size:12px}.team-grid{gap:10px}.agent-card{padding:13px}.agent-role{font-size:12px}.agent-card-top .pill i{display:none}.prompt-grid strong{font-size:12px}.prompt-grid span{font-size:12px}.welcome h2{font-size:18px}.welcome>p{font-size:12px}.compose-footer>span{max-width:185px}.settings-panel .form-grid{grid-template-columns:1fr}.settings-panel .form-grid label{margin-top:13px}.settings-panel .form-grid{gap:0}}
@media(max-width:760px) and (max-height:740px){.chat-card{min-height:410px}.manager-orbit{display:none}.welcome h2{font-size:18px}.welcome>.eyebrow{font-size:12px}.prompt-grid{margin-top:15px}.prompt-grid button{padding:10px;min-height:45px}.welcome{justify-content:flex-start}.chat-messages{padding-top:15px}.page-heading p{display:none}.page-heading{margin-bottom:14px}.chat-card{height:calc(100dvh - 207px - env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Primary reading surfaces and touch controls remain usable at phone sizes. */
.bubble,.message-body,.step-output{font-size:16px}.welcome>p{font-size:14px}.composer textarea{font-size:16px}.composer-caption{font-size:12px;color:#838383}.prompt-grid strong{font-size:14px}.prompt-grid span{font-size:12px}.chat-header .person p{font-size:12px}.roster-person strong{font-size:14px}.roster-person small{font-size:12px}.roster-person{min-height:52px}.page-heading p{color:#878787}.how-it-works p{color:#858585;font-size:13px}.how-it-works .eyebrow{font-size:12px}.how-it-works h3{font-size:16px}.how-it-works>div>span{font-size:12px}.panel-heading h2{font-size:14px}.agent-role,.agent-tool{font-size:14px}.agent-card>p{font-size:14px}.agent-card h2{font-size:20px}.step summary strong{font-size:14px}.step summary small{font-size:12px}.review-check strong{font-size:14px}.review-check small{font-size:12px}.file-row>span{font-size:14px}.file-row small{font-size:12px}.nav button{font-size:14px}.brand{font-size:21px}.page-heading>.btn{min-height:44px}.form-actions .btn{min-height:44px}.completion-banner strong{font-size:14px}.completion-banner p{font-size:12px}.settings-info p{font-size:14px;color:#8e8e8e}.settings-info .field-hint{font-size:13px}.settings-info .capabilities{font-size:14px;color:#8d8d8d}
@media(max-width:760px){.page-heading h1{font-size:22px}.page-heading p{font-size:13px}.chat-header .person p{font-size:12px}.chat-card{height:calc(100dvh - 275px - env(safe-area-inset-bottom));min-height:440px}.bubble,.message-body,.step-output{font-size:15px}.message-meta{font-size:13px}.message-meta>span{font-size:12px}.compose-footer>span{font-size:12px}.composer-caption{font-size:12px;margin:8px 10px 11px}.welcome h2{font-size:21px}.welcome>p{font-size:14px}.prompt-grid strong{font-size:14px}.prompt-grid span{font-size:12px}.prompt-grid button{min-height:60px}.demo-banner{font-size:11px}.demo-banner button{font-size:12px}.bottom-nav button{font-size:12px}.connection{font-size:12px}.team-grid{grid-template-columns:1fr 1fr}.agent-card>p{font-size:14px;min-height:96px}.agent-role{min-height:42px;font-size:14px}.agent-tool{font-size:12px}.agent-card-top .pill{font-size:11px}.agent-card{padding:16px 13px}.filters button{font-size:12px}.task-card h3{font-size:15px}.task-card p{font-size:13px}.task-card-meta{font-size:12px}.pill{font-size:12px}.file-card .file-row>span{font-size:14px}.file-task{font-size:12px}.work-indicator{font-size:12px}.work-indicator button{font-size:12px}.files-grid{grid-template-columns:1fr}.file-visual{height:140px}.agent-message summary small{font-size:12px}.agent-message summary strong{font-size:13px}.file-card .file-row>svg:first-child{display:block}.modal-body .step-output{font-size:14px}}
@media(max-width:760px) and (max-height:740px){.chat-card{height:calc(100dvh - 220px - env(safe-area-inset-bottom));min-height:410px}}

/* Fit the conversation and its composer into the actual viewport. */
.chat-main{height:100dvh;display:flex;flex-direction:column}.chat-main>.topbar,.chat-main>.demo-banner{flex-shrink:0}.chat-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0 auto}.chat-content>.page-heading{flex-shrink:0}.conversation-layout{flex:1;min-height:0;align-items:stretch}.chat-card{height:100%;min-height:0}.work-sidebar{height:100%;max-height:100%;min-height:0}.welcome{justify-content:flex-start;padding-top:16px}.manager-orbit{flex-shrink:0}.chat-messages:has(.welcome){scroll-padding-top:15px}.welcome .prompt-grid{flex-shrink:0}
@media(max-width:760px){.chat-main{height:calc(100dvh - 67px - env(safe-area-inset-bottom))}.chat-content{padding-bottom:15px}.conversation-layout{display:flex;flex-direction:column}.chat-card{flex:1;min-height:0}.chat-header{flex-shrink:0}.welcome{padding-top:6px}.composer-caption{flex-shrink:0}.person p{max-width:235px}.person h2 span{font-size:12px}}
/* Connected accounts, inbox and activity. */
.channel-overview{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#191919;border:1px solid #222222;border-radius:16px;padding:29px 30px;margin-bottom:25px}.channel-overview h2{font-size:23px;letter-spacing:-.65px;margin:9px 0}.channel-overview p{color:#8a8a8a;font-size:14px}.channel-stats{display:flex;gap:32px;text-align:center}.channel-stats>div{display:grid;gap:6px}.channel-stats strong{font:700 31px Manrope,Arial,sans-serif}.channel-stats span{font-size:12px;color:#8b8b8b;white-space:nowrap}.channel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 21px}.channel-tabs{display:flex;gap:7px;border-bottom:1px solid #262626}.channel-tabs button{min-height:47px;padding:10px 17px;border-bottom:2px solid transparent;font-weight:600;color:#828282}.channel-tabs .selected{color:#adadad;border-color:#858585}.channel-tabs span{font-size:11px;background:#202020;padding:2px 6px;border-radius:6px;margin-left:3px}.channel-help{font-size:12px;color:#818181}.channel-toolbar select{width:auto;max-width:270px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.account-card{min-width:0;border:1px solid #222222;border-radius:14px;background:#0a0a0a;padding:22px 21px 0;overflow:hidden}.account-card-head{display:flex;align-items:center;gap:12px;min-width:0}.account-card-head>div{flex:1;min-width:0}.account-card-head>div>span{font-size:12px;color:#848484;display:block;margin-bottom:4px}.account-card-head h3{font-size:15px;overflow-wrap:anywhere;line-height:1.5}.provider-mark{display:inline-flex;width:42px;height:42px;flex-shrink:0;border-radius:12px;align-items:center;justify-content:center;font-weight:750;font-size:21px;letter-spacing:-1px;background:#181818;color:#8f8f8f}.provider-mark.red{background:#1a1a1a;color:#7e7e7e}.provider-mark.blue{background:#191919;color:#878787}.provider-mark.purple{background:#1b1b1b;color:#838383}.provider-mark.green{background:#171717;color:#858585;font-size:15px}.account-assignee{display:flex;align-items:center;gap:9px;margin:23px 0 18px}.account-assignee>div{flex:1;min-width:0;display:grid;gap:3px}.account-assignee strong{font-size:13px}.account-assignee>div>span{font-size:12px;color:#818181}.channel-status{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.5;border-radius:6px;background:#181818;color:#848484;padding:4px 8px;font-size:11px;font-weight:600}.channel-status.replied,.channel-status.accepted,.channel-status.delivered,.channel-status.read{color:#8c8c8c;background:#181818}.channel-status.queued,.channel-status.queued_manual,.channel-status.processing,.channel-status.sending{color:#8d8d8d;background:#171717}.channel-status.needs_attention,.channel-status.unknown{background:#171717;color:#838383}.channel-status.failed{background:#1c1c1c;color:#8b8b8b}.account-permissions{display:flex;flex-wrap:wrap;gap:8px 15px;min-height:44px;align-content:flex-start}.account-permissions>span{font-size:12px;color:#8b8b8b;display:flex;gap:5px;align-items:center}.account-permissions svg{width:12px;height:12px;color:#656565}.account-card-footer{border-top:1px solid #181818;margin:13px -21px 0;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0b0b0b}.account-card-footer>span{font-size:11px;color:#7d7d7d}.account-card-footer button{font-size:12px;color:#8c8c8c;white-space:nowrap;min-height:32px}.account-card-footer svg{width:13px;height:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 17px}.section-heading h2{font-size:17px}.section-heading p{font-size:13px;color:#7d7d7d;margin-top:5px}.section-heading>svg{color:#6d6d6d}.provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.provider-card{border:1px solid #222222;border-radius:12px;background:#0a0a0a;text-align:left;display:flex;align-items:flex-start;flex-direction:column;padding:17px 15px;gap:10px;min-width:0}.provider-card:hover{border-color:#545454;background:#0b0b0b}.provider-card .provider-mark{width:33px;height:33px;border-radius:9px;font-size:17px}.provider-card strong{font-size:13px;line-height:1.6}.provider-card>span:not(.provider-mark){font-size:12px;line-height:1.65;color:#7f7f7f;flex:1}.provider-card small{font-size:11px;color:#8f8f8f;line-height:1.6;margin-top:9px}.provider-card small svg{width:12px;height:12px}.channel-footnote{margin:17px 0 0;line-height:1.8;max-width:850px}.pending-account{display:flex;align-items:center;gap:12px;margin-bottom:15px}.pending-account span{flex:1}.inbox-tools{display:flex;align-items:center;gap:22px;justify-content:space-between;margin:0 0 17px}.inbox-tools p{font-size:13px;max-width:530px;color:#858585}.inbox-list{display:grid;border:1px solid #222222;border-radius:14px;overflow:hidden;background:#0a0a0a}.inbox-row{display:flex;align-items:center;gap:17px;text-align:left;padding:22px 21px;border-bottom:1px solid #181818;min-width:0}.inbox-row:last-child{border:0}.inbox-row:hover{background:#0d0d0d}.inbox-copy{min-width:0;flex:1}.inbox-copy>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.inbox-copy strong{font-size:14px;overflow-wrap:anywhere}.inbox-copy time{font-size:11px;color:#707070;white-space:nowrap}.inbox-copy p{font-size:13px;color:#7f7f7f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inbox-copy>span{display:block;font-size:12px;color:#868686;margin-top:10px;overflow-wrap:anywhere}.inbox-row>svg{width:14px;height:14px;color:#636363}.activity-list{display:grid;gap:15px}.activity-row{background:#0a0a0a;border:1px solid #222222;border-radius:13px;padding:20px;min-width:0}.activity-top{display:flex;align-items:center;gap:12px}.activity-top>div{display:grid;gap:4px;flex:1;min-width:0}.activity-top strong{font-size:14px}.activity-top>div>span{font-size:12px;color:#7f7f7f;overflow-wrap:anywhere}.activity-row>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin:17px 0 10px}.activity-row>small{font-size:12px;color:#7f7f7f}.activity-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:#757575;overflow-wrap:anywhere}.row-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 5px}.permissions-fieldset{border:1px solid #222222;border-radius:10px;padding:10px 15px 17px;margin:22px 0}.permissions-fieldset legend{font-size:13px;font-weight:600;padding:0 5px}.permissions-fieldset .toggle{margin-top:12px;font-weight:400}.modal-intro{font-size:14px;color:#898989;line-height:1.8}.disconnect-row{border-top:1px solid #222222;margin-top:25px;padding-top:15px;display:flex;gap:15px;align-items:center;justify-content:space-between}.disconnect-row>span{font-size:12px;color:#7c7c7c}.danger-text{color:#8a8a8a}.provider-config{border:1px solid #222222;border-radius:10px;padding:15px;margin-top:15px}.provider-config summary{cursor:pointer;font-weight:600;line-height:1.7;font-size:14px}.provider-config summary>span{font-size:11px;color:#7b7b7b;float:right}.callback-list{margin-top:20px;display:grid;gap:8px;font-size:12px;color:#828282}.callback-list code{padding:9px;background:#131313;border-radius:5px;font-size:12px;overflow-wrap:anywhere;white-space:normal;line-height:1.65;user-select:all}.callback-list p{font-size:12px}.message-envelope{display:grid;gap:8px;font-size:12px;color:#838383;margin:15px 0}.message-envelope strong{font-size:15px;color:#b5b5b5;overflow-wrap:anywhere}.message-envelope small{font-size:12px}.message-envelope .channel-status{justify-self:start}.incoming-body{background:#121212;border:1px solid #1c1c1c;border-radius:10px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9;max-height:350px;overflow:auto}.agent-account-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px solid #222222;padding-bottom:17px}.agent-account-count{font-size:12px;color:#7a7a7a;margin:0 0 15px}.mobile-files-link{display:none}.account-error{font-size:12px;line-height:1.7;margin:10px 0;overflow-wrap:anywhere}
@media(max-width:1100px){.channel-overview{padding:24px}.channel-stats{gap:22px}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-card{padding:18px 17px 0}.account-card-footer{margin-left:-17px;margin-right:-17px;padding:10px 16px}.account-assignee{flex-wrap:wrap}.channel-overview h2{font-size:21px}}
@media(max-width:760px){.channel-overview{display:block;padding:22px;margin-bottom:19px}.channel-overview h2{font-size:20px;line-height:1.5}.channel-overview p{font-size:13px}.channel-overview .eyebrow{font-size:11px}.channel-stats{border-top:1px solid #282828;margin-top:20px;padding-top:17px;justify-content:space-between;gap:10px}.channel-stats strong{font-size:26px}.channel-stats span{font-size:12px}.channel-toolbar{margin:17px 0;gap:12px;flex-wrap:wrap}.channel-help{display:none}.channel-tabs{width:100%;gap:5px}.channel-tabs button{flex:1;padding:10px 8px;font-size:14px}.account-grid{grid-template-columns:1fr;gap:14px}.account-card{padding:18px 17px 0}.account-card-head h3{font-size:15px}.account-card-head>div>span{font-size:12px}.account-card-head .provider-mark{width:39px;height:39px}.account-assignee{margin:20px 0 16px}.account-assignee>div>span{font-size:12px}.account-assignee strong{font-size:14px}.channel-status{font-size:11px;padding:5px 7px}.account-permissions{min-height:37px;gap:8px 13px}.account-permissions>span{font-size:12px}.account-card-footer{padding:8px 16px;min-height:50px}.account-card-footer>span{font-size:11px}.account-card-footer button{font-size:12px;min-height:38px}.section-heading{margin-top:27px}.section-heading h2{font-size:17px}.section-heading p{font-size:12px;line-height:1.7;max-width:270px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.provider-card{padding:17px 14px;min-height:195px}.provider-card strong{font-size:14px}.provider-card small{font-size:12px;line-height:1.7}.channel-footnote{font-size:12px}.channel-toolbar select{width:100%;max-width:none}.inbox-tools{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:17px}.inbox-tools p{font-size:13px}.inbox-tools .btn{min-height:44px}.inbox-row{padding:16px 13px;gap:11px;align-items:flex-start;position:relative;flex-wrap:wrap}.inbox-row .provider-mark{width:31px;height:31px;border-radius:9px;font-size:17px}.inbox-copy{flex-basis:calc(100% - 50px)}.inbox-copy>div{display:block}.inbox-copy strong{font-size:14px;line-height:1.6}.inbox-copy time{display:block;font-size:11px;margin-top:4px}.inbox-copy p{font-size:13px;line-height:1.7;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.inbox-copy>span{font-size:12px}.inbox-row>.channel-status{margin-left:42px}.inbox-row>svg{margin-left:auto}.activity-row{padding:17px}.activity-top{gap:10px;flex-wrap:wrap}.activity-top .provider-mark{width:31px;height:31px;font-size:16px;border-radius:9px}.activity-top>div{min-width:140px}.activity-top>.channel-status{margin-left:41px}.activity-row>p{font-size:14px}.activity-meta{font-size:12px}.activity-row>small{overflow-wrap:anywhere}.pending-account{flex-wrap:wrap}.pending-account .btn{margin-left:30px}.modal-body .row-actions{gap:8px}.modal-body .row-actions .btn{font-size:13px;padding:10px 12px}.permissions-fieldset .toggle{margin-top:12px}.incoming-body{font-size:15px;padding:14px;max-height:260px}.provider-config{padding:12px}.provider-config summary{font-size:13px}.provider-config summary>span{float:none;display:block;margin-left:16px}.agent-account-link{font-size:12px}.agent-account-link .btn{font-size:12px;padding:10px}.mobile-files-link{display:block;margin:-6px 0 10px}.mobile-files-link .text-btn{font-size:13px;display:flex;gap:8px;align-items:center}.mobile-files-link svg{width:16px;height:16px}.channel-overview+.notice{margin-top:15px}.page-heading:has(+.channel-overview){display:block}.page-heading:has(+.channel-overview)>.btn{margin-top:14px;padding:10px 13px}}
/* Per-agent website browsers */
.browser-page{min-width:0}.browser-team{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:2px 1px 16px;margin:0 0 10px;scrollbar-width:thin}.browser-person{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:#0a0a0a;border-radius:10px;padding:11px 15px;flex:1;min-width:150px}.browser-person.selected{border-color:#464646;background:#161616;box-shadow:0 0 0 1px #383838}.browser-person strong,.browser-person small{display:block;white-space:nowrap}.browser-person strong{font-size:14px}.browser-person small{font-size:12px;color:#818181;margin-top:4px}.browser-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:22px;align-items:start}.browser-workspace{border:1px solid var(--line);border-radius:15px;background:#0a0a0a;min-width:0;overflow:hidden}.browser-workspace-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 24px 18px}.browser-workspace-head h2{font-size:17px}.browser-workspace-head p{font-size:12px;color:#7e7e7e;margin-top:5px}.browser-service-pill{font-size:11px;font-weight:600;padding:6px 9px;border:1px solid #212121;border-radius:6px;white-space:nowrap;color:#888888}.browser-service-pill.ready{color:#969696;background:#131313;border-color:#252525}.browser-service-pill.demo{color:#818181;background:#121212}.browser-apps{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 20px}.browser-app{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #222222;border-radius:8px;padding:7px 10px;font-size:12px;background:#0a0a0a}.browser-app:hover{border-color:#424242;background:#101010}.browser-app>svg{width:13px;height:13px;color:#686868;margin-left:5px}.app-monogram{width:27px;height:27px;flex-shrink:0;border-radius:8px;background:var(--app-color);color:#0a0a0a;display:inline-flex;align-items:center;justify-content:center;font-weight:750;font-size:16px;letter-spacing:-1px;font-family:Manrope,Arial,sans-serif}.browser-app.add{color:#8f8f8f;border-style:dashed}.browser-app.add>svg{margin-left:0}.browser-modebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 24px 18px;border:1px solid #222222;border-radius:9px;padding:13px;background:#121212}.browser-modebar>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.browser-modebar strong{display:block;font-size:13px}.browser-modebar small{display:block;font-size:11px;color:#7c7c7c;line-height:1.6;margin-top:4px}.browser-control-buttons{display:flex;gap:7px;flex-shrink:0}.browser-control-buttons .btn{font-size:12px;padding:9px 11px;min-height:37px}.remote-browser{margin:0 24px;border:1px solid #262626;border-radius:10px;overflow:hidden;background:#101010;box-shadow:none}.remote-tabs{height:39px;display:flex;align-items:center;gap:8px;background:#181818;padding:0 10px;border-bottom:1px solid #232323}.remote-lights{display:flex;gap:5px;margin:0 7px 0 2px}.remote-lights i{width:7px;height:7px;background:#333333;border-radius:50%}.remote-tabs select{padding:4px 8px;font-size:11px;height:28px;background:#0f0f0f;border-color:#222222;max-width:330px}.remote-tabs>.icon-btn{width:27px;height:27px}.remote-tabs>.icon-btn svg{width:14px;height:14px}.browser-toolbar{padding:7px 8px;display:flex;gap:4px;align-items:center;border-bottom:1px solid #202020;background:#0a0a0a}.browser-toolbar>.icon-btn{width:27px;height:30px;font-size:18px}.browser-address{display:flex;align-items:center;gap:7px;background:#121212;border:1px solid #1e1e1e;padding:0 9px;border-radius:6px;flex:1;min-width:0;margin:0 4px}.browser-address>svg{height:13px;width:13px;color:#6a6a6a}.browser-address input{background:none;border:0;padding:7px 0;font-size:12px;line-height:1.5;font-weight:400}.browser-toolbar .btn{font-size:12px;min-height:31px;padding:5px 9px}.browser-viewport{position:relative;max-width:100%;overflow:auto;aspect-ratio:1280/800;background:#101010}.browser-viewport>img{width:100%;height:auto;display:block;max-width:none;touch-action:pan-x pan-y;user-select:none;outline-offset:-3px}.browser-viewport>img[hidden],.browser-placeholder[hidden]{display:none}.browser-viewport.zoomed>img{width:1280px}.browser-viewport.zoomed{max-height:640px;aspect-ratio:auto;height:500px}.browser-placeholder{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 20px;background:linear-gradient(#131313,#131313)}.browser-empty-orbit{position:relative;width:72px;height:72px;margin:0 0 25px}.browser-empty-orbit>.app-monogram{position:absolute;right:-9px;bottom:-5px;border:3px solid #121212;box-sizing:content-box}.browser-empty-orbit .orbit-spark{right:-9px;bottom:-5px}.browser-placeholder>.eyebrow{font-size:9px;letter-spacing:1.7px}.browser-placeholder h3{font-size:21px;letter-spacing:-.6px;margin-top:13px}.browser-placeholder p{font-size:12px;color:#727272;line-height:1.9;margin-top:12px;max-width:370px}.browser-placeholder>.btn{font-size:12px;margin-top:20px;min-height:38px}.browser-view-footer{min-height:39px;display:flex;gap:12px;align-items:center;padding:4px 11px;border-top:1px solid #222222;background:#0a0a0a}.browser-view-footer>span{font-size:10px;color:#727272;flex:1;overflow-wrap:anywhere;line-height:1.5}.browser-view-footer .text-btn{font-size:10px;white-space:nowrap}.browser-view-footer svg{width:12px;height:12px}.browser-typing{margin:20px 24px 0}.browser-typing label{margin:0 0 9px;font-size:12px;font-weight:600}.browser-typing>div{display:flex;gap:6px}.browser-typing input{min-width:0;flex:1;padding:9px 10px;font-size:13px}.browser-typing .btn{font-size:12px;padding:8px 10px;min-height:39px}.browser-typing small{font-size:11px;font-weight:400;color:#727272;display:block;line-height:1.7;margin-top:7px}.browser-input-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 24px 22px}.browser-keys{display:flex;gap:5px;flex-wrap:wrap}.browser-keys .btn,.browser-upload{font-size:11px;padding:6px 9px;min-height:32px}.browser-upload{margin:0;cursor:pointer}.browser-downloads:not(:empty),#browser-unknown:not(:empty),#browser-dialog:not(:empty){padding:10px 24px 20px}.browser-downloads h3{margin-bottom:12px}.browser-guide>.panel{padding:26px 22px;background:#141414;border-color:#222222}.browser-guide .eyebrow{font-size:10px}.browser-guide h2{font-size:24px;line-height:1.4;letter-spacing:-.7px;margin:15px 0 25px}.browser-guide ol{margin:0;padding:0;list-style:none;display:grid;gap:23px}.browser-guide li{display:flex;gap:12px}.browser-guide li>span{font-size:10px;color:#585858;background:#1c1c1c;border-radius:5px;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.browser-guide li strong{font-size:13px;font-weight:650}.browser-guide li p{font-size:12px;color:#777777;line-height:1.8;margin-top:7px}.browser-guide .panel>.btn{width:100%;font-size:12px;padding:10px 7px;margin-top:26px}.browser-guide .field-hint{font-size:11px;text-align:center;line-height:1.8;margin-top:13px}.browser-profile-note{display:flex;gap:11px;padding:23px 14px}.browser-profile-note>svg{width:18px;height:18px;color:#767676;flex-shrink:0}.browser-profile-note strong{font-size:12px;font-weight:600}.browser-profile-note p{font-size:11px;color:#707070;margin-top:8px;line-height:1.9}.browser-guide .browser-setup-note{background:#0a0a0a}.browser-setup-note p{font-size:12px;margin-top:10px;color:#7e7e7e;overflow-wrap:anywhere}.browser-setup-command{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;background:#131313;padding:15px;border-radius:8px;user-select:all}.browser-app-picker{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.browser-saved-app{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.agent-browser-link{margin-bottom:16px}.browser-site-dialog p{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(min-width:1600px){.browser-placeholder{min-height:390px}.browser-guide{position:sticky;top:25px}}
@media(max-width:1250px){.browser-layout{grid-template-columns:1fr}.browser-guide{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.browser-guide>.panel{padding:24px}.browser-guide h2 br{display:none}.browser-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browser-guide h2{font-size:21px;margin:10px 0 20px}.browser-guide .panel>.btn{width:auto}.browser-guide .field-hint{text-align:left}.browser-profile-note{padding:23px 14px}.browser-person{min-width:148px}.browser-placeholder{min-height:330px}}
@media(max-width:760px){.browser-page .page-heading{display:block;margin-bottom:21px}.browser-page .page-heading>.btn{margin-top:14px}.browser-page .page-heading h1{font-size:24px;line-height:1.4;max-width:310px}.browser-team{margin-bottom:6px;padding-bottom:13px;gap:8px}.browser-person{flex:none;min-width:153px;padding:12px}.browser-person small{font-size:12px}.browser-workspace-head{padding:18px 15px;gap:8px}.browser-workspace-head h2{font-size:16px}.browser-workspace-head p{font-size:11px;line-height:1.6;max-width:175px}.browser-service-pill{font-size:10px;padding:5px 7px}.browser-apps{padding:0 15px 17px;gap:7px}.browser-app{font-size:12px;padding:8px;min-height:43px}.browser-app>svg{display:none}.app-monogram{width:24px;height:24px;font-size:14px;border-radius:6px}.browser-app.add>svg{display:block;width:14px}.browser-modebar{display:block;margin:0 15px 15px;padding:13px}.browser-modebar strong{font-size:13px}.browser-modebar small{font-size:12px;line-height:1.8}.browser-control-buttons{margin-top:12px;flex-wrap:wrap}.browser-control-buttons .btn{min-height:43px;font-size:12px;padding:10px 12px}.remote-browser{margin:0 10px}.remote-tabs{height:42px;padding:0 8px}.remote-tabs select{font-size:12px;height:30px}.remote-tabs>.icon-btn{width:32px;height:32px}.remote-lights{display:none}.browser-toolbar{gap:2px;padding:6px 5px;flex-wrap:wrap}.browser-toolbar>.icon-btn{width:30px;height:34px}.browser-address{order:5;flex-basis:calc(100% - 52px);margin:2px 0 0;padding:0 8px}.browser-address input{font-size:16px;padding:8px 0;min-height:42px}.browser-toolbar .btn{order:6;min-height:43px;margin-top:2px}.browser-viewport{aspect-ratio:auto;min-height:225px}.browser-viewport:has(>img:not([hidden])){min-height:0}.browser-viewport.zoomed{height:440px}.browser-placeholder{min-height:300px;padding:26px 16px}.browser-placeholder h3{font-size:19px;line-height:1.5;max-width:250px;margin-top:13px}.browser-placeholder p{font-size:12px;line-height:1.8}.browser-empty-orbit{margin-bottom:24px}.browser-placeholder>.eyebrow{font-size:9px}.browser-view-footer{flex-wrap:wrap;gap:3px 15px;padding:10px 12px}.browser-view-footer>span{flex-basis:100%;font-size:11px}.browser-view-footer .text-btn{font-size:12px;min-height:40px;padding:8px 0}.browser-typing{margin:18px 15px 0}.browser-typing label{font-size:13px;line-height:1.6}.browser-typing>div{flex-wrap:wrap}.browser-typing input{flex-basis:calc(100% - 62px);font-size:16px;min-height:44px}.browser-typing .btn{min-height:44px;font-size:13px}.browser-typing small{font-size:12px}.browser-input-actions{padding:15px;gap:15px}.browser-keys{gap:7px}.browser-keys .btn,.browser-upload{font-size:12px;min-height:42px;padding:10px 12px}.browser-downloads:not(:empty),#browser-unknown:not(:empty),#browser-dialog:not(:empty){padding:12px 15px 20px}.browser-guide{display:block}.browser-guide>.panel{padding:23px 20px}.browser-guide h2{font-size:22px}.browser-guide ol{grid-template-columns:1fr;gap:20px}.browser-guide li strong{font-size:14px}.browser-guide li p{font-size:13px}.browser-guide .panel>.btn{width:100%;font-size:13px;min-height:45px}.browser-guide .field-hint{font-size:12px;text-align:center}.browser-profile-note{padding:23px 15px}.browser-profile-note strong{font-size:13px}.browser-profile-note p{font-size:12px}.browser-app-picker .browser-app>svg{display:none}.browser-saved-app{font-size:13px}.browser-saved-app .text-btn{font-size:12px}}

.leah-voice-setup{margin:4px 16px;color:#474747;font-size:12px;max-height:220px;overflow:auto}.leah-voice-setup form{display:grid;gap:10px}.leah-voice-setup input[type=password]{width:100%}.leah-voice-setup small{display:block}.leah-live-caption{max-height:70px;overflow:auto;margin:4px 16px;font-size:13px;color:#2a2a2a}

.leah-image-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 16px;color:#222222;font-size:13px}.leah-image-controls select{max-width:100%;padding:8px;border:1px solid #adadad;border-radius:10px;background:#dbdbdb;color:#121212;font:inherit}.leah-image-controls small{flex-basis:100%;color:#4d4d4d}

/* Accounts browser workspace: intentionally scoped to this screen. */
.account-browser-page{min-width:0}.account-browser-page .ab-preview,.account-browser-page .ab-error{margin-bottom:20px}.account-browser-page .ab-preview p{margin-top:5px}.account-browser-page .ab-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.account-browser-page .ab-account-section{padding:22px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px;border:1px solid var(--line);transition:border-color .15s}.account-browser-page .ab-account-section.ab-selected{border-color:#575757;box-shadow:0 0 0 1px rgba(87,87,87,0.169)}.account-browser-page .ab-section-title{display:flex;gap:12px;align-items:center}.account-browser-page .ab-section-title .eyebrow{font-size:10px;letter-spacing:1.1px}.account-browser-page .ab-section-title h2{font-size:19px;margin-top:4px}.account-browser-page .ab-provider{width:43px;height:43px;border-radius:12px;background:#181818;color:#9a9a9a;display:grid;place-items:center;flex-shrink:0;font-weight:750;font-size:20px}.account-browser-page .ab-provider.ab-facebook{background:#191919;color:#9d9d9d;font-family:Arial,sans-serif;font-size:29px}.account-browser-page .ab-provider.ab-whatsapp{background:#181818;color:#8d8d8d;font-size:14px}.account-browser-page .ab-account-section>p{font-size:13px;color:#878787}.account-browser-page .ab-address{font-size:12px;overflow-wrap:anywhere;color:#9f9f9f;background:#121212;border-radius:7px;padding:9px 11px;width:100%}.account-browser-page .ab-session-status{font-size:12px;color:#878787;line-height:1.5}.account-browser-page .ab-account-section>.btn{white-space:normal;text-align:center;width:100%;margin-top:auto}.account-browser-page .ab-facebook-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}.account-browser-page .ab-facebook-slots button{min-height:38px;border:1px solid #242424;background:#0f0f0f;border-radius:7px;font-size:12px;color:#a0a0a0}.account-browser-page .ab-facebook-slots button.selected{background:#1b1b1b;border-color:#656565;color:#acacac;font-weight:750}.account-browser-page .ab-mail-settings{width:100%;font-size:12px}.account-browser-page .ab-mail-settings summary{cursor:pointer;color:#9f9f9f;padding:4px 0}.account-browser-page .ab-mail-settings form{display:grid;gap:10px}.account-browser-page .ab-mail-settings label{margin-top:10px;font-size:12px}.account-browser-page .ab-mail-settings input{padding:9px 10px;font-size:12px}.account-browser-page #ab-assignment-form{width:100%;display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}.account-browser-page #ab-assignment-form label{margin:0;font-size:12px}.account-browser-page #ab-assignment-form select{font-size:12px;padding:9px 10px}.account-browser-page #ab-assignment-form small{font-size:11px;line-height:1.6;color:#878787}.account-browser-page #ab-assignment-form .btn{white-space:normal;font-size:12px}.account-browser-page .ab-pairing-hint{background:#121212;padding:11px;border-radius:8px;font-size:12px!important}.account-browser-page .ab-viewer{padding:22px;overflow:hidden}.account-browser-page .ab-viewer-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.account-browser-page .ab-viewer-heading h2{font-size:21px;margin:5px 0}.account-browser-page .ab-viewer-heading p{font-size:12px;color:#878787}.account-browser-page .ab-control-buttons{display:flex;flex-wrap:wrap;gap:7px}.account-browser-page .ab-control-buttons .btn[aria-pressed=true]{background:#1b1b1b;border-color:#626262;color:#a6a6a6}.account-browser-page .ab-signin-note{font-size:12px;color:#878787;margin:16px 0;line-height:1.7}.account-browser-page .ab-browser-toolbar{border:1px solid #232323;border-bottom:0;border-radius:9px 9px 0 0;background:#101010;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.account-browser-page .ab-browser-buttons{display:flex;flex-wrap:wrap;gap:6px}.account-browser-page .ab-browser-buttons .btn{font-size:11px;min-height:34px;padding:7px 10px}.account-browser-page #ab-current-url{color:#898989;font-size:11px;overflow-wrap:anywhere;min-width:0}.account-browser-page .ab-stage{position:relative;overflow:auto;max-height:600px;min-height:300px;border:1px solid #232323;border-radius:0 0 9px 9px;background:#121212;overscroll-behavior:contain}.account-browser-page #ab-screen{display:block;max-width:none;height:auto;user-select:none;cursor:crosshair;outline-offset:-3px}.account-browser-page #ab-screen[hidden],.account-browser-page [hidden]{display:none!important}.account-browser-page #ab-placeholder{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px 20px;background:linear-gradient(#131313,#131313)}.account-browser-page .ab-placeholder-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #262626;border-radius:16px;background:#0a0a0a;color:#8b8b8b;margin-bottom:18px}.account-browser-page #ab-placeholder h3{font-size:19px;margin-bottom:10px}.account-browser-page #ab-placeholder p{max-width:430px;color:#878787;font-size:13px}.account-browser-page .ab-dialog{border:1px solid #232323;background:#0f0f0f;border-radius:9px;padding:15px;margin-top:14px}.account-browser-page .ab-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 12px}.account-browser-page .ab-dialog .btn{margin-right:8px}.account-browser-page .ab-dialog input{margin-bottom:12px}.account-browser-page .ab-field-form{display:grid;gap:10px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.account-browser-page .ab-field-form label{margin:0}.account-browser-page .ab-field-form>div{display:flex;flex-wrap:wrap;gap:7px}.account-browser-page .ab-field-form small{font-size:12px;line-height:1.6;color:#878787}.account-browser-page button:disabled{cursor:default}
@media(max-width:1250px){.account-browser-page .ab-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.account-browser-page .ab-account-section:last-child{grid-column:1/-1}.account-browser-page .ab-viewer-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.account-browser-page .page-heading{align-items:flex-start;flex-wrap:wrap}.account-browser-page .page-heading h1{font-size:24px}.account-browser-page .ab-sections{grid-template-columns:1fr;gap:14px}.account-browser-page .ab-account-section{padding:20px}.account-browser-page .ab-viewer{padding:15px}.account-browser-page .ab-control-buttons{width:100%}.account-browser-page .ab-control-buttons .btn{flex:1;white-space:normal;font-size:12px;padding:10px}.account-browser-page .ab-browser-buttons{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.account-browser-page .ab-browser-buttons .btn{min-height:42px;padding:7px 5px;font-size:12px}.account-browser-page .ab-stage{max-height:480px;min-height:240px}.account-browser-page #ab-placeholder{min-height:240px}.account-browser-page .ab-mail-settings input,.account-browser-page #ab-assignment-form select,.account-browser-page .ab-field-form input,.account-browser-page .ab-field-form textarea{font-size:16px}.account-browser-page .ab-facebook-slots button{min-height:43px}.account-browser-page .ab-field-form .btn{min-height:43px;font-size:12px}}

/* Compact account browser; the mobile viewer occupies its own screen. */
.account-browser-page .ab-viewer{padding:0;scroll-margin-top:16px}
.account-browser-page .ab-compact-header{display:grid;grid-template-columns:minmax(0,1fr) 40px auto;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #232323;background:#0a0a0a;position:relative;z-index:3}
.account-browser-page .ab-header-back{display:none}
.account-browser-page .ab-header-title{min-width:0}
.account-browser-page .ab-header-title h2{font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-browser-page .ab-header-title p{font-size:11px;line-height:1.4;margin-top:3px;color:#878787;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-browser-page .ab-header-refresh,.account-browser-page .ab-header-back{width:40px;height:42px;align-items:center;justify-content:center;border-radius:8px;font-size:24px;color:#a5a5a5;background:#131313}
.account-browser-page .ab-header-refresh{display:flex}
.account-browser-page .ab-controls-menu{position:relative;font-size:12px}
.account-browser-page .ab-controls-menu>summary{display:flex;align-items:center;justify-content:center;min-height:42px;gap:5px;padding:8px 10px;cursor:pointer;list-style:none;border-radius:8px;background:#171717;color:#a5a5a5;font-weight:650}
.account-browser-page .ab-controls-menu>summary::-webkit-details-marker,.account-browser-page .ab-pair-help>summary::-webkit-details-marker{display:none}
.account-browser-page .ab-controls-popover{position:absolute;top:calc(100% + 8px);right:0;width:250px;max-width:calc(100vw - 28px);max-height:min(70dvh,480px);overflow:auto;background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:10px;box-shadow:none;display:grid;gap:6px;z-index:8}
.account-browser-page .ab-controls-popover>.btn{justify-content:flex-start;min-height:38px;padding:8px 10px;font-size:12px;width:100%;white-space:normal}
.account-browser-page .ab-controls-popover .ab-control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-bottom:4px}
.account-browser-page .ab-controls-popover .ab-control-buttons .btn{padding:8px 6px;min-height:39px;font-size:12px;white-space:normal}
.account-browser-page .ab-controls-popover small{font-size:11px;color:#878787;line-height:1.5;padding:5px}
.account-browser-page .ab-address-line{display:flex;align-items:center;padding:6px 14px;min-height:29px;background:#101010;border-bottom:1px solid #202020}
.account-browser-page .ab-address-line #ab-current-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;max-width:100%}
.account-browser-page .ab-pair-help{background:#101010;border-bottom:1px solid #212121;font-size:12px}
.account-browser-page .ab-pair-help>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;cursor:pointer;list-style:none;color:#9f9f9f;font-weight:600;min-height:36px}
.account-browser-page .ab-pair-help>summary>span{width:17px;height:17px;border:1px solid #414141;border-radius:50%;display:grid;place-items:center;font-size:11px}
.account-browser-page .ab-pair-help>div{padding:0 14px 12px;max-height:210px;overflow:auto}
.account-browser-page .ab-pair-help p{font-size:12px;line-height:1.6;margin-top:9px;color:#969696}
.account-browser-page .ab-viewport-wrap{position:relative;min-width:0;background:#151515}
.account-browser-page .ab-stage{border:0;border-radius:0;max-height:560px;touch-action:none}
.account-browser-page #ab-screen{flex:none;touch-action:none;margin-left:auto;margin-right:auto}
.account-browser-page .ab-stage.ab-zoomed{overflow:auto;touch-action:pan-x pan-y;display:block}
.account-browser-page .ab-stage.ab-zoomed #ab-screen{touch-action:pan-x pan-y;margin:0}
.account-browser-page #ab-zoom-toggle{position:absolute;right:12px;bottom:12px;z-index:2;min-height:36px;padding:7px 13px;border-radius:18px;background:rgba(10,10,10,0.929);border-color:#2e2e2e;color:#a5a5a5;font-size:12px;box-shadow:none}
.account-browser-page .ab-inline-error{padding:10px 14px;color:#a7a7a7;background:#131313;font-size:12px;line-height:1.5;overflow-wrap:anywhere;border-bottom:1px solid #2c2c2c}
.account-browser-page .ab-recovery{margin:0;border-radius:0;padding:10px 14px;max-height:180px;overflow:auto}
.account-browser-page .ab-recovery p{font-size:12px;line-height:1.5;margin:5px 0 8px}
.account-browser-page .ab-recovery .btn{font-size:11px;min-height:35px;padding:7px 9px;margin-right:5px;white-space:normal}
.account-browser-page .ab-dialog{margin:0;border-radius:0;max-height:180px;overflow:auto;padding:10px 14px;font-size:12px}
.account-browser-page .ab-dialog .btn{min-height:35px;font-size:12px;padding:7px 10px}
.account-browser-page .ab-field-form{margin:0;padding:10px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;border-top:1px solid #232323;background:#0a0a0a}
.account-browser-page .ab-field-form label{grid-column:1/-1;margin:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-browser-page .ab-field-form textarea,.account-browser-page .ab-field-form input{grid-column:1;padding:8px 10px;min-height:40px;height:40px;font-size:16px;resize:none;max-height:100px}
.account-browser-page .ab-field-form>div{grid-column:2;display:flex;gap:5px;flex-wrap:nowrap}
.account-browser-page .ab-field-form .btn{min-height:40px;font-size:12px;padding:8px 10px}
.account-browser-page .ab-field-form small{grid-column:1/-1;font-size:11px}
@media(max-width:760px){
.account-browser-page .ab-viewer:not(.ab-fullscreen){display:none}
.account-browser-page .ab-fullscreen{position:fixed;inset:0;z-index:110;width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;background:#151515}
.account-browser-page .ab-fullscreen .ab-compact-header{flex-shrink:0;grid-template-columns:36px minmax(0,1fr) 36px auto;gap:5px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px}
.account-browser-page .ab-fullscreen .ab-header-back{display:flex;width:36px;height:40px;font-size:30px}
.account-browser-page .ab-fullscreen .ab-header-refresh{width:36px;height:40px}
.account-browser-page .ab-fullscreen .ab-header-title h2{font-size:15px}
.account-browser-page .ab-fullscreen .ab-controls-menu>summary{min-height:40px;padding:8px;font-size:11px}
.account-browser-page .ab-fullscreen .ab-address-line,.account-browser-page .ab-fullscreen .ab-pair-help,.account-browser-page .ab-fullscreen .ab-inline-error,.account-browser-page .ab-fullscreen .ab-recovery,.account-browser-page .ab-fullscreen .ab-dialog{flex-shrink:0}
.account-browser-page .ab-fullscreen .ab-viewport-wrap{flex:1;min-height:0;min-width:0;overflow:hidden}
.account-browser-page .ab-fullscreen .ab-stage{height:100%;max-height:none;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.account-browser-page .ab-fullscreen .ab-stage.ab-zoomed{display:block;overflow:auto}
.account-browser-page .ab-fullscreen #ab-placeholder{height:100%;width:100%;min-height:0;padding:24px 18px}
.account-browser-page .ab-fullscreen #ab-placeholder h3{font-size:17px}
.account-browser-page .ab-fullscreen #ab-placeholder p{font-size:12px}
.account-browser-page .ab-fullscreen #ab-zoom-toggle{right:10px;bottom:10px}
.account-browser-page .ab-fullscreen .ab-field-form{flex-shrink:0;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.account-browser-page .ab-fullscreen .ab-field-form small{display:none}
}


/* Accounts (owner, 2026-10-19): each account opens inside its own box; the bottom box is mail only. */
.account-browser-page .ab-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-browser-page .ab-sections .ab-account-section:last-child{grid-column:auto}
.account-browser-page .ab-box-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}
.account-browser-page .ab-box-actions .btn{width:auto;margin:0}
.account-browser-page .ab-account-section .ab-viewer.ab-embedded:not(.ab-fullscreen){width:100%;align-self:stretch;padding:0;border:1px solid #232323;border-radius:12px;overflow:hidden;background:#0a0a0a}
.account-browser-page .ab-box-preview{position:relative;width:100%;align-self:stretch;min-height:200px;border:1px dashed #2e2e2e;border-radius:12px;background:#121212;overflow:hidden;display:flex;align-items:center;justify-content:center}
.account-browser-page .ab-box-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.3;filter:grayscale(.4)}
.account-browser-page .ab-box-preview-note{position:relative;max-width:300px;text-align:center;color:#9f9f9f;font-size:13px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px}
.account-browser-page .ab-facebook-slots button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 6px;min-width:0}
.account-browser-page .ab-slot-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#3a3a3a}
.account-browser-page .ab-slot-live .ab-slot-dot{background:#838383}
.account-browser-page .ab-slot-agents .ab-slot-dot{background:#797979}
.account-browser-page .ab-slot-busy .ab-slot-dot{background:#717171}
.account-browser-page .ab-slot-name{font-size:10px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9f9f9f}
.account-browser-page .ab-name-settings,.account-browser-page .ab-mail-settings{width:100%;font-size:13px}
.account-browser-page .ab-name-settings form,.account-browser-page .ab-mail-settings form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}
@media(max-width:900px){.account-browser-page .ab-sections{grid-template-columns:1fr}}
@media(max-width:760px){.account-browser-page .ab-box-preview{display:none}}
.account-browser-page .ab-sections .ab-account-section:has(> .ab-viewer){grid-column:1/-1}
.account-browser-page .ab-embedded .ab-stage:not(.ab-zoomed){max-height:none;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}
.account-browser-page .ab-embedded .ab-stage.ab-zoomed{max-height:calc(100vh - 200px)}
.account-browser-page .ab-control-switch{display:inline-flex;border:1px solid #2b2b2b;border-radius:9px;overflow:hidden;background:#121212}
.account-browser-page .ab-control-switch .btn{min-height:32px;padding:5px 14px;border:0;border-radius:0;background:transparent;font-size:12px;box-shadow:none}
.account-browser-page .ab-control-switch .btn[aria-pressed="true"]{background:#acacac;color:#0a0a0a}
.account-browser-page .ab-compact-header:has(.ab-control-switch){grid-template-columns:minmax(0,1fr) auto 40px auto}
@media(max-width:760px){.account-browser-page .ab-control-switch{display:none}.account-browser-page .ab-compact-header:has(.ab-control-switch){grid-template-columns:minmax(0,1fr) 40px auto}}
.account-browser-page .ab-fullscreen .ab-compact-header:has(.ab-control-switch){grid-template-columns:36px minmax(0,1fr) 36px auto}