/* Formula Smart Team workspace */
.authenticated{--ink:#202126;--muted:#777b85;--line:#e8e9ed;--pink:#e23880;--pink-dark:#bf2467;background:#f7f8fa;color:var(--ink)}
.authenticated .app-sidebar{width:228px;padding:30px 16px 20px;background:#fff}
.authenticated .workspace{margin-left:228px}
.authenticated .brand-mark{background:#202126;border-radius:11px}
.authenticated .brand{font-size:26px;color:#202126}
.authenticated .nav-caption{margin-top:42px;font-size:9px;color:#989ba4}
.authenticated .nav-button{font-size:13px;color:#696d77;padding:13px 14px;border-radius:10px;margin-bottom:6px}
.authenticated .nav-button[aria-pressed=true]{background:#f1f2f5;color:#202126}
.authenticated .nav-button[aria-pressed=true] .nav-count{background:#202126;color:#fff}
.authenticated .topbar{height:88px;padding:20px 36px;background:#fff;margin:0}
.authenticated .topbar h1{font-size:23px;font-weight:650;letter-spacing:-.6px}
.authenticated .eyebrow{font-size:9px;color:#999ca5;letter-spacing:1.4px}
.authenticated .workspace-status{border:0;font-size:11px;color:#858994;padding:0}
.authenticated .page-section{padding:30px 36px;max-width:1500px}
.authenticated .section-intro h2{font-size:20px;letter-spacing:-.5px}
.authenticated .section-intro .muted{font-size:13px;color:#848893}
.authenticated .metrics{gap:16px;margin-bottom:26px}
.authenticated .metrics article{border:1px solid var(--line);border-radius:14px;padding:20px 24px;background:#fff;box-shadow:none}
.authenticated .metrics strong{font-size:34px;font-weight:600;margin:4px 0;letter-spacing:-1.2px}
.authenticated .metrics small{font-size:11px;color:#9296a0}
.authenticated .metrics article:after{display:none}
.queue-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #e1e3e8;margin-bottom:20px;padding:0}
.queue-tabs button{white-space:nowrap;border-radius:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#878b95;padding:12px 16px;font-size:13px;font-weight:500}
.queue-tabs button:hover{color:#202126;background:transparent}
.queue-tabs button[aria-pressed=true]{border-bottom-color:#202126;color:#202126;font-weight:650}
.authenticated .filter-bar{display:grid;grid-template-columns:minmax(0,1fr) 165px 190px;gap:12px;padding:0;border:0;background:transparent}
.authenticated .filter-bar label{min-width:0}
.authenticated .filter-bar label>span{font-size:11px;color:#777b85}
.authenticated input,.authenticated select,.authenticated textarea{border-color:#e3e5ea;border-radius:10px;background:#fff;font-size:13px;min-height:42px;padding:10px 12px}
.authenticated input:focus-visible,.authenticated select:focus-visible,.authenticated textarea:focus-visible,.authenticated button:focus-visible,.authenticated summary:focus-visible{outline:3px solid #e2388030;outline-offset:2px}
.authenticated button{font-weight:600}
.authenticated #requestList{display:grid;grid-template-columns:1fr;gap:12px}
.authenticated .request-card{margin:0;padding:22px 24px;border-radius:14px;border:1px solid #e7e9ee;background:#fff;box-shadow:none;min-width:0}
.authenticated .request-heading h2{font-size:17px;font-weight:650}
.authenticated .request-card>p{font-size:12px;color:#777b85;margin-top:8px;line-height:1.65}
.authenticated .request-card>small{font-size:10px;color:#a2a6ae;overflow-wrap:anywhere}
.authenticated .request-details{padding:12px 0 0;margin:14px 0;border-top:1px solid #f0f1f4}
.authenticated summary{font-size:12px;font-weight:600;color:#636875;cursor:pointer}
.authenticated .request-detail dd{font-size:13px;color:#30343b}
.authenticated .request-detail dt{color:#9196a1;font-size:11px}
.authenticated .request-actions{gap:12px;margin-top:12px}
.authenticated .request-actions select{min-height:38px}
.authenticated .request-actions button,.authenticated .secondary{background:#f1f3f6;color:#4b5360;border:1px solid #e7e9ed;border-radius:9px}
.authenticated .request-actions button:hover,.authenticated .secondary:hover{background:#e8ebf0}
.authenticated .status-badge{font-size:11px;border-radius:6px;padding:5px 9px;font-weight:550}
.authenticated .status-badge.new{background:#fff0f6;color:#bf326e}
.authenticated .status-badge.in_progress{background:#edf3ff;color:#4b6aab}
.authenticated .status-badge.done{background:#eaf6ef;color:#388057}
.authenticated .empty-state{border:1px solid #e7e9ee;border-radius:14px;padding:64px 24px}
.authenticated .staff-profile{display:flex;width:100%;text-align:left;background:transparent;color:#202126;padding:10px 6px;border-radius:12px;border:0;margin-bottom:8px;cursor:pointer}
.authenticated .staff-profile:hover{background:#f3f4f7}
.authenticated .staff-profile .avatar{background:#202126;color:white;width:38px;height:38px}
.authenticated .staff-profile strong{font-size:12px;font-weight:600}
.authenticated .staff-profile small{font-size:11px;font-weight:400}
.authenticated .logout{font-size:11px;color:#969aa3}
.authenticated #desk{margin:24px 36px;height:calc(100dvh - 150px);min-height:510px;border:1px solid #e5e7ec;border-radius:16px;grid-template-columns:320px minmax(0,1fr);box-shadow:0 8px 32px #1b213204}
.authenticated .conversation-pane{padding:22px 12px;background:#fff;border-color:#e8eaf0}
.authenticated .pane-heading{margin:0 10px 18px}
.authenticated .pane-heading h2{font-size:18px;font-weight:600}
.authenticated #search{background:#f5f6f8;border:0;padding:12px 14px;min-height:42px;font-size:12px;margin-bottom:4px}
.unread-filter{display:flex;align-items:center;gap:8px;padding:10px 5px;margin:0 0 8px;font-size:11px;font-weight:500;color:#818692}
.authenticated .unread-filter input{width:14px;height:14px;min-height:14px;margin:0;accent-color:#202126}
.authenticated .conversation{display:flex;align-items:center;gap:12px;padding:15px 10px;margin:3px 0;border:0;border-radius:10px;text-align:left;color:#202126;background:#fff}
.authenticated .conversation:hover{background:#f7f8fa}
.authenticated .conversation.active{background:#f0f2f6;color:#202126}
.conversation-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#eceef4;color:#778094;display:grid;place-items:center;font-size:15px;font-weight:600}
.conversation-copy{display:block;min-width:0;flex:1}
.conversation-copy strong{display:block;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-account{display:block;color:#969ca6;font-size:10px;font-weight:400;margin-top:2px}
.authenticated .conversation small{display:block;font-size:11px;color:#8c929e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;font-weight:400}
.unread-badge{align-self:start;min-width:19px;height:19px;display:grid;place-items:center;background:#e23880;color:white;border-radius:6px;font-size:10px;padding:0 5px}
.chat-empty{padding:30px 12px;text-align:center;color:#9298a3;font-size:12px}
.authenticated .message-pane{background:#f8f9fb;padding:0;min-width:0}
.authenticated .message-heading{background:#fff;padding:20px 24px;min-height:82px;border-color:#e8eaf0}
.authenticated .message-heading h2{font-size:14px;font-weight:600;line-height:1.6}
.authenticated .message-heading #close{border-radius:8px;color:#6c7480;font-size:11px;padding:8px 10px}
.authenticated #messages{padding:20px 26px;overscroll-behavior:contain}
.authenticated #messages:empty:before{content:'Начните с диалога';color:#5e6673;font-size:20px;font-weight:550;letter-spacing:-.5px}
.authenticated #messages:empty:after{content:'Выберите абонента в списке слева';font-size:12px;color:#a0a6b0}
.authenticated .bubble{padding:13px 16px;line-height:1.65;font-size:13px;background:#fff;border:1px solid #e9ecf1;border-radius:14px 14px 14px 4px;max-width:78%;box-shadow:0 2px 4px #20212602}
.authenticated .bubble.operator{background:#fdeff5;border-color:#f9e1ec;border-radius:14px 14px 4px 14px}
.authenticated .bubble small{font-size:10px;color:#9298a3;margin-top:6px;line-height:1.4}
.authenticated #compose{margin:0 20px 20px;padding:12px;border-radius:14px;border-color:#e5e8ee;box-shadow:0 4px 20px #232b3c04;background:#fff;grid-template-columns:minmax(0,1fr) auto}
.authenticated #text{background:#fff;min-height:70px;border:0;padding:6px;font-size:13px;resize:none}
.authenticated #send{background:#202126;border-radius:9px;padding:11px 15px;color:#fff;font-size:12px}
.authenticated #compose small{font-size:10px;color:#a1a7b1}
.authenticated #files{font-size:11px;min-height:28px;padding:0}
.authenticated #staffList{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.authenticated .staff-card{border:1px solid #e7e9ee;border-radius:14px;padding:24px;box-shadow:none}
.authenticated .staff-card h2{font-size:17px;font-weight:600}
.authenticated .staff-card>p{font-size:12px;color:#9297a1;margin:5px 0 18px}
.staff-editor{border-top:1px solid #eef0f3;padding-top:14px}
.authenticated .staff-card label{font-size:12px;color:#707783}
.authenticated .staff-card button{font-size:12px}
#profileDialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #eceef2;border-radius:22px;padding:30px;color:#202126;background:#fff;box-shadow:0 24px 100px #15203a30}
#profileDialog::backdrop{background:#151b2b66;backdrop-filter:blur(5px)}
.profile-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.profile-dialog-heading h2{font-size:22px;font-weight:600;letter-spacing:-.6px}
#closeProfile{width:34px;height:34px;background:#f1f2f5;color:#727985;border-radius:50%;padding:0;font-size:25px;font-weight:400;line-height:1}
#profileIdentity{margin:10px 0 24px;font-size:12px}
#changePassword{border-top:1px solid #eceef2;padding-top:20px}
#changePassword h3{font-size:15px;margin:0 0 18px;font-weight:600}
#changePassword label{font-size:12px;color:#737b88;margin:12px 0}
#changePassword .muted{font-size:11px;line-height:1.7}
#savePassword{margin-top:16px;background:#202126;color:white;padding:12px 16px;border-radius:10px;font-size:12px}
#passwordMessage{font-size:12px;line-height:1.6;margin-top:12px;color:#b72d65}
.authenticated #passkeySettings{padding:22px 0 0;margin:24px 0 0;border-top:1px solid #eceef2;background:transparent;border-radius:0}
#passkeySettings h2{font-size:15px;font-weight:600}
#passkeySettings>p{color:#8a919c;font-size:12px;line-height:1.7;margin-top:8px}
#addPasskey{margin-top:14px;background:#f1f3f6;color:#414b5a;border:1px solid #e5e8ed;font-size:12px}
#passkeyList>div{flex-wrap:wrap;font-size:12px}
.authenticated #error:not(:empty){border:1px solid #f1d2dc;padding:14px 18px;background:#fff3f6;color:#ad295b;border-radius:12px}
.authenticated .workspace-footer{font-size:10px;color:#b0b4bd;border:0}
@media(max-width:1100px){.authenticated .app-sidebar{width:200px}.authenticated .workspace{margin-left:200px}.authenticated .page-section{padding:26px}.authenticated .topbar{padding:20px 26px}.authenticated #desk{margin:24px;grid-template-columns:270px minmax(0,1fr)}.authenticated .filter-bar{grid-template-columns:minmax(0,1fr) 140px 160px}}
@media(max-width:760px){.authenticated .app-sidebar{width:68px;padding:24px 8px}.authenticated .workspace{margin-left:68px}.authenticated .nav-button{padding:14px 0}.authenticated .staff-profile{justify-content:center;padding:7px 0}.authenticated .staff-profile>div{display:none}.authenticated .page-section{padding:22px 16px}.authenticated .topbar{height:80px;padding:18px}.authenticated .topbar h1{font-size:21px}.authenticated .metrics{gap:8px}.authenticated .metrics article{padding:14px 10px}.authenticated .metrics strong{font-size:26px}.authenticated .filter-bar{grid-template-columns:1fr 1fr}.authenticated .filter-bar .search-field{grid-column:1/-1}.authenticated .request-card{padding:18px}.authenticated #staffList{grid-template-columns:1fr}.authenticated #desk{margin:16px;height:auto;min-height:0;grid-template-columns:1fr}.authenticated .conversation-pane{max-height:270px}.authenticated .message-pane{min-height:460px}.authenticated #messages{height:300px;padding:18px}.authenticated #compose{margin:0 12px 12px}.authenticated #send{grid-column:2;grid-row:2/4}.authenticated .message-heading{padding:16px}.queue-tabs button{padding:12px;font-size:12px}#profileDialog{padding:24px}.authenticated .staff-card{padding:20px}}
@media(prefers-reduced-motion:no-preference){#profileDialog[open]{animation:profile-in .18s ease-out}@keyframes profile-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.attachment-control{grid-column:1;display:flex;align-items:center;gap:8px;min-width:0}.attachment-button{display:inline-flex;align-items:center;margin:0;padding:6px 8px;font-size:11px;color:#737e8d;cursor:pointer;border-radius:7px;white-space:nowrap}.attachment-button:hover{background:#f2f4f7}#attachmentNames{font-size:10px;color:#939ba7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-control:focus-within{outline:2px solid #e2388040;border-radius:8px}
/* Queue and inspector layout */
.authenticated .app-sidebar{background:#fff;width:232px;padding:32px 18px}
.authenticated .workspace{margin-left:232px;background:#fafafb}
.authenticated .brand-mark{background:#e23880}
.authenticated .nav-button[aria-pressed=true]{background:#fff0f6;color:#c12f70}
.authenticated .nav-button[aria-pressed=true] .nav-count{background:#e23880;color:white}
.authenticated .topbar{height:80px;border-bottom:1px solid #ededf1;background:#fafafb}
.authenticated .topbar h1{font-size:22px}
.authenticated .page-section{padding:28px 36px 40px}
.authenticated .section-intro{margin-bottom:24px}
.authenticated .section-intro h2{font-size:28px;font-weight:600;letter-spacing:-1px}
.authenticated .section-intro .muted{font-size:12px;margin-top:6px}
.authenticated .metrics{background:#fff;border:1px solid #e7e9ef;border-radius:14px;gap:0;margin-bottom:26px;overflow:hidden}
.authenticated .metrics article{border:0;border-right:1px solid #eeeff3;border-radius:0;padding:18px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px}
.authenticated .metrics article:last-child{border-right:0}
.authenticated .metrics strong{grid-column:2;grid-row:1/3;font-size:30px;margin:0;font-weight:550}
.authenticated .metrics span{color:#4d5562;font-size:12px;font-weight:600}
.authenticated .metrics small{grid-column:1;font-size:10px}
.authenticated .filter-bar{margin-bottom:14px}
.authenticated .filter-bar label>span{display:none}
.authenticated .filter-bar input,.authenticated .filter-bar select{margin-top:0;font-size:12px;height:40px;min-height:40px}
.authenticated .result-count{margin:16px 0 12px;font-size:11px;color:#969da8}
.authenticated #requestList{display:block;border:1px solid #e7e9ee;border-top:0;border-radius:0 0 14px 14px;background:white;overflow:hidden}
.queue-column-head,.queue-row{display:grid;grid-template-columns:minmax(200px,2fr) minmax(110px,1fr) 108px 130px;gap:16px;align-items:center}
.queue-column-head{padding:13px 20px;background:#f2f3f6;border:1px solid #e7e9ee;border-bottom:0;border-radius:12px 12px 0 0;font-size:10px;color:#8a919e;font-weight:550}
.authenticated .queue-row{width:100%;text-align:left;border:0;border-top:1px solid #eef0f4;border-radius:0;padding:20px;background:white;color:#202126;font-weight:400;min-height:88px}
.authenticated .queue-row:hover{background:#fff8fb}
.queue-primary{display:flex;align-items:center;gap:13px;min-width:0}
.queue-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;background:#f8edf3;color:#d16b9a;border:1px solid #f2e2ea;border-radius:11px;font-size:15px;font-weight:550}
.queue-primary>span:last-child{min-width:0}
.queue-primary strong{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-primary small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#9a9fab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-owner{font-size:11px;color:#7d8593;overflow:hidden;text-overflow:ellipsis}
.queue-date{font-size:11px;color:#969daa;font-variant-numeric:tabular-nums}
#requestDialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100vw);height:100dvh;max-height:none;max-width:100vw;border:0;border-left:1px solid #e6e8ee;border-radius:0;background:#fff;padding:0;box-shadow:-20px 0 100px #23314a15;color:#202126;overflow-y:auto}
#requestDialog::backdrop{background:#1d26383d;backdrop-filter:blur(2px)}
.drawer-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:26px 28px;background:#ffffffed;border-bottom:1px solid #eef0f4;backdrop-filter:blur(10px)}
.drawer-heading h2{font-size:22px;font-weight:600;margin-top:5px;letter-spacing:-.6px}
#closeRequestDialog{width:32px;height:32px;padding:0;background:#f2f3f6;color:#8b929e;border-radius:50%;font-size:23px;font-weight:400}
.authenticated #requestDialog .request-card{border:0;border-radius:0;padding:24px 28px;box-shadow:none}
.authenticated #requestDialog .request-card>p{font-size:13px;color:#555f6e;margin:0 0 8px}
.authenticated #requestDialog .request-details{margin-top:22px;padding:20px;background:#f7f8fa;border:0;border-radius:12px}
.authenticated #requestDialog .request-details dl{grid-template-columns:1fr;gap:16px}
.authenticated #requestDialog .request-actions{padding:18px 0;border-bottom:1px solid #edf0f4;margin-bottom:18px}
.authenticated #requestDialog .request-actions label{width:auto;flex:1}
.authenticated #requestDialog .request-actions button{background:#e23880;color:white;border-color:#e23880}
.authenticated #staffList{display:block;border-top:1px solid #e6e8ed}
.authenticated .staff-card{position:relative;border:0;border-bottom:1px solid #e6e8ed;border-radius:0;padding:24px 24px 24px 72px;background:transparent;margin:0}
.authenticated .staff-card:before{content:'';position:absolute;left:16px;top:24px;width:38px;height:38px;background:radial-gradient(circle at 50% 35%,#b9bfce 0 6px,transparent 7px),radial-gradient(ellipse at 50% 100%,#b9bfce 0 15px,transparent 16px),#eceff5;border-radius:50%}
.authenticated .staff-card h2{font-size:14px}
.authenticated .staff-card>p{font-size:11px;margin-bottom:8px}
.staff-role-badge{display:block;font-size:10px;color:#939ba9;margin-bottom:14px}
.staff-editor{border:0;padding-top:0}
.staff-editor summary{font-size:11px;color:#ce397a}
.staff-editor[open]{max-width:600px;padding-top:12px}
.authenticated #desk{margin:0 28px 24px;height:calc(100dvh - 104px);border-radius:14px;grid-template-columns:300px minmax(0,1fr);box-shadow:none}
.authenticated .message-pane{background:linear-gradient(145deg,#fbfbfd,#f4f5f8)}
.authenticated .message-heading{padding:22px 28px;min-height:88px}
.authenticated .message-heading h2{font-size:15px}
.authenticated #messages{padding:26px 30px}
.authenticated .bubble{border:0;box-shadow:0 2px 8px #18243b06;font-size:13px;padding:14px 18px;margin:12px 0}
.authenticated .bubble.operator{background:#fce9f2;color:#4b3440}
.authenticated #compose{margin:0 24px 24px;padding:14px;border-radius:16px;box-shadow:0 5px 25px #20304a06}
.authenticated #send{background:#e23880}
.authenticated .conversation.active{background:#fff0f6}
.authenticated .conversation.active .conversation-avatar{background:#f8dbe9;color:#c34c82}
@media(max-width:1100px){.authenticated .app-sidebar{width:200px}.authenticated .workspace{margin-left:200px}.authenticated .page-section{padding:24px}.queue-column-head,.queue-row{grid-template-columns:minmax(170px,2fr) minmax(90px,1fr) 95px;gap:12px}.queue-column-head>span:last-child,.queue-date{display:none}.authenticated #desk{margin:0 24px 24px;grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){.authenticated .app-sidebar{width:68px;padding:24px 8px}.authenticated .workspace{margin-left:68px}.authenticated .page-section{padding:18px 14px}.authenticated .section-intro h2{font-size:24px}.authenticated .metrics article{padding:12px;display:block}.authenticated .metrics strong{font-size:25px;margin-top:5px}.queue-column-head{display:none}.authenticated #requestList{border-top:1px solid #e7e9ee;border-radius:12px}.authenticated .queue-row{grid-template-columns:minmax(0,1fr) auto;padding:16px 12px;gap:10px}.queue-owner{display:none}.queue-primary{gap:8px}.queue-icon{flex-basis:30px;height:34px;font-size:12px}.queue-primary strong{font-size:12px}.queue-primary small{font-size:10px}.authenticated .status-badge{font-size:9px;padding:5px 6px}.authenticated #desk{grid-template-columns:1fr;margin:0 14px 18px;height:auto}.authenticated .conversation-pane{max-height:245px}.authenticated .message-pane{min-height:450px}.authenticated .message-heading{padding:16px}.authenticated #messages{padding:18px}.authenticated #compose{margin:0 12px 12px}.authenticated .staff-card{padding-left:60px}.authenticated .staff-card:before{left:8px}.drawer-heading{padding:24px}.authenticated #requestDialog .request-card{padding:20px 24px}}

/* Authentication layout from the supplied sign-in reference. */
body:not(.authenticated){background:#e23880}
.auth-shell{grid-template-columns:minmax(0,55%) minmax(0,45%);position:relative;background:#e23880;min-height:100dvh}
.auth-intro{grid-column:2;grid-row:1;padding:0;background:#e23880;overflow:hidden;min-height:100dvh;position:relative}
.auth-intro img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.auth-forms{grid-column:1;grid-row:1;position:relative;background:#fff;max-width:none;width:100%;padding:54px max(32px,calc((100% - 390px)/2));border-radius:0 24px 24px 0;z-index:1;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;margin:0}
.auth-forms form{width:100%;max-width:390px;margin:0 auto}
.login-brand{display:block;font-size:27px;font-weight:800;letter-spacing:-1px;color:#222329;margin-bottom:34px}
.login-brand span{font-size:15px;font-weight:450;letter-spacing:0;color:#e23880}
.auth-forms .auth-step{font-size:9px;font-weight:650;color:#a0a1ab;letter-spacing:1.7px;margin:0 0 12px}
.auth-forms #login h2,.auth-forms #verifyLogin h2,.auth-forms #emailLogin h2{font-size:30px;line-height:1.35;font-weight:650;letter-spacing:-.8px;margin:0}
.auth-forms .muted{font-size:12px;line-height:1.8;color:#92909f;margin:12px 0 32px}
.auth-forms label{font-size:12px;font-weight:400;color:#928d9d;margin:22px 0 0}
.auth-forms input{border:0;border-bottom:1px solid #eae9ef;border-radius:0;padding:10px 0 13px;margin-top:0;background:transparent;color:#222329;min-height:44px;font-size:14px;box-shadow:none}
.auth-forms input:focus{outline:0;border-bottom-color:#e23880}
.auth-forms input::placeholder{color:#bbb6c4;font-size:13px}
.auth-forms #passwordContinue,.auth-forms #verifyContinue,.auth-forms #emailStart,.auth-forms #resetContinue{background:#e23880;color:white;border:0;border-radius:8px;font-size:13px;font-weight:600;min-height:48px;width:100%;margin-top:20px}
.auth-forms #passkeyLogin{display:flex;gap:10px;align-items:center;justify-content:center;background:#fcf0f6;color:#bd326d;border:1px solid #f7deea;border-radius:8px;min-height:48px;width:100%;font-size:13px;margin:0}
.auth-forms #passkeyLogin:hover{background:#f9e5ef}
.auth-forms #forgotPassword{font-size:12px;color:#b43a72;margin-top:14px;min-height:36px}
.auth-divider{position:relative;text-align:center;margin:22px 0;color:#bbb4c2;font-size:11px}
.auth-divider:before{content:'';position:absolute;top:50%;left:0;right:0;border-top:1px solid #eeeaf0}
.auth-divider span{position:relative;background:white;padding:0 14px}
.auth-forms .g-recaptcha{margin:22px 0 0;min-height:78px}
.auth-forms #verifyCode{letter-spacing:6px;font-size:28px;border:1px solid #eae9ef;border-radius:10px;padding:16px;margin-top:10px}
@media(max-width:760px){.auth-shell{display:block;background:white}.auth-intro{display:none}.auth-forms{padding:36px 26px;border-radius:0;min-height:100dvh;justify-content:center}.auth-forms form{max-width:390px}.auth-forms #login h2{font-size:28px}.login-brand{margin-bottom:28px}}
@media(min-width:761px) and (max-height:820px){.auth-forms{padding-top:28px;padding-bottom:28px}.login-brand{margin-bottom:20px}.auth-forms .muted{margin:10px 0 20px}.auth-forms label{margin-top:16px}.auth-forms .g-recaptcha{margin-top:18px}.auth-forms .auth-divider{margin:16px 0}.auth-forms #forgotPassword{margin-top:6px}.auth-forms #login h2{font-size:28px}}
@media(max-width:360px){.auth-forms{padding:30px 20px}.auth-forms .g-recaptcha{width:100%;min-height:68px;height:68px;overflow:hidden}.auth-forms .g-recaptcha>div{transform:scale(.85);transform-origin:left top}}

.auth-intro img.auth-art{opacity:0;transition:opacity .8s ease;object-fit:cover}.auth-intro img.auth-art.visible{opacity:1}@media(prefers-reduced-motion:reduce){.auth-intro img.auth-art{transition:none}}
/* Three-column workspace from the supplied dashboard reference. */
body:not(.authenticated) .context-panel{display:none}
.authenticated .app-sidebar{width:80px;padding:26px 12px;border-right:1px solid #f0f0f5;align-items:center}
.authenticated .brand{padding:0;justify-content:center;margin-bottom:26px}
.authenticated .brand>span:nth-child(2),.authenticated .nav-caption,.authenticated .nav-button>span:not(.nav-count),.authenticated .staff-profile>div,.authenticated .logout>span{display:none}
.authenticated .brand-mark{width:34px;height:36px;font-size:25px;border-radius:13px}
.authenticated .nav-button{width:54px;min-height:50px;justify-content:center;padding:14px 0;position:relative;margin-bottom:13px;border-radius:10px}
.authenticated .nav-button[aria-pressed=true]{background:#fff0f6;color:#d83d80}
.authenticated .nav-button[aria-pressed=true]:after{content:'';position:absolute;right:-13px;top:9px;bottom:9px;width:2px;background:#e23880}
.authenticated .nav-count{position:absolute;top:4px;right:1px;font-size:9px;padding:0 4px;min-width:14px}
.authenticated .sidebar-bottom{width:100%;padding:16px 0 0;border:0}
.authenticated .staff-profile{justify-content:center;padding:8px 0}
.authenticated .staff-profile .avatar{width:32px;height:32px;font-size:12px;background:#e23880}
.authenticated .logout{justify-content:center}
.context-panel{position:fixed;inset:0 auto 0 80px;width:290px;background:#fff;border-right:1px solid #f2f1f7;padding:42px 28px;display:flex;flex-direction:column;z-index:5;overflow-y:auto}
.context-brand{width:86px;height:90px;border-radius:30px;background:#e23880;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:750;color:white;letter-spacing:-7px;margin-bottom:22px}
.context-brand span{font-size:35px;margin-right:6px;margin-top:15px;color:#ffcbe2}
.context-welcome{font-size:20px;color:#75717f;font-weight:300;line-height:1.5}
#contextName{font-size:22px;font-weight:600;letter-spacing:-.6px;margin:5px 0 36px;overflow-wrap:anywhere}
.context-label{font-size:10px;letter-spacing:1px;color:#9a96a5;font-weight:600;margin-bottom:16px}
#attentionList{display:flex;flex-direction:column;gap:10px}
#attentionList .overview-request{display:block;background:#faf9fc;border:0;padding:16px;border-radius:10px;min-height:100px}
#attentionList .overview-request strong{font-size:12px;margin-bottom:6px}
#attentionList .overview-request small{white-space:normal;line-height:1.6;font-size:10px}
#attentionList .status-badge{display:inline-block;margin-top:12px;font-size:9px}
.context-bottom{margin-top:auto;padding-top:32px;color:#aaa6b4;font-size:9px;line-height:1.8}
.context-online{display:inline-block;width:5px;height:5px;background:#81c6a1;border-radius:50%;margin-right:5px}
.authenticated .workspace{margin-left:370px;background:#f6f5fa;min-height:100dvh}
.authenticated .topbar{background:transparent;border:0;height:82px;padding:22px 30px}
.authenticated .topbar .eyebrow{display:none}
.authenticated .topbar h1{font-size:20px;font-weight:600;letter-spacing:-.4px}
.authenticated .page-section{padding:0 30px 30px}
.overview-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 26px}
.overview-intro h2{font-size:28px;font-weight:600;letter-spacing:-.9px;margin:6px 0 8px}
.overview-intro p:not(.eyebrow){color:#9993a6;font-size:12px}
#overviewDate{font-size:11px;color:#9a95a6;text-transform:capitalize;white-space:nowrap}
.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.overview-metrics button{text-align:left;border:0;background:white;padding:22px 20px;border-radius:14px;color:#292733;font-weight:400;min-width:0;box-shadow:0 5px 24px #29204402}
.overview-metrics button:hover{box-shadow:0 6px 24px #29204409;transform:translateY(-1px)}
.overview-metrics button>span{font-size:11px;color:#9790a3;display:block;min-height:32px}
.overview-metrics strong{display:block;font-size:32px;font-weight:600;letter-spacing:-1px;margin:2px 0 9px}
.overview-metrics small{display:block;font-size:10px;color:#d3699d}
.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.overview-card{background:#fff;border-radius:14px;min-width:0;padding:22px;box-shadow:0 6px 24px #29204402}
.overview-wide{grid-column:1/-1}
.overview-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.overview-card-heading h3{font-size:14px;font-weight:600;letter-spacing:-.25px;margin:0}
.overview-card-heading>span{font-size:10px;color:#aaa4b4}
.authenticated .overview-card .text-button{font-size:10px;background:#faf8fc;color:#a397b2;padding:6px 8px;border-radius:6px;white-space:nowrap}
.overview-request{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;border:0;border-radius:0;background:white;color:#292733;text-align:left;gap:12px;font-weight:400}
.overview-request:hover{background:#fdf9fc}
.overview-request>span:first-child{min-width:0}
.overview-request strong{font-size:12px;font-weight:550;display:block}
.overview-request small{font-size:10px;color:#a59eaf;display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-empty{color:#aaa3b4;padding:28px 0;font-size:12px;line-height:1.7}
.overview-chat{display:flex;align-items:center;width:100%;background:white;color:#292733;border:0;border-bottom:1px solid #f4f2f7;border-radius:0;gap:14px;padding:16px 0;text-align:left;font-weight:400}
.overview-chat:last-child{border:0}
.overview-chat:hover{background:#fdf9fc}
.overview-chat>span:nth-child(2){flex:1;min-width:0}
.overview-chat strong{display:block;font-size:12px;font-weight:550}
.overview-chat small{display:block;font-size:11px;color:#a69eaf;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overview-chat-count{font-size:10px;color:#cf6399;white-space:nowrap}
#requestChart{height:192px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;padding:0 2px;border-bottom:1px solid #f0edf4}
.chart-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}
.chart-column>span{font-size:11px;color:#c66b9a;margin-bottom:6px}
.chart-bar{width:70%;max-width:30px;min-height:2px;background:linear-gradient(#e77aac,#f8ddec);border-radius:5px 5px 0 0}
.chart-column small{font-size:9px;color:#a79fb2;margin:10px 0;white-space:nowrap}
.chart-footnote{font-size:9px;color:#b4adbe;margin-top:12px}
.authenticated #desk{margin:0 30px 24px;height:calc(100dvh - 106px);grid-template-columns:250px minmax(0,1fr)}
.authenticated .section-intro{padding-top:12px}
.authenticated #staffList{background:white;border:0;border-radius:14px;padding:0 16px}
.authenticated .staff-card{background:white;border-color:#f0edf5}
@media(max-width:1250px){.context-panel{width:245px;padding:32px 22px}.authenticated .workspace{margin-left:325px}.overview-metrics{gap:12px}.overview-metrics button{padding:18px 16px}.overview-grid{grid-template-columns:1fr}.overview-wide{grid-column:auto}.overview-intro{align-items:flex-start;flex-direction:column;gap:12px}.authenticated #desk{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:1000px){.context-panel{display:none}.authenticated .workspace{margin-left:80px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-wide{grid-column:1/-1}.authenticated .filter-bar{grid-template-columns:minmax(0,1fr) 140px 160px}}
@media(max-width:760px){.authenticated .app-sidebar{width:64px;padding:22px 8px}.authenticated .workspace{margin-left:64px}.authenticated .nav-button{width:46px}.authenticated .nav-button[aria-pressed=true]:after{right:-9px}.authenticated .topbar{height:72px;padding:20px 18px}.authenticated .page-section{padding:0 16px 24px}.overview-intro h2{font-size:25px}.overview-metrics{grid-template-columns:1fr;gap:10px}.overview-metrics button{position:relative;padding:16px 18px}.overview-metrics button>span{min-height:0;font-size:11px}.overview-metrics strong{position:absolute;right:20px;top:8px;font-size:30px}.overview-metrics small{margin-top:10px}.overview-grid{grid-template-columns:1fr;gap:14px}.overview-wide{grid-column:auto}.overview-card{padding:18px}.overview-card-heading{margin-bottom:14px}.overview-chat-count{display:none}.authenticated #desk{grid-template-columns:1fr;margin:0 14px 18px;height:auto}.authenticated .filter-bar{grid-template-columns:1fr 1fr}.context-brand{display:none}.authenticated .brand-mark{width:32px}}
/* Figma CRM kit: conversation workspace and compact component rhythm. */
#chatFolders{border:1px solid #eeedf3;border-radius:7px;overflow:hidden;margin-top:12px;background:white}
#chatFolders button{display:block;text-align:left;width:100%;background:white;color:#393544;border:0;border-bottom:1px solid #eeedf3;border-radius:0;padding:24px 20px;font-weight:400}
#chatFolders button:last-child{border:0}
#chatFolders button span{font-size:12px;font-weight:600;display:block}
#chatFolders button small{font-size:10px;color:#a5a0b1;display:block;margin-top:6px;line-height:1.5}
#chatFolders button[aria-pressed=true]{background:#fff7fb;color:#d24e8c}
.authenticated.chat-workspace .context-brand{width:36px;height:38px;font-size:25px;border-radius:13px;margin-bottom:12px;letter-spacing:-3px}
.authenticated.chat-workspace .context-brand span{font-size:16px;margin:6px 3px 0 0}
.authenticated.chat-workspace .context-welcome{font-size:11px}
.authenticated.chat-workspace #contextName{font-size:16px;margin-bottom:24px}
.authenticated #desk{padding:24px;background:white;border:0;border-radius:8px;gap:24px;grid-template-columns:280px minmax(0,1fr)}
.authenticated .conversation-pane{padding:0;border:0;background:transparent}
.authenticated .pane-heading h2{font-size:14px}
.authenticated .conversation{border:1px solid #eeedf3;border-radius:7px;padding:17px 12px;margin:0 0 10px;min-height:90px;align-items:flex-start}
.authenticated .conversation.active{background:#fff1f8;border-color:#f8eaf1}
.authenticated .conversation-avatar{width:32px;height:34px;flex-basis:32px;border-radius:5px;font-size:12px;background:#eeeaf4}
.authenticated .conversation small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.65;margin-top:7px}
.authenticated .conversation-copy strong{font-size:12px}
.authenticated .conversation-account{font-size:9px}
.authenticated .message-pane{background:white}
.message-tools{display:flex;justify-content:flex-end;min-height:38px;padding-bottom:12px}
.message-tools label{margin:0;max-width:220px;width:100%}
.authenticated .message-tools input{background:#faf9fc;border:1px solid #f0eef5;font-size:11px;min-height:34px;height:34px}
.authenticated .message-heading{padding:12px 0 18px;min-height:72px;border:0;background:white;align-items:flex-start}
.authenticated .message-heading h2{font-size:15px;letter-spacing:-.25px}
.authenticated .message-heading .eyebrow{font-size:8px;color:#a8a1b5;margin-bottom:8px}
.authenticated #messages{background:white;padding:8px 0 24px}
.authenticated .bubble{background:#f6f5f8;box-shadow:none;border:0;border-radius:20px 20px 20px 3px;padding:11px 15px;font-size:12px;line-height:1.65;max-width:84%;margin:14px 0}
.authenticated .bubble.operator{background:#e23880;color:white;border-radius:20px 20px 3px 20px}
.authenticated .bubble small{font-size:9px;color:#a6a0b0;margin-top:7px}
.authenticated .bubble.operator small{color:#ffe1ef}
.authenticated .bubble.operator a{color:white;text-decoration:underline}
.authenticated #compose{box-shadow:none;border:0;border-radius:7px;background:#f6f5fa;margin:0;padding:14px;gap:8px}
.authenticated #text{background:transparent;font-size:12px;min-height:48px;padding:4px}
.authenticated #send{border-radius:6px;font-size:11px;padding:9px 18px}
.authenticated #compose small{font-size:9px}
.authenticated .attachment-button{font-size:10px;padding:4px 0}
.authenticated .page-section .section-intro h2{font-size:22px;font-weight:600;letter-spacing:-.5px}
.authenticated .page-section .section-intro .muted{font-size:11px}
.authenticated .queue-column-head{border:0;background:transparent;border-radius:0;color:#aaa3b5;padding:14px 18px}
.authenticated #requestList{border:0;background:white;padding:8px 18px 18px;border-radius:8px}
.authenticated .queue-row{border:1px solid #efedf4;border-radius:7px;margin:10px 0;padding:18px 16px;min-height:88px}
.authenticated .queue-primary strong{font-size:12px}
.authenticated .queue-primary small{font-size:10px}
.authenticated .queue-icon{width:32px;height:34px;flex-basis:32px;border-radius:5px;font-size:12px}
.authenticated .queue-tabs{border:0;background:white;padding:12px;border-radius:8px;gap:5px;margin-bottom:14px}
.authenticated .queue-tabs button{border:0;border-radius:5px;padding:9px 12px;font-size:11px;color:#a095b0;background:#f8f6fc}
.authenticated .queue-tabs button[aria-pressed=true]{background:#e23880;color:white}
.overview-card,.overview-metrics button{border-radius:8px}
@media(max-width:1400px){.authenticated #desk{gap:18px;padding:18px;grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:1100px){.authenticated #desk{grid-template-columns:210px minmax(0,1fr);padding:16px;gap:16px}}
@media(max-width:760px){.authenticated #desk{grid-template-columns:1fr;padding:14px;gap:18px}.authenticated .conversation-pane{max-height:260px;overflow:auto}.authenticated .message-pane{min-height:470px}.authenticated .message-heading{flex-direction:row;gap:8px}.authenticated .message-heading h2{font-size:13px}.authenticated #messages{padding-bottom:18px}.authenticated .message-tools label{max-width:none}.authenticated .queue-row{padding:14px 10px}.authenticated #requestList{padding:6px 10px}.authenticated .queue-tabs{padding:8px}.authenticated .queue-tabs button{font-size:10px;padding:8px}.authenticated .bubble{max-width:90%}}
.authenticated .bubble.operator{margin-left:auto}.authenticated .bubble.customer{margin-right:auto}
/* Measurements and original vector navigation from Dashboard / 02 in Figma. */
@media(min-width:1251px){.authenticated .app-sidebar{width:84px}.context-panel{left:84px;width:clamp(290px,23vw,387px);padding:42px 28px}.authenticated .workspace{margin-left:calc(84px + clamp(290px,23vw,387px))}.authenticated .topbar{height:84px;padding:24px 30px}.authenticated .page-section{padding-left:30px;padding-right:30px}.overview-grid{gap:28px}.overview-metrics{gap:28px}.overview-card{border-radius:12px;padding:28px}.overview-metrics button{border-radius:10px;min-height:98px;padding:22px 28px}.authenticated .nav-button svg{width:22px;height:22px}}
/* Team tasks — Tasks / Add New, Kanban and Calendar from the imported kit. */
.task-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.task-metrics article{background:white;border-radius:10px;padding:20px}.task-metrics span{font-size:11px;color:#9a93aa}.task-metrics strong{display:block;font-size:26px;font-weight:550;color:#32303e;margin-top:8px}.task-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px 180px;gap:12px;margin-bottom:20px}.authenticated .task-toolbar input,.authenticated .task-toolbar select{background:white;border-color:#eeebf4;font-size:12px}.task-row{display:grid;grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) 100px 90px 100px;gap:14px;align-items:center;width:100%;text-align:left;background:white;color:#373241;border:1px solid #eeebf3;border-radius:8px;padding:20px;margin-bottom:10px;font-weight:400}.task-row:hover{background:#fff9fc}.task-row-copy{min-width:0}.task-row-copy strong{font-size:13px;display:block;font-weight:550;overflow-wrap:anywhere}.task-row-copy small{font-size:10px;color:#aaa2b5;margin-top:6px;display:block}.task-owner,.task-due{font-size:11px;color:#aaa2b5;overflow-wrap:anywhere}.task-due.overdue{color:#cb4765}.task-priority,.task-status{font-size:10px;border-radius:5px;padding:6px 8px;display:inline-block;width:fit-content;white-space:nowrap}.task-priority.high{background:#fff0f3;color:#cf6478}.task-priority.normal{background:#f3f1fa;color:#9b8ab7}.task-priority.low{background:#eef8f5;color:#7fac9c}.task-status.todo{background:#fff8e8;color:#b99b55}.task-status.in_progress{background:#eef2ff;color:#7d91c2}.task-status.on_hold{background:#f4effb;color:#a18bb7}.task-status.done{background:#edf9f2;color:#6ca88a}.task-status.archived{background:#f2f1f4;color:#a59dad}.tasks-empty{padding:60px 24px;border-radius:12px;background:white;text-align:center;color:#aaa1b5;font-size:13px;line-height:1.8}#taskBoard{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:18px;overflow:auto;padding-bottom:16px;align-items:start}.task-column{background:#efedf5;border-radius:10px;padding:14px;min-height:300px}.task-column h3{font-size:12px;font-weight:550;color:#8d829d;margin:4px 0 20px}.task-board-card{display:flex;flex-wrap:wrap;width:100%;background:white;color:#373241;border:1px solid #eeebf3;border-radius:8px;padding:18px;margin-bottom:12px;gap:12px;text-align:left;font-weight:400}.task-board-card:hover{background:#fff9fc}.task-board-card .task-row-copy{width:100%}.task-board-card .task-owner{width:100%}.task-board-card .task-status{display:none}.task-board-card .task-row-copy strong{line-height:1.6}.calendar-controls{display:flex;align-items:center;gap:12px;background:white;padding:20px;border-radius:10px 10px 0 0}.calendar-controls h3{font-size:16px;flex:1;margin:0;font-weight:550;text-transform:capitalize}.calendar-controls button{background:#f7f4fa;color:#aa99ba;border:1px solid #f0eaf5;min-width:34px;padding:7px 10px;font-size:12px}.calendar-week,#taskCalendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:white}.calendar-week span{font-size:10px;color:#aaa1b4;padding:14px;text-align:center;border:1px solid #f3f0f7}.calendar-day{border:1px solid #f3f0f7;min-height:105px;padding:10px;min-width:0}.calendar-date{font-size:11px;color:#978caa;display:inline-block;margin-bottom:8px}.calendar-day.today .calendar-date{background:#e23880;color:white;padding:3px 6px;border-radius:6px}.calendar-day.other-month{background:#faf9fc}.calendar-day.other-month .calendar-date{color:#d3ccd9}.calendar-task{display:block;width:100%;text-align:left;font-size:10px;padding:5px 6px;margin:3px 0;background:#fcebf4;color:#bd6991;border:0;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-task.high{background:#ffedf0;color:#cc687b}#taskLoadError:empty{display:none}#taskLoadError{font-size:12px;color:#bd648f;margin:12px 0}#taskDialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #eeebf4;border-radius:12px;padding:30px;color:#38313f;background:white;box-shadow:0 24px 100px #251b3730}#taskDialog::backdrop{background:#27203455;backdrop-filter:blur(3px)}#taskDialog h2{font-size:22px;font-weight:600}#closeTaskDialog{background:#f8f5fa;color:#a393b1;width:32px;height:32px;padding:0;border-radius:7px;font-size:23px;font-weight:400}#taskDialog label{font-size:11px;color:#a093b0;font-weight:400}#taskDialog input,#taskDialog select,#taskDialog textarea{font-size:12px;border:1px solid #ece6f2;border-radius:6px}#taskDialog textarea{min-height:100px}#taskTitle{font-size:16px!important;font-weight:550}.task-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.task-subheading{font-size:12px;color:#9e91ae;font-weight:500;margin:24px 0 12px}.task-check-item{display:flex;align-items:center;gap:10px;margin:8px 0}.task-check-item input[type=checkbox]{width:16px;min-height:16px;height:16px;flex:0 0 16px;accent-color:#e23880}.task-check-item input:not([type=checkbox]){border:0!important;border-bottom:1px solid #eee9f3!important;border-radius:0!important}.task-check-remove{background:transparent;color:#c3b6ce;font-size:20px;padding:4px 8px}#taskAddChecklist{background:transparent;color:#c27aa0;font-size:11px;padding:8px 0}.task-save-row{display:flex;align-items:center;gap:16px;padding-top:20px;border-top:1px solid #f3eff7;margin-top:20px}#taskSave{font-size:12px;border-radius:6px}#taskSaveNotice{font-size:11px;color:#87af99}#taskEditorError,#taskCommentError{font-size:12px;color:#c44e7c;margin-top:12px}#taskActivity{border-top:1px solid #f0eaf5;margin-top:26px}#taskCommentForm{background:#f8f5fb;border-radius:7px;padding:12px;display:flex;gap:10px;align-items:end}#taskCommentForm textarea{background:transparent;border:0;min-height:60px;resize:vertical}#taskCommentSend{font-size:11px;padding:10px 14px;border-radius:5px}.task-event{padding:16px 0;border-bottom:1px solid #f2edf7}.task-event small{font-size:10px;color:#b3a7bf}.task-event p{font-size:12px;color:#8a7e98;line-height:1.7;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.task-event.comment p{color:#44394e}.authenticated #taskFromChat{background:#fff0f7;color:#bf6a93;font-size:11px;padding:8px 10px;border:1px solid #f8e1ec;border-radius:7px;white-space:nowrap}
@media(max-width:1250px){.task-row{grid-template-columns:minmax(140px,2fr) 100px 90px 95px}.task-row .task-priority{display:none}.task-toolbar{grid-template-columns:minmax(0,1fr) 150px 150px}.calendar-day{padding:7px;min-height:90px}}@media(max-width:760px){.task-metrics{grid-template-columns:1fr 1fr;gap:10px}.task-metrics article{padding:16px}.task-toolbar{grid-template-columns:1fr 1fr}.task-toolbar input{grid-column:1/-1}.task-row{grid-template-columns:minmax(0,1fr) auto;padding:16px}.task-row .task-owner,.task-row .task-due{display:none}.calendar-day{min-height:80px;padding:4px}.calendar-week span{padding:10px 4px}.calendar-task{font-size:8px;padding:5px 3px}.calendar-controls{padding:14px;gap:6px}.calendar-controls h3{font-size:12px}.task-editor-grid{gap:0 12px}#taskDialog{padding:22px}#taskBoard{grid-auto-columns:230px}#taskCommentForm{flex-wrap:wrap}#taskCommentSend{margin-left:auto}.authenticated .message-heading{flex-wrap:wrap}}
#contactSearch{max-width:440px;margin-bottom:22px}#contactList{background:white;border-radius:10px;padding:8px 22px}.contact-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #f0ebf5}.contact-row:last-child{border:0}.contact-info{flex:1;min-width:0}.contact-info strong{font-size:13px;font-weight:550;display:block}.contact-info small{font-size:10px;color:#ac9fb8;display:block;margin-top:5px}.contact-requests{font-size:11px;color:#b1a5bd}.contact-row button{font-size:11px;padding:8px 12px}.task-board-card[draggable=true]{cursor:grab}.task-board-card[draggable=true]:active{cursor:grabbing}.authenticated .app-sidebar{overflow-y:auto;scrollbar-width:thin}.authenticated .sidebar-bottom{padding-bottom:8px}@media(max-width:760px){.contact-row{flex-wrap:wrap;gap:12px}.contact-requests{display:none}.contact-row button{font-size:10px}.contact-info{min-width:100px}#contactList{padding:8px 16px}.authenticated .nav-button{margin-bottom:6px;min-height:42px}}

#taskContext h3{font-size:13px;font-weight:550;margin:12px 0 5px;color:#4e425c}#taskContext>p{font-size:10px;color:#b1a4bd;margin-bottom:18px}.context-task-counter{display:block;text-align:left;width:100%;background:#f8f6fb;border:0;border-radius:8px;padding:18px 20px;margin:10px 0;color:#54475f;font-weight:400}.context-task-counter:hover{background:#fff0f7}.context-task-counter span{display:block;font-size:11px;color:#a18fab}.context-task-counter strong{display:block;font-size:22px;font-weight:500;margin-top:8px}.tasks-workspace #attentionList,.tasks-workspace #attentionLabel{display:none}.tasks-workspace .context-brand{width:36px;height:38px;font-size:25px;border-radius:13px;margin-bottom:12px;letter-spacing:-3px}.tasks-workspace .context-brand span{font-size:16px;margin:6px 3px 0 0}.tasks-workspace .context-welcome{font-size:11px}.tasks-workspace #contextName{font-size:16px;margin-bottom:20px}@media(min-width:1001px){.tasks-workspace .task-metrics{display:none}}

/* Chat composition based on supplied editable SVG. */
.authenticated .message-row{display:flex;align-items:flex-start;gap:9px;margin:16px 0 22px;max-width:88%}
.authenticated .message-row.operator{margin-left:auto;flex-direction:row-reverse}
.authenticated .message-avatar{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eeedf4;color:#75738a;font-size:9px;font-weight:600;margin-top:4px}
.authenticated .message-row.operator .message-avatar{background:#f8dfea;color:#b6497a}
.authenticated .message-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.authenticated .message-row.operator .message-content{align-items:flex-end}
.authenticated .message-row .bubble{max-width:100%;margin:0;padding:8px 16px;border-radius:22px;background:#f5f5f7;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.authenticated .message-row.operator .bubble{background:#e23880;color:white;border-radius:22px}
.authenticated .message-content>small{font-size:10px;line-height:1.5;color:#8e899e;margin-top:6px;display:block}
.authenticated #compose{display:grid;grid-template-columns:minmax(0,1fr) 30px auto;align-items:center;gap:10px;border-radius:12px;background:#f5f5fa;padding:16px 20px;margin:0;position:relative}
.authenticated #compose[hidden]{display:none}
.authenticated #text{grid-column:1;grid-row:1;min-height:38px;height:38px;max-height:140px;border:0;resize:vertical;padding:9px 4px;margin:0;line-height:20px;font-size:13px;box-shadow:none;color:#333240}
.authenticated #text::placeholder{color:#8f8a9e}
.authenticated #compose .attachment-control{grid-column:2;grid-row:1;display:block}
.authenticated #compose .attachment-button{display:grid;place-items:center;width:30px;height:34px;padding:0;color:#9590a4;cursor:pointer;border-radius:6px}
.authenticated #compose .attachment-button:hover{background:#e9e7f0;color:#e23880}
.authenticated #attachmentNames{position:absolute;bottom:3px;left:24px;right:130px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.authenticated #compose>small{display:none}
.authenticated #send{grid-column:3;grid-row:1;border-radius:8px;padding:10px 18px;font-size:12px;min-height:38px;white-space:nowrap}
@media(max-width:760px){.authenticated #compose{padding:12px;gap:6px}.authenticated #send{grid-column:3;grid-row:1;padding:10px 12px}.authenticated .message-row{max-width:94%}.authenticated .message-heading{flex-wrap:wrap}.authenticated .message-row .bubble{font-size:12px}}

.authenticated .brand .dashboard-wordmark{display:block;width:58px;height:auto;filter:brightness(0)}
.authenticated .context-panel .context-brand{width:150px;height:auto;background:transparent;border-radius:0;margin:4px 0 26px;letter-spacing:normal;display:block}
.authenticated .context-brand .dashboard-wordmark{display:block;width:150px;height:auto;filter:brightness(0)}
@media(max-width:760px){.authenticated .brand .dashboard-wordmark{width:46px}.authenticated .context-panel .context-brand{display:none}}

.chat-scope{display:flex;gap:6px;margin:12px 0}.authenticated .chat-scope button{flex:1;background:#f4f3f8;color:#93899f;border:0;border-radius:8px;font-size:10px;padding:9px 8px;white-space:nowrap}.authenticated .chat-scope button[aria-pressed=true]{background:#fbe5f0;color:#be4d82}#shopQueueCount{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:50%;background:#e23880;color:white;font-size:9px;margin-left:3px}#shopQueueCount[hidden]{display:none}