:root{
  font-family:"Segoe UI Variable Text",Aptos,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:14px;font-weight:350;font-synthesis:none;
  color:#1f2933;background:#f4f6f8;
  --forest:#12382b;--forest-2:#194c3a;--green:#1f8a5b;--green-soft:#eaf7f0;
  --ink:#17211c;--muted:#718078;--line:#e7e9ee;--surface:#fff;--surface-2:#f8f9fb;
  --accent:#6f6ee8;--accent-2:#4d8df7;--accent-soft:#f0efff;--blue-soft:#eaf3ff;
  --shadow:0 14px 38px rgba(22,36,29,.08);--radius:16px;
}
*{box-sizing:border-box}html,body,#app{min-height:100%;height:100%}body{margin:0;background:#f4f6f8;color:var(--ink);font-weight:350;letter-spacing:.005em}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(76,141,247,.35);outline-offset:2px}
input,select,textarea{border:1px solid #dfe4e1;border-radius:10px;background:#fff;color:#24342d;padding:10px 12px;max-width:100%}textarea{resize:vertical;line-height:1.55}
h1,h2,h3,p{margin-top:0}h1,h2,h3{color:inherit}p{line-height:1.55}.muted,.small,.development-foot{color:#728078}.small{font-size:12px}.full{width:100%}
button{border:1px solid var(--line);border-radius:10px;background:#fff;color:#32463b;padding:10px 14px;font-weight:550}button:hover:not(:disabled){background:#f7f9f7;border-color:#cbd7d0}.primary{background:var(--forest-2);border-color:var(--forest-2);color:#fff}.primary:hover:not(:disabled){background:#123d2d;color:#fff}.quiet{background:#fff}.text-button{border:0;background:transparent;padding:6px;color:#65786b}.compact-button{padding:8px 11px;font-size:12px}.small-button{padding:7px 10px;font-size:11px}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.skip-link{position:absolute;top:-60px;left:12px;z-index:100;padding:12px;background:#fff}.skip-link:focus{top:10px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:3px;font-size:24px;font-weight:600}.brand-mark,.rail-logo{display:grid;place-items:center;background:#ddeaac;color:#143b2b;font-weight:600}.brand-mark{width:42px;height:42px;border-radius:12px;font-size:24px;letter-spacing:-4px;padding-right:4px}.brand small{font-size:8px;letter-spacing:2.5px;display:block;margin-top:5px;font-weight:550}.eyebrow,.section-label{font-size:9px;letter-spacing:1.65px;text-transform:uppercase;font-weight:600;color:#85958b}.pill,.foundation-badge{display:inline-flex;align-items:center;border:1px solid #dbe5dc;background:#f6f9f3;color:#52705b;border-radius:999px;font-weight:600}.pill{font-size:10px;padding:5px 9px}.foundation-badge{font-size:10px;padding:5px 8px}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e8efd4,#dce7b5);color:#2e573d;font-weight:600;font-size:11px;flex:none}.avatar.large{width:58px;height:58px;font-size:17px}.avatar.mini{width:28px;height:28px;font-size:9px}
.status-dot{width:8px;height:8px;border-radius:50%;background:#c59e4c;display:inline-block;flex:none}.presence-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#36bd72;border:2px solid #eef3ef;right:5px;bottom:3px}
/* login */
.startup{padding:80px}.login-layout{display:grid;grid-template-columns:minmax(360px,46%) 1fr;min-height:100dvh}.login-brand{background:linear-gradient(145deg,#113629,#1a4b3a);color:#f5f9f3;padding:48px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;bottom:-180px;background:radial-gradient(circle,rgba(138,160,255,.2),transparent 70%)}.login-brand .eyebrow{color:#c5dca9}.brand-story{margin:auto 0;max-width:500px;padding:65px 0 32px;position:relative;z-index:1}.brand-story h1{font-size:clamp(36px,3.5vw,58px);line-height:1.1;letter-spacing:-1.8px;margin:22px 0}.brand-story p{color:#c2d2c6;max-width:360px;font-size:15px}.login-brand footer{font-size:11px;color:#bfd0c3;display:flex;justify-content:space-between;gap:20px}.route-art{height:115px;width:85%;border-top:1px dashed #7b9c72;border-right:1px dashed #7b9c72;border-radius:0 70px 0 0;margin-top:55px;display:flex;justify-content:space-between;align-items:flex-start}.route-art span{width:13px;height:13px;background:#d4e6b1;border-radius:50%;transform:translateY(-7px);box-shadow:0 0 0 8px #315340}.route-art span:last-child{margin-top:108px;transform:translateX(7px);background:#95b394}.login-main{display:flex;justify-content:center;align-items:center;background:#fff;padding:50px 36px}.login-card{width:100%;max-width:420px}.login-card h2{font-size:31px;margin:24px 0 10px;letter-spacing:-.9px}.login-card form{margin-top:28px}.login-card label{display:block;margin:20px 0 9px;font-weight:600;font-size:12px}.login-card input{width:100%;height:47px}.login-card .primary{margin:22px 0 14px;height:47px}.connection-note{border-top:1px solid var(--line);padding-top:23px;margin-top:25px;display:flex;gap:10px;font-size:12px}.connection-note p{font-size:11px;color:#78847b;margin:6px 0}.diagnostics{margin-top:24px;font-size:12px}.diagnostics summary{cursor:pointer;font-weight:600;color:#607969}.diagnostics pre{font-size:10px;padding:12px;background:#f0f3ef;overflow:auto;max-height:260px;white-space:pre-wrap;overflow-wrap:anywhere}.development-foot{margin:24px 0 0;font-size:10px}
/* access + notices */
.error-box{padding:14px 16px;border:1px solid #e4c1b8;background:#fff5f2;color:#873d32;border-radius:12px;margin:12px;font-size:12px;text-align:left;overflow-wrap:anywhere}.error-box strong,.error-box span{display:block;line-height:1.55}.error-box span{margin-top:4px;font-size:10px}.error-box p{margin:10px 0}.notice,.toast,.access-status,.read-notice{padding:11px 16px;font-size:12px;background:#edf6e8;border-bottom:1px solid #d4e4cb;color:#3c5a39}.access-page{min-height:100dvh;padding:40px;background:#f6f8f6}.access-card{max-width:570px;margin:10vh auto;background:#fff;border:1px solid var(--line);padding:36px;border-radius:20px;box-shadow:var(--shadow)}.access-card h1{margin-top:22px}.access-card .button-row{margin-top:24px}.danger-text{color:#963e31}
/* professional shell */
.workspace{display:flex;min-height:100dvh;height:100dvh;overflow:hidden;background:#f3f5f7}.professional-shell{background:#f4f6f8}.app-rail{width:68px;flex:none;background:#f7faf8;border-right:1px solid #e4e8e5;display:flex;flex-direction:column;align-items:center;padding:14px 8px;z-index:5}.rail-logo{width:42px;height:42px;border-radius:14px;font-size:20px;margin-bottom:28px}.app-rail nav{display:flex;flex-direction:column;gap:8px;width:100%}.rail-item{height:50px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#647269;position:relative}.rail-item span{font-size:19px;line-height:1}.rail-item small{font-size:7px;font-weight:600}.rail-item.active{background:#eaf4ee;color:#1a6646}.rail-item.active:before{content:"";position:absolute;left:-8px;top:12px;bottom:12px;width:3px;border-radius:3px;background:#318b61}.rail-item.disabled{opacity:.62}.rail-bottom{margin-top:auto;position:relative}.rail-avatar{width:34px;height:34px}.inbox-nav{width:224px;flex:none;background:#fff;border-right:1px solid #e8ebea;display:flex;flex-direction:column;padding:18px 14px}.inbox-nav-head{display:flex;align-items:flex-start;justify-content:space-between;padding:6px 8px 18px}.inbox-nav-head h1{font-size:24px;margin:5px 0 0;letter-spacing:-.7px}.inbox-nav-section{border-top:1px solid #f0f1f2;padding:15px 4px 11px}.inbox-nav-section:first-of-type{border-top:0}.section-label{display:block;margin:0 8px 8px}.inbox-nav-item,.channel-nav-item{width:100%;border:0;background:transparent;border-radius:10px;color:#5c6961;padding:9px 10px;display:flex;align-items:center;gap:10px;text-align:left}.inbox-nav-item strong{font-size:12px}.inbox-nav-item.active,.channel-nav-item.active{background:#edf4ff;color:#235d9e}.inbox-nav-item:hover:not(:disabled),.channel-nav-item:hover:not(:disabled){background:#f5f7f8;border:0}.channel-nav-item{font-size:11px}.nav-channel-all{display:grid;place-items:center;width:21px;font-weight:600;letter-spacing:1px}.safety-section{margin-top:auto}.safety-card{display:flex;gap:8px;padding:10px;border-radius:11px;background:#fbfaf4;color:#796a43}.safety-card .status-dot{margin-top:5px}.safety-card strong{font-size:10px}.safety-card p{font-size:9px;margin:3px 0 0;color:#91856b}.staff-card{margin-top:12px;border-top:1px solid #edf0ee;padding:14px 4px 0;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;min-width:0}.staff-card strong,.staff-card span,.staff-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-card strong{font-size:10px}.staff-card span{font-size:9px;color:#6e7b73;margin-top:2px}.staff-card small{font-size:8px;color:#91a097;margin-top:2px}.rail-signout{border:0;background:transparent;padding:6px;font-size:16px}.workspace-main{min-width:0;display:flex;flex-direction:column;flex:1;overflow:hidden}.professional-main{background:#fff}.topbar{background:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.professional-topbar{min-height:70px;padding:14px 20px}.topbar-title h2{font-size:17px;margin:4px 0 0;letter-spacing:-.3px}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions select{font-size:11px;max-width:220px;padding:8px 10px}.mobile-signout{display:none}.access-status{background:#f0f5ed}.professional-grid{display:grid;grid-template-columns:330px minmax(470px,1fr) 292px;min-height:0;flex:1;overflow:hidden}
/* platforms */
.platform-icon{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;flex:none;color:#fff;box-shadow:0 0 0 2px #fff;line-height:1;overflow:hidden}.platform-icon.tiny{width:20px;height:20px}.platform-svg{width:55%;height:55%;display:block;fill:currentColor}.platform-wa{background:#25D366}.platform-ig{background:radial-gradient(circle at 30% 105%,#fdf497 0 9%,#fd5949 28%,#d6249f 55%,#285AEB 100%)}.platform-msg{background:linear-gradient(145deg,#00B2FF 5%,#006AFF 42%,#8F38FF 72%,#FF00C7 100%)}.platform-fb{background:#1877F2}.platform-tt{background:#050505}.platform-wi{background:#5f7569}.platform-rf{background:#a47735}.platform-ch{background:#7c8691}.platform-ph{background:#5e8e78}.platform-em{background:#6c79b7}.platform-all{background:#eef2f5;color:#65717a}.platform-fb .platform-svg{width:42%;height:58%}.platform-msg .platform-svg,.platform-tt .platform-svg{width:58%;height:58%}.channel-stack{display:inline-flex;align-items:center;padding-left:2px}.channel-stack .platform-icon{margin-left:-4px}.channel-stack .platform-icon:first-child{margin-left:0}.channel-more{font-size:8px;font-weight:600;color:#65716a;margin-left:4px}.profile-channel-stack .channel-stack{justify-content:center}
/* conversation list */
.conversation-column{display:flex;flex-direction:column;background:#fff;min-height:0;border-right:1px solid var(--line)}.conversation-list-head{padding:18px 16px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.conversation-list-head h2{font-size:19px;margin:0 0 2px}.conversation-list-head>div>span{font-size:10px;color:#87928b}.list-head-tools{min-width:0}.search-box{height:34px;display:flex;align-items:center;gap:6px;border:1px solid #e1e5e3;border-radius:10px;padding:0 9px;background:#f8faf9;color:#839088}.search-box input{border:0;background:transparent;padding:0;width:145px;font-size:10px;outline:0}.professional-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 12px}.professional-controls label{font-size:8px;color:#869188;font-weight:600}.professional-controls select{display:block;width:100%;margin-top:4px;padding:7px 8px;font-size:10px;background:#fff}.conversation-list{flex:1;overflow-y:auto;min-height:0;padding:0 8px}.conversation-item{border:0;border-radius:12px;display:block;width:100%;text-align:left;background:#fff}.professional-card{padding:12px 10px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:start;margin:2px 0;border:1px solid transparent}.professional-card:hover:not(:disabled){background:#f8fafb;border-color:#eef1ef}.professional-card.selected{background:#edf4ff;border-color:#d9e9ff}.contact-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none}.contact-avatar>.platform-icon{position:absolute;right:-4px;bottom:-3px}.contact-avatar.hero>.platform-icon{right:-3px;bottom:1px}.card-main{min-width:0;display:block}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title time{font-size:8px;color:#8b958f;white-space:nowrap}.card-preview{display:block;color:#68736d;font-size:10px;margin:5px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tags{display:flex;align-items:center;gap:6px;min-height:20px;flex-wrap:wrap}.card-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:28px}.card-side small{font-size:7px;color:#9aa49e}.assigned-avatar{background:#dfe7ea;color:#43535a}.unread{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#27885f;color:#fff;font-size:9px;font-weight:600;display:inline-grid;place-items:center}.thread-count{font-size:8px;color:#808c85;background:#f1f4f2;border-radius:999px;padding:3px 6px}.lifecycle-chip{display:inline-flex;align-items:center;border-radius:6px;padding:3px 6px;font-size:8px;font-weight:600;white-space:nowrap}.lifecycle-new{background:#edf4f8;color:#476273}.lifecycle-contacted{background:#eef1ff;color:#565aa3}.lifecycle-qualified{background:#fff2df;color:#9c5d12}.lifecycle-converted{background:#e7f6ed;color:#28734c}.lifecycle-disqualified{background:#f4eded;color:#92504f}.lifecycle-contact{background:#f1f3f2;color:#65736b}.list-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f1;padding:8px 10px;font-size:9px;color:#88938c}
/* thread */
.thread-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fcfdfd}.professional-thread{position:relative}.thread-header{background:#fff;border-bottom:1px solid var(--line)}.professional-thread-header{padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.thread-person{display:flex;align-items:center;gap:11px;min-width:0}.thread-name-line{display:flex;align-items:center;gap:8px;min-width:0}.thread-name-line h2{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-person p{font-size:9px;color:#7d8982;margin:4px 0 0}.thread-actions{display:flex;gap:6px}.contact-thread-switcher{display:flex;gap:6px;align-items:center;padding:8px 18px;background:#fff;border-bottom:1px solid #edf0ee;overflow-x:auto}.channel-thread-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:9px;background:#fff;white-space:nowrap}.channel-thread-pill.active{border-color:#b8c8f6;background:#f0f4ff;color:#3b5ba5}.channel-thread-pill em{font-style:normal;font-size:8px;background:#27885f;color:#fff;border-radius:999px;padding:1px 5px}.thread-tabs{height:42px;display:flex;align-items:end;padding:0 18px;background:#fff;border-bottom:1px solid var(--line);gap:18px}.thread-tabs button{border:0;border-radius:0;background:transparent;padding:0 0 10px;font-size:10px;color:#7d8881}.thread-tabs button[aria-selected="true"]{color:#245f42;border-bottom:2px solid #2f7e58}.thread-tabs button span{margin-left:4px}.manual-label{margin-left:auto;padding-bottom:10px;font-size:8px;color:#9aa39d}.compact-contact{display:none}.read-notice{border-bottom:1px solid #dfe7dd}.uncertain-box{padding:12px;margin:10px 16px;border:1px solid #e5c78c;background:#fff8e9;border-radius:10px;font-size:11px}.uncertain-box p{margin:5px 0}.message-timeline,.notes-timeline{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 14px;background:#fafbfc}.message-row{display:flex;align-items:flex-end;gap:8px;margin:9px 0}.message-row.outbound{flex-direction:row-reverse}.message-avatar{width:30px;flex:none;display:flex;justify-content:center}.wottt-agent-mark{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#736be8,#5d8df5);color:#fff;font-weight:600;font-size:10px}.message{max-width:min(72%,720px);border-radius:14px;padding:10px 12px;box-shadow:0 2px 8px rgba(30,40,35,.03)}.message.inbound{background:#f0f2f3;border-bottom-left-radius:5px}.message.outbound{background:linear-gradient(135deg,#f2f0ff,#eaf0ff);border-bottom-right-radius:5px}.message-kicker{display:flex;align-items:center;gap:6px;font-size:8px;color:#728079;margin-bottom:5px}.message-body{font-size:12px;line-height:1.5;color:#24312a}.message footer{display:flex;gap:12px;justify-content:space-between;margin-top:7px;font-size:7px;color:#909a94}.load-more{display:block;margin:0 auto 14px;padding:6px 10px;font-size:9px}.customer-composer,.test-reply-composer,.note-composer{background:#fff;border-top:1px solid var(--line)}.professional-composer{margin:0;padding:12px 18px 15px}.composer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.composer-channel{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe4e1;border-radius:9px;padding:6px 9px;font-size:9px}.receive-only-chip{font-size:8px;background:#f2f4f3;color:#727e77;border-radius:999px;padding:4px 7px}.professional-composer textarea{width:100%;min-height:70px;background:#fafbfa}.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;color:#8d9791}.composer-footer button{width:30px;height:30px;border-radius:50%;padding:0}.notes-banner{font-size:8px;letter-spacing:1px;color:#8a6d35;background:#fff8e8;border:1px solid #f0dfb9;border-radius:8px;padding:8px 10px;margin-bottom:12px}.internal-note{border:1px solid #eee2bd;background:#fffaf0;border-radius:12px;padding:12px;margin:10px 0}.internal-note header,.internal-note footer{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#877c5b}.internal-note header strong{font-size:9px;color:#685c35}.internal-note header strong span{text-transform:uppercase;font-size:7px;display:block;margin-top:2px}.note-body{font-size:11px;line-height:1.55;margin:10px 0}.note-composer{padding:12px 18px}.note-composer>label{font-size:10px;font-weight:600}.note-composer>label span{font-size:8px;color:#9a7f43;margin-left:5px}.note-composer textarea{width:100%;min-height:72px;margin-top:7px}.note-composer>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;font-size:8px;color:#8a948e}.note-save{background:#866622;color:#fff;border-color:#866622;font-size:9px;padding:7px 10px}.test-reply-composer{padding:13px 18px}.test-reply-heading{display:flex;justify-content:space-between;gap:10px}.test-reply-heading strong{font-size:10px}.test-reply-heading span{font-size:8px;color:#877a64}.test-reply-composer textarea{width:100%;min-height:74px}.test-reply-confirm{display:flex;gap:8px;align-items:flex-start;font-size:9px;margin:8px 0}.test-reply-footer{display:flex;justify-content:space-between;gap:10px;align-items:end}.test-reply-footer small{font-size:8px;color:#8a938e;max-width:70%}.test-reply-history,.test-reply-warning{font-size:8px;margin:5px 0;color:#7c7461}.test-reply-feedback-warning{background:#fff6eb;color:#8a5b2e}
/* contact panel */
.contact-column{background:#fff;border-left:1px solid var(--line);min-height:0;overflow-y:auto}.contact-panel-head{height:54px;padding:17px 16px 10px;display:flex;justify-content:space-between;align-items:center}.contact-panel-head h2{font-size:12px;margin:0}.contact-menu{color:#8d9791;letter-spacing:2px}.professional-profile{text-align:center;padding:7px 18px 18px}.professional-profile h3{font-size:14px;margin:10px 0 7px}.professional-profile p{font-size:8px;color:#8a958e;margin:8px 0 0}.contact-section{padding:14px 17px;border-top:1px solid #f0f2f1}.contact-channel-list{display:grid;gap:8px}.contact-channel-row{display:flex;align-items:center;gap:9px}.contact-channel-row .platform-icon{width:25px;height:25px}.contact-channel-row strong,.contact-channel-row span{display:block}.contact-channel-row strong{font-size:9px}.contact-channel-row span{font-size:8px;color:#8a958e;margin-top:2px}.contact-fields{display:grid;grid-template-columns:72px 1fr;gap:8px 10px;margin:8px 0 0}.contact-fields dt{font-size:8px;color:#929d96}.contact-fields dd{margin:0;font-size:9px;overflow-wrap:anywhere}.contact-fields dd small{display:block;color:#9aa39e;margin-top:2px}.assigned-person{display:flex;gap:9px;align-items:center;margin-top:9px}.assigned-person strong,.assigned-person span{display:block}.assigned-person strong{font-size:9px}.assigned-person span{font-size:8px;color:#929d96;margin-top:2px}.contact-safety{margin:12px 14px 18px;padding:9px;border-radius:9px;background:#f8faf8;color:#8b958f;font-size:8px;line-height:1.5}.contact-placeholder{text-align:center;color:#87938b;padding:40px 20px;font-size:10px}.contact-placeholder .avatar{margin:0 auto 12px}.contact-placeholder p{font-size:10px}.empty{margin:auto;text-align:center;color:#77847c;padding:38px 22px}.empty h2{font-size:22px;color:#40534a}.empty h3{font-size:13px;color:#52645a}.empty p{max-width:420px;margin-left:auto;margin-right:auto;font-size:10px}.empty.compact{padding:30px 16px}.welcome-empty .empty-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#f0efff,#eaf3ff);display:grid;place-items:center;margin:0 auto 18px;color:#6b6edb;font-size:22px}.welcome-empty .eyebrow{display:block;margin-bottom:14px}.welcome-empty h2{font-size:27px;line-height:1.2;letter-spacing:-.8px}.quiet-label{display:inline-flex;margin-top:14px;border:1px solid #e0e5e2;border-radius:999px;padding:6px 10px;font-size:8px}.spinner{width:22px;height:22px;border:2px solid #dce4df;border-top-color:#4a8061;border-radius:50%;margin:0 auto 12px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1380px){.inbox-nav{width:205px}.professional-grid{grid-template-columns:315px minmax(430px,1fr) 260px}.professional-contact{font-size:95%}}
@media(max-width:1180px){.professional-grid{grid-template-columns:310px minmax(400px,1fr)}.professional-contact{display:none}.compact-contact{display:block;background:#fff;border-bottom:1px solid var(--line);padding:0 16px}.compact-contact summary{font-size:9px;font-weight:600;padding:8px 0;cursor:pointer}.compact-contact .contact-panel-head{display:none}.compact-contact .contact-section{display:block}.compact-contact .professional-profile{padding:8px}.compact-contact .contact-safety{display:none}}
@media(max-width:920px){.inbox-nav{display:none}.app-rail{width:60px}.professional-grid{grid-template-columns:300px minmax(380px,1fr)}.professional-topbar{padding:12px 14px}}
@media(max-width:720px){.app-rail{display:none}.professional-topbar{min-height:62px}.topbar-title h2{font-size:14px}.topbar-title .eyebrow{display:none}.topbar-actions select{max-width:150px}.mobile-signout{display:inline-block}.professional-grid{display:block;overflow:auto}.conversation-column{height:calc(100dvh - 62px);border-right:0}.professional-grid.has-selection .conversation-column{display:none}.thread-column{height:calc(100dvh - 62px)}.message{max-width:88%}.thread-name-line h2{max-width:170px}.professional-thread-header{padding:10px 12px}.contact-thread-switcher,.thread-tabs{padding-left:12px;padding-right:12px}.message-timeline,.notes-timeline{padding:14px 12px}.professional-composer,.note-composer,.test-reply-composer{padding-left:12px;padding-right:12px}.login-layout{display:block}.login-brand{display:none}.login-main{min-height:100dvh;padding:30px 22px}.access-page{padding:20px}}
.read-policy{margin:0;padding:6px 18px;background:#fbfcfb;border-bottom:1px solid #edf0ee;color:#8d9791;font-size:8px}.sync-note{margin:0;padding:4px 10px 8px;color:#9aa39e;font-size:7px;text-align:center}
/* Foundation 04.2 professional inbox controls */
.rail-item{border:0;background:transparent;padding:0;font-weight:450}.rail-item:hover:not(:disabled){border:0;background:#eef4f0}.rail-mini-action,.rail-avatar-button{width:38px;height:38px;border:0;background:transparent;border-radius:11px;padding:0;display:grid;place-items:center;position:relative;color:#66736b}.rail-mini-action:hover,.rail-avatar-button:hover{background:#eef4f0;border:0}.rail-mini-action.disabled{opacity:.42;cursor:not-allowed}.rail-bottom{display:grid;gap:7px;justify-items:center}.rail-avatar-button{height:42px}
.inbox-nav{overflow-y:auto}.inbox-nav-section{flex:none}.inbox-nav-item.unavailable{opacity:.55;cursor:not-allowed}.inbox-nav-item.unavailable small{margin-left:auto;font-size:7px;color:#89948e}.lifecycle-nav-item,.team-inbox-item{width:100%;border:0;background:transparent;border-radius:9px;color:#617067;padding:7px 10px;display:flex;align-items:center;gap:9px;text-align:left;font-size:10px;font-weight:400}.lifecycle-nav-item:hover:not(:disabled),.team-inbox-item:hover:not(:disabled){background:#f5f7f8;border:0}.lifecycle-nav-item.active,.team-inbox-item.active{background:#f0f4ff;color:#3d5e9c}.lifecycle-dot{width:8px;height:8px;border-radius:3px;background:#d8dedb}.lifecycle-dot-new{background:#8aa6b7}.lifecycle-dot-contacted{background:#8a90db}.lifecycle-dot-qualified{background:#e0a84b}.lifecycle-dot-converted{background:#5cb781}.lifecycle-dot-disqualified{background:#bd7c7b}.lifecycle-dot-all{background:#a8b2ac}.team-mark{width:23px;height:23px;border-radius:7px;background:#edf1ee;display:grid;place-items:center;font-size:7px;font-weight:650}.danger-nav{background:#fff1ef!important;color:#914942!important}
.professional-grid{grid-template-columns:330px minmax(470px,1fr) 50px 292px}.context-action-rail{background:#fbfcfc;border-left:1px solid #edf0ef;border-right:1px solid #edf0ef;display:flex;flex-direction:column;align-items:center;padding:9px 6px;gap:7px}.context-tool{width:36px;height:36px;border:1px solid #e1e6e3;background:#fff;border-radius:10px;padding:0;display:grid;place-items:center;font-size:14px;font-weight:450;color:#66736c}.context-tool.active{background:#edf4ff;border-color:#cad9fb;color:#315caa}.context-tool.disabled{opacity:.42}.context-tool.integration span{font-size:10px;font-weight:650}.context-rail-separator{height:1px;background:#e6e9e7;width:28px;margin:3px 0}
.thread-toolbar-wrap{position:relative;background:#fff}.professional-thread-header{min-height:67px}.thread-actions{align-items:center;flex-wrap:nowrap}.icon-button{width:34px;height:34px;border-radius:10px;padding:0;display:grid;place-items:center;font-size:14px;background:#fff}.icon-button.active{background:#edf4ff;color:#315caa;border-color:#cad9fb}.ai-status-control{height:34px;padding:0 10px;display:flex;align-items:center;gap:5px;border-radius:10px;background:#faf9ff;border-color:#e6e1ff;color:#625fa0;font-size:9px;white-space:nowrap}.ai-status-control small{font-size:7px;color:#9994b6}.thread-control{height:34px;padding:0 11px;font-size:9px;border-radius:10px;white-space:nowrap}.thread-control.close-control{background:#fff}.thread-control.closed{background:#f1f5f2;color:#6f7e75}.floating-menu{position:absolute;right:14px;top:60px;z-index:30;width:260px;background:#fff;border:1px solid #e4e7e5;border-radius:14px;box-shadow:0 16px 42px rgba(24,37,30,.16);padding:11px}.floating-menu header{display:block;margin-bottom:9px}.floating-menu header strong,.floating-menu header span{display:block}.floating-menu header strong{font-size:10px}.floating-menu header span{font-size:8px;color:#8c9690;margin-top:3px}.assignment-list{max-height:240px;overflow:auto;display:grid;gap:4px}.assignment-list button{border:0;background:transparent;padding:7px;border-radius:8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left;font-size:9px;font-weight:400}.assignment-list button:hover:not(:disabled){background:#f5f7f6;border:0}.assignment-list em{font-size:7px;color:#829087;font-style:normal}.reminder-menu label{display:grid;gap:4px;font-size:8px;color:#66746c;margin:7px 0}.reminder-menu input,.reminder-menu select{padding:7px 8px;font-size:9px}.reminder-menu .primary{width:100%;padding:8px;margin-top:5px;font-size:9px}.more-menu{display:grid;gap:4px}.more-menu>strong{font-size:9px;padding:4px}.more-menu button{border:0;text-align:left;background:transparent;padding:8px;font-size:9px}.more-menu button:hover{background:#f4f6f5}.menu-divider{height:1px;background:#edf0ee;margin:4px 0}.menu-disabled{font-size:8px;color:#9aa29d;padding:7px}.menu-disabled span{float:right}
.conversation-search{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;background:#fff;border-bottom:1px solid #edf0ee;font-size:8px;color:#87918b}.conversation-search label{display:flex;align-items:center;gap:6px;flex:1}.conversation-search input{width:100%;padding:7px 9px;font-size:9px}
.composer-top{gap:8px}.composer-channel-select{display:flex;align-items:center;gap:7px;border:1px solid #dfe4e1;border-radius:10px;padding:2px 7px;background:#fff}.composer-channel-select select{border:0;padding:6px 26px 6px 2px;font-size:9px;background:transparent}.composer-channel-select select:focus{outline:0}.ai-assist-button{margin-left:auto;border:0;background:transparent;color:#7770ca;font-size:9px;padding:5px 7px}.professional-composer textarea{min-height:62px}.composer-toolbar{display:flex;align-items:center;gap:4px;margin-top:6px}.composer-toolbar button{width:30px;height:30px;border:0;background:transparent;border-radius:8px;padding:0;font-size:13px;color:#657269}.composer-toolbar button:hover:not(:disabled){background:#f2f5f3;border:0}.toolbar-channel{margin-left:auto}.composer-footer{border-top:1px solid #eff1f0;margin-top:5px;padding-top:6px}.composer-footer .comment-link,.composer-footer .summarize-button{width:auto;height:auto;border:0;border-radius:7px;background:transparent;padding:5px 7px;font-size:8px}.comment-link{color:#35483e}.summarize-button{color:#7770ca}.receive-only-chip{white-space:nowrap}
.task-list,.activity-list{padding:8px 12px 18px;display:grid;gap:7px}.task-row,.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;border:1px solid #ecefed;border-radius:10px;padding:9px;background:#fff}.task-row.done{opacity:.6}.task-check{width:20px;height:20px;border-radius:50%;background:#eff3f0;display:grid;place-items:center;font-size:9px}.task-row strong,.task-row span,.task-row time,.activity-row strong,.activity-row span,.activity-row time{display:block}.task-row strong,.activity-row strong{font-size:9px}.task-row span,.activity-row span{font-size:7px;color:#849087;margin-top:3px}.task-row time,.activity-row time{font-size:7px;color:#9aa39e;margin-top:4px}.activity-row{grid-template-columns:auto 1fr}.activity-mark{color:#6c76dd}.context-panel-actions{padding:8px 14px;border-bottom:1px solid #f0f2f1}.contact-action{margin-top:7px;padding-left:0}.activity-list,.task-list{overflow-y:auto}.contact-column>.task-list,.contact-column>.activity-list{max-height:calc(100dvh - 125px)}
.global-panel-backdrop{position:fixed;inset:0;background:rgba(20,29,24,.22);z-index:70}.global-panel{position:fixed;right:0;top:0;bottom:0;width:min(430px,92vw);z-index:71;background:#fff;box-shadow:-16px 0 50px rgba(23,35,29,.16);display:flex;flex-direction:column}.global-panel>header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #edf0ee}.global-panel h2{margin:3px 0 0;font-size:17px}.global-panel-body{overflow:auto;padding:14px;flex:1}.directory-list{display:grid;gap:6px}.directory-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid #edf0ee;border-radius:10px;padding:9px}.directory-row strong,.directory-row span{display:block}.directory-row strong{font-size:10px}.directory-row span{font-size:8px;color:#87928c;margin-top:3px}.directory-row em{font-size:7px;font-style:normal;background:#fff0ed;color:#934d45;border-radius:999px;padding:3px 6px}.connection-matrix{display:grid;gap:8px}.connection-matrix>div{border:1px solid #edf0ee;border-radius:11px;padding:10px}.connection-matrix strong,.connection-matrix span{display:block}.connection-matrix strong{font-size:10px}.connection-matrix span{font-size:8px;color:#7f8b84;margin-top:4px}.connection-matrix .connected{color:#347555}.help-copy{font-size:10px;color:#627067}.help-copy h3{font-size:13px}.help-copy p{line-height:1.65}
@media(max-width:1480px){.professional-grid{grid-template-columns:315px minmax(430px,1fr) 46px 260px}.inbox-nav{width:205px}.ai-status-control small{display:none}}
@media(max-width:1240px){.professional-grid{grid-template-columns:310px minmax(400px,1fr) 46px}.professional-contact{display:none}.context-action-rail{border-right:0}.compact-contact{display:block;background:#fff;border-bottom:1px solid var(--line);padding:0 16px}.compact-contact summary{font-size:9px;font-weight:600;padding:8px 0;cursor:pointer}.compact-contact .contact-panel-head{display:none}.compact-contact .contact-section{display:block}.compact-contact .professional-profile{padding:8px}.compact-contact .contact-safety{display:none}.ai-status-control{display:none}}
@media(max-width:940px){.inbox-nav{display:none}.app-rail{width:60px}.professional-grid{grid-template-columns:300px minmax(380px,1fr) 44px}.professional-topbar{padding:12px 14px}.thread-actions .icon-button:nth-of-type(1){display:none}}
@media(max-width:760px){.context-action-rail{display:none}.professional-grid{display:block}.thread-actions{gap:3px}.thread-actions .ai-status-control,.thread-actions .icon-button[aria-label="Call"]{display:none}.floating-menu{right:8px;width:min(280px,calc(100vw - 16px))}}


/* Foundation 04.3.1 account-menu interaction fix */
.professional-thread-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}
.thread-person{min-width:0;overflow:hidden}
.thread-person>div{min-width:0;overflow:hidden}
.thread-name-line{min-width:0;overflow:hidden}
.thread-name-line h2{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-name-line .lifecycle-chip{flex:none}
.thread-actions{min-width:max-content;justify-self:end;flex:none}
.rail-avatar-button.active{background:#e8f2ec;border:0}
.account-popover{position:fixed;left:58px;bottom:14px;z-index:59;width:276px;background:#fff;border:1px solid #dfe5e1;border-radius:16px;box-shadow:0 18px 52px rgba(20,31,25,.18);padding:10px;text-align:left}
.account-popover-head{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:8px}
.account-popover-head strong,.account-popover-head span,.account-popover-head small{display:block}
.account-popover-head strong{font-size:11px;font-weight:600;color:#26372e}
.account-popover-head span{font-size:9px;color:#718078;margin-top:2px}
.account-popover-head small{font-size:8px;color:#97a19b;margin-top:2px}
.account-popover-divider{height:1px;background:#edf0ee;margin:5px 2px}
.account-popover>button{width:100%;border:0;background:transparent;border-radius:9px;padding:9px 10px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;text-align:left;font-size:10px;font-weight:400;color:#34473d}
.account-popover>button:hover{background:#f4f7f5;border:0}
.account-popover>button strong{font-weight:500}
.account-popover>button em{font-style:normal;color:#87928c;font-size:14px}
.account-popover .account-logout{color:#46554e}
.profile-panel-card{display:flex;align-items:center;gap:12px;border:1px solid #edf0ee;border-radius:13px;padding:13px;margin-bottom:12px}
.profile-panel-card h3{font-size:14px;margin:0}
.profile-panel-card p{font-size:9px;color:#78857e;margin:3px 0 0}
.profile-panel-fields{display:grid;grid-template-columns:110px 1fr;gap:9px 12px;border:1px solid #edf0ee;border-radius:13px;padding:13px}
.profile-panel-fields dt{font-size:8px;color:#8a958f}
.profile-panel-fields dd{font-size:9px;margin:0;color:#34473d}
.opening-shell{background:#fff}
.opening-rail nav{display:grid;gap:9px;width:100%}
.opening-rail-item{height:44px;border-radius:12px;background:#eef3f0;display:block;animation:openingPulse 1.2s ease-in-out infinite alternate}
.opening-avatar{width:34px;height:34px;border-radius:50%;background:#e7eee9;display:block;animation:openingPulse 1.2s ease-in-out infinite alternate}
.opening-nav{overflow:hidden}
.opening-lines{display:grid;gap:13px;padding:18px 8px;border-top:1px solid #f0f2f1}
.opening-lines span{height:31px;border-radius:9px;background:#f0f3f1;display:block;animation:openingPulse 1.2s ease-in-out infinite alternate}
.opening-lines span:nth-child(2){width:82%}.opening-lines span:nth-child(3){width:91%}.opening-lines span:nth-child(4){width:72%}.opening-lines span:nth-child(5){width:88%}
.opening-chip{font-size:9px;color:#718078;background:#f4f7f5;border:1px solid #e4e9e6;border-radius:999px;padding:6px 9px}
.opening-workspace{display:grid;grid-template-columns:330px 1fr;min-height:0;flex:1}
.opening-list{border-right:1px solid #edf0ee;padding:18px 14px;display:grid;align-content:start;gap:12px}
.opening-search{height:38px;border-radius:10px;background:#f1f4f2;display:block;animation:openingPulse 1.2s ease-in-out infinite alternate}
.opening-card{height:88px;border-radius:13px;background:#f3f5f4;display:block;animation:openingPulse 1.2s ease-in-out infinite alternate}
.opening-card.short{height:68px;width:88%}
.opening-center{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6d7b73;gap:7px;text-align:center}
.opening-center strong{font-size:12px;color:#475a50}
.opening-center span{font-size:9px}
@keyframes openingPulse{from{opacity:.58}to{opacity:1}}
@media(max-width:1480px){
  .ai-status-control{width:34px;padding:0;justify-content:center;font-size:0}
  .ai-status-control>span{font-size:12px}
  .ai-status-control small{display:none}
}
@media(max-width:940px){
  .account-popover{left:50px;width:min(276px,calc(100vw - 64px))}
  .opening-nav{display:none}.opening-rail{width:60px}.opening-workspace{grid-template-columns:300px 1fr}
}


@media(max-width:1240px){
  .professional-thread-header{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .thread-person{width:100%}
  .thread-actions{justify-self:start;max-width:100%;overflow-x:auto;padding-bottom:1px}
}

/* Foundation 04.3.0 Social Leads workspace */
.social-shell{background:#f4f6f8}
.social-nav{overflow-y:auto}
.social-nav-item{width:100%;border:0;background:transparent;border-radius:10px;color:#5c6961;padding:9px 10px;display:flex;align-items:center;text-align:left;font-size:11px;font-weight:500}
.social-nav-item:hover:not(:disabled){background:#f5f7f8;border:0}
.social-nav-item.active{background:#edf4ff;color:#235d9e}
.social-nav-item.unavailable{opacity:.52;cursor:not-allowed}
.social-main{min-width:0}
.social-foundation-note{display:flex;align-items:center;gap:12px;padding:10px 18px;background:#f7f9f3;border-bottom:1px solid #e6eade;color:#52665a;font-size:9px}
.social-foundation-note strong{font-size:9px;white-space:nowrap}
.social-foundation-note span{color:#758279}
.social-foundation-note code{background:#fff;border:1px solid #e3e8e4;border-radius:5px;padding:1px 4px;font-size:8px}
.social-dashboard{min-height:0;flex:1;display:flex;flex-direction:column;background:#f7f9fa;overflow:hidden;padding:16px 18px 0}
.social-kpis{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;margin-bottom:10px}
.social-kpis>div{background:#fff;border:1px solid #e7eae8;border-radius:12px;padding:12px 14px;box-shadow:0 4px 15px rgba(23,35,29,.025)}
.social-kpis span,.social-kpis strong{display:block}
.social-kpis span{font-size:8px;color:#86918b;text-transform:uppercase;letter-spacing:.8px}
.social-kpis strong{font-size:22px;margin-top:5px;color:#30463a;font-weight:600}
.social-connection-strip{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin-bottom:12px}
.social-provider{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e7eae8;border-radius:11px;padding:10px 12px}
.social-provider strong,.social-provider small{display:block}
.social-provider strong{font-size:10px;color:#34483d}
.social-provider small{font-size:7px;color:#89948e;margin-top:2px}
.social-provider.connected{border-color:#dbe9de;background:#fbfdfb}.social-provider.connected small{color:#4d7d5d}
.social-provider.pending{border-color:#ece7cf;background:#fffdf7}.social-provider.pending small{color:#8a7a42}
.social-provider.disabled{opacity:.6}
.social-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:13px 15px;background:#fff;border:1px solid #e7eae8;border-bottom:0;border-radius:12px 12px 0 0}
.social-list-head h3{font-size:14px;margin:0 0 3px}.social-list-head p{font-size:8px;color:#88938d;margin:0}
.social-head-filters{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.social-head-filters label{font-size:7px;color:#87928c;display:grid;gap:3px}.social-head-filters select{font-size:9px;padding:7px 28px 7px 8px;border-radius:8px;min-width:110px}
.social-leads-list{flex:1;min-height:0;overflow:auto;background:#fff;border:1px solid #e7eae8;border-radius:0 0 12px 12px;margin-bottom:16px}
.social-lead-card{display:grid;grid-template-columns:auto minmax(0,1fr) 72px;gap:12px;padding:14px 15px;border-bottom:1px solid #eef0ef;align-items:start}
.social-lead-card:last-child{border-bottom:0}.social-lead-card:hover{background:#fbfcfb}
.social-lead-platform{padding-top:1px}.social-lead-main{min-width:0}.social-lead-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.social-lead-title>strong{font-size:11px;color:#2c4035;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-lead-title>span{display:flex;gap:5px;align-items:center;flex:none}
.social-lead-main>p{font-size:11px;color:#4d5f55;line-height:1.5;margin:7px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}
.social-lead-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:7px;color:#87928c}.social-lead-meta span,.social-lead-meta time{padding-right:7px;border-right:1px solid #e5e8e6}.social-lead-meta>*:last-child{border-right:0;padding-right:0}
.social-intent{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:7px;border:1px solid transparent}.social-intent strong{font-size:7px}.social-intent small{font-size:6px;opacity:.75}
.social-intent-hot{background:#fff0ed;color:#a34436;border-color:#f4d5ce}.social-intent-interested{background:#eaf7f0;color:#27714d;border-color:#d2ebdd}.social-intent-potential{background:#fff7df;color:#8b6a16;border-color:#f1e2ad}.social-intent-unclassified{background:#f2f4f3;color:#68766e;border-color:#e1e5e2}.social-intent-ignore{background:#f5f5f5;color:#8a8f8c;border-color:#e7e8e7}
.social-status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:7px;background:#eff3f1;color:#617269}.social-status-assigned{background:#edf2ff;color:#4a63a4}.social-status-ignored,.social-status-withdrawn{background:#f4f4f4;color:#8b8f8d}.social-status-promoted{background:#eaf7f0;color:#27714d}
.social-lead-side{text-align:right}.social-score{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef4ee;color:#3f654e;font-size:11px;font-weight:650;margin-bottom:4px}.social-lead-side small{display:block;font-size:6px;color:#98a19c;line-height:1.35;overflow-wrap:anywhere}
.social-origin{margin-top:8px;font-size:8px;color:#738078}.social-origin summary{cursor:pointer}.social-origin p{font-size:9px;margin:5px 0 0;padding:7px 9px;background:#f7f9f8;border-radius:8px;color:#5f6f66}
.social-empty{padding:70px 30px}.social-empty small{display:block;margin-top:10px;color:#98a19c;font-size:8px}
@media(max-width:1180px){.social-kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}.social-connection-strip{grid-template-columns:1fr}.social-list-head{align-items:flex-start;flex-direction:column}.social-head-filters{width:100%}.social-head-filters label{flex:1}.social-head-filters select{width:100%}}
@media(max-width:760px){.social-dashboard{padding:10px 10px 0}.social-kpis{grid-template-columns:1fr 1fr}.social-lead-card{grid-template-columns:auto minmax(0,1fr)}.social-lead-side{display:none}.social-lead-title{display:block}.social-lead-title>span{margin-top:6px}.social-foundation-note{display:block}.social-foundation-note span{display:block;margin-top:4px}}
.social-card-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:11px}
.social-action-button{padding:6px 9px;font-size:8px;border-radius:8px;background:#fff}
.social-create-lead{padding:6px 10px;font-size:8px;border-radius:8px;background:#1f5a43;border-color:#1f5a43;color:#fff}.social-create-lead:hover:not(:disabled){background:#184b37;border-color:#184b37;color:#fff}
.social-lead-card.expanded{background:#fbfcfb}
.social-action-panel{margin-top:10px;border:1px solid #dde6e0;background:#f8fbf9;border-radius:10px;padding:11px;display:grid;gap:10px}
.social-action-panel>div:first-child strong,.social-action-panel>div:first-child span{display:block}.social-action-panel>div:first-child strong{font-size:9px;color:#30463a}.social-action-panel>div:first-child span{font-size:7px;line-height:1.45;color:#7a8980;margin-top:2px}
.social-action-panel.warning{background:#fffaf7;border-color:#efdcd0}.social-action-panel.promote{background:#f8fbff;border-color:#dce7ef}
.social-action-panel label{display:grid;gap:4px;font-size:7px;color:#738178}.social-action-panel input,.social-action-panel select{font-size:9px;padding:7px 8px;border-radius:8px;border:1px solid #dbe2de;background:#fff;color:#30463a;min-width:0}
.social-assignee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.social-assignee-grid button{display:flex;align-items:center;gap:7px;text-align:left;padding:7px 8px;border-radius:8px;font-size:8px}.social-assignee-grid button>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-assignee-grid em{margin-left:auto;font-size:6px;color:#74857b;font-style:normal}
.social-promote-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.social-panel-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.primary-button{background:#1f5a43;border-color:#1f5a43;color:#fff;padding:7px 10px;font-size:8px}.primary-button:hover:not(:disabled){background:#184b37;border-color:#184b37;color:#fff}.danger-button{background:#fff;border-color:#e5b8ad;color:#a04435;padding:7px 10px;font-size:8px}.danger-button:hover:not(:disabled){background:#fff3f0;border-color:#db9f90}
.social-card-result{display:flex;gap:7px;align-items:baseline;margin-top:10px;padding-top:9px;border-top:1px solid #edf0ee}.social-card-result strong{font-size:8px;color:#2f714f}.social-card-result span{font-size:7px;color:#7e8a84}.social-card-result.muted strong{color:#7c8580}
@media(max-width:760px){.social-assignee-grid,.social-promote-fields{grid-template-columns:1fr}.social-card-actions{align-items:stretch}.social-card-actions button{flex:1}}

/* Foundation 04.7.0 — Instagram Contact Intelligence & Production Readiness */
.social-lead-card.selected-detail{background:#f8fbf9;box-shadow:inset 3px 0 0 #4d8b69}
.social-detail-backdrop{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end;background:rgba(20,30,25,.18);backdrop-filter:blur(1px)}
.social-detail-dismiss{position:absolute;inset:0;border:0;background:transparent;cursor:default}
.social-detail-drawer{position:relative;z-index:1;width:min(640px,48vw);height:100%;background:#f7f9fa;border-left:1px solid #dfe5e1;box-shadow:-18px 0 55px rgba(29,43,35,.16);display:flex;flex-direction:column;min-width:440px}
.social-detail-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 14px;background:#fff;border-bottom:1px solid #e6eae7}
.social-detail-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.social-detail-title>span{padding-top:2px}.social-detail-title>div{min-width:0}
.social-detail-title h2{font-size:18px;line-height:1.2;margin:3px 0 7px;color:#263d31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-detail-title>div>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.social-detail-close{width:32px;height:32px;border-radius:9px;border:1px solid #e1e6e3;background:#fff;color:#53645b;font-size:20px;line-height:1;padding:0;display:grid;place-items:center}.social-detail-close:hover{background:#f3f6f4}
.social-detail-body{min-height:0;flex:1;overflow:auto;padding:14px 14px 28px;display:grid;gap:12px}
.social-detail-section{background:#fff;border:1px solid #e5e9e6;border-radius:12px;padding:14px;box-shadow:0 4px 16px rgba(28,42,34,.025)}
.social-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.social-detail-section-head h3{font-size:12px;color:#2e4438;margin:2px 0 0}.social-detail-section-head>span{font-size:7px;color:#79867f;background:#f3f6f4;border-radius:999px;padding:4px 7px}.social-detail-section-head>span.linked{background:#eaf7f0;color:#27714d}.social-detail-section-head>span.pending{background:#f4f5f4;color:#7d8782}
.social-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.social-detail-datum{border:1px solid #edf0ee;border-radius:9px;padding:9px 10px;min-width:0;background:#fbfcfb}.social-detail-datum.wide{grid-column:1/-1}.social-detail-datum span{display:block;font-size:7px;color:#8a958f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.social-detail-datum strong{display:block;font-size:9px;color:#3c5146;font-weight:600;overflow-wrap:anywhere}.social-detail-datum strong.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;font-weight:500}
.social-source-post,.social-source-comment,.social-source-url{margin-top:10px;border:1px solid #edf0ee;border-radius:9px;padding:10px;background:#fbfcfb}.social-source-post>span,.social-source-comment>span,.social-source-url>span{display:block;font-size:7px;color:#89948e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.social-source-post p{font-size:9px;color:#5c6d64;line-height:1.45;margin:0;white-space:pre-wrap}.social-source-post small{display:block;margin-top:6px;color:#8c9691;font-size:7px;overflow-wrap:anywhere}.social-source-comment blockquote{margin:0;font-size:11px;line-height:1.5;color:#344a3e;border-left:3px solid #dbe9df;padding-left:9px;white-space:pre-wrap}.social-source-comment small{display:block;font-size:7px;color:#8b9690;margin-top:6px}.social-source-url code{display:block;font-size:7px;color:#63736a;white-space:normal;overflow-wrap:anywhere}
.social-thread-list{display:grid;gap:9px}.social-thread-entry{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start}.social-thread-entry.reply{margin-left:24px}.social-thread-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf2ec;color:#41634f;font-size:8px;font-weight:700}.social-thread-entry.page-authored .social-thread-avatar{background:#dfeef5;color:#2e6680}.social-thread-entry>div:last-child{border:1px solid #edf0ee;border-radius:9px;padding:8px 9px;background:#fbfcfb}.social-thread-entry.page-authored>div:last-child{background:#f7fbfd;border-color:#e3edf2}.social-thread-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.social-thread-head strong{font-size:8px;color:#344a3e}.social-thread-head span{font-size:6px;color:#929c97}.social-thread-entry p{font-size:9px;line-height:1.45;color:#55675d;margin:5px 0 0;white-space:pre-wrap}.social-thread-entry small{font-size:6px;color:#9a8178;display:block;margin-top:4px}
.social-intelligence-note{margin-top:10px;border:1px solid #dbe9de;background:#f8fcf9;border-radius:9px;padding:9px 10px}.social-intelligence-note strong,.social-intelligence-note span{display:block}.social-intelligence-note strong{font-size:8px;color:#32664a}.social-intelligence-note span{font-size:7px;line-height:1.45;color:#708178;margin-top:3px}
.social-history-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.social-history-list li{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:7px;padding:0 0 12px}.social-history-list li:not(:last-child):before{content:"";position:absolute;left:5px;top:10px;bottom:0;width:1px;background:#dfe5e1}.social-history-dot{width:11px;height:11px;border-radius:50%;background:#e5efe8;border:3px solid #fff;box-shadow:0 0 0 1px #cfdcd3;z-index:1}.social-history-list strong,.social-history-list span{display:block}.social-history-list strong{font-size:8px;color:#3b5045}.social-history-list span{font-size:7px;color:#89948e;margin-top:2px}.social-history-list li.muted{display:block;font-size:8px;color:#8e9893;padding:0}
@media(max-width:1000px){.social-detail-drawer{width:min(720px,72vw)}}
@media(max-width:760px){.social-detail-backdrop{background:#f7f9fa}.social-detail-drawer{width:100%;min-width:0;border-left:0;box-shadow:none}.social-detail-grid{grid-template-columns:1fr}.social-detail-datum.wide{grid-column:auto}.social-thread-entry.reply{margin-left:14px}.social-detail-body{padding:10px 10px 24px}}

/* Foundation 04.7.0 — Instagram controlled reply */
.instagram-reply-composer{border-top-color:#eadff4;background:linear-gradient(180deg,#fff,#fffcff)}
.instagram-reply-chip{font-size:8px;background:#fbf0ff;color:#7b3b8f;border:1px solid #eedcf3;border-radius:999px;padding:4px 7px;white-space:nowrap}
.instagram-reply-status{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:5px 0 3px;padding:6px 8px;border-radius:8px;background:#faf7fc;color:#6f6474;font-size:8px}
.instagram-reply-status>strong{color:#8b5d30}
.instagram-reply-history{color:#84768b}
.instagram-reply-error,.instagram-reply-notice{display:flex;gap:6px;align-items:flex-start;margin:6px 0;padding:7px 9px;border-radius:8px;font-size:8px}
.instagram-reply-error{background:#fff2f0;border:1px solid #f0d1cb;color:#87443b}.instagram-reply-error span{margin-left:auto;color:#9f766e}
.instagram-reply-notice{background:#f3f8f3;border:1px solid #d9e8da;color:#446c4b}.instagram-reply-notice.unknown{background:#fff8e9;border-color:#ecd9aa;color:#806027}.instagram-reply-notice.rejected{background:#fff2f0;border-color:#f0d1cb;color:#87443b}
.instagram-send-actions{display:flex;align-items:center;gap:6px}.composer-footer .instagram-check,.composer-footer .instagram-send{width:auto;height:auto;border-radius:8px;padding:7px 10px;font-size:8px}.instagram-send{background:#8b4ca0;color:#fff;border-color:#8b4ca0}.instagram-send:hover:not(:disabled){background:#793f8e}.instagram-check{background:#fff}
@media(max-width:720px){.instagram-reply-status{display:block}.instagram-reply-history{display:block;margin-top:4px}.instagram-send-actions{margin-left:auto}.composer-footer{align-items:flex-end;flex-wrap:wrap}}
/* 04.7 Instagram intelligence: scoped metadata, temporary media and observable health. */
.ig-intelligence{display:flex;flex-direction:column;gap:7px;min-width:0}.ig-intelligence .section-label{margin-left:0}.ig-intelligence strong{font-size:13px;overflow-wrap:anywhere}.ig-intelligence p{margin:0;font-size:11px}.ig-username{color:var(--green);font-size:12px;overflow-wrap:anywhere}.ig-intelligence button{align-self:flex-start}.ig-alert{padding:10px;border-radius:8px;background:#fff5e8;color:#805c2d;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.ig-assets{display:grid;gap:10px;margin-top:10px;min-width:0}.ig-asset{border:1px solid #dee7e3;border-radius:12px;padding:10px;background:#ffffffb8;display:flex;flex-direction:column;gap:8px;min-width:0}.ig-asset img,.ig-asset video{max-width:100%;max-height:260px;border-radius:8px;object-fit:contain;align-self:flex-start}.ig-asset audio{max-width:100%;width:260px}.ig-asset small{font-size:10px;color:#758379;line-height:1.45}.ig-asset a{font-size:11px;color:var(--forest-2);font-weight:600;text-decoration:underline}.ig-media-kind{font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.ig-media-hint{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.5}.ig-source-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:14px 0}.ig-source-controls small{display:block;width:100%;font-size:11px;color:var(--muted);line-height:1.5}.ig-post-link{font-size:12px;color:var(--forest-2);text-decoration:underline}.ig-health{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.ig-health>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.ig-health h3{font-size:17px;margin:5px 0 0}.ig-health-row{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf0ee;font-size:11px;line-height:1.5}.ig-health-row span{color:var(--muted)}.ig-health-row strong{font-weight:550;overflow-wrap:anywhere}.ig-account-health{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:16px 0}.ig-account-health h4{font-size:14px;margin:0 0 6px;color:var(--forest)}.ig-readiness{margin:18px 0;font-size:11px;color:#617269;line-height:1.6}.ig-readiness summary{font-size:12px;font-weight:600;cursor:pointer}.ig-readiness p{margin:12px 0;overflow-wrap:anywhere}

@media(max-width:480px){.professional-topbar{flex-wrap:wrap;gap:8px}.professional-topbar .topbar-title{width:100%}.professional-topbar .topbar-actions{width:100%;min-width:0;flex-wrap:wrap}.professional-topbar .topbar-actions select{max-width:100%;min-width:0;flex:1}.professional-topbar .topbar-actions button{flex:none}}