.sc-layout{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);min-height:430px;height:min(62vh,650px);background:#f4f7f8}
.sc-thread-list{overflow:auto;padding:10px;border-right:1px solid #d9e1e5;background:#fff}
.sc-thread-list button{position:relative;display:grid;gap:3px;width:100%;min-height:58px;margin:0 0 6px;padding:10px 38px 10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#24313a;text-align:left;cursor:pointer}
.sc-thread-list button:hover{background:#f1f7f6}.sc-thread-list button.active{border-color:#98d6cb;background:#e6f4f1}
.sc-thread-list button span{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sc-thread-list button small{overflow:hidden;color:#687782;text-overflow:ellipsis;white-space:nowrap}
.sc-thread-list button b{position:absolute;top:50%;right:12px;min-width:22px;padding:3px 6px;border-radius:999px;background:#118f80;color:#fff;font-size:11px;text-align:center;transform:translateY(-50%)}
.sc-no-threads{padding:24px 12px;color:#6d7b85;font-size:13px;line-height:1.55;text-align:center}
.sc-conversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;overflow:hidden;background:#f4f7f8}
.sc-conversation-empty{display:grid;height:100%;min-height:180px;padding:24px;place-items:center;color:#7a8790;text-align:center}
.sc-chat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #d9e1e5;background:#fff}
.sc-chat-head h3,.sc-chat-head p{margin:0}.sc-chat-head h3{color:#1d2b34;font-size:16px}.sc-chat-head p{margin-top:2px;color:#697883;font-size:12px}.sc-chat-head>span{flex:0 0 auto;color:#168f81;font-size:11px;font-weight:800}
.sc-messages{display:flex;flex-direction:column;gap:8px;overflow:auto;padding:16px}
.sc-messages article{align-self:flex-start;max-width:min(76%,640px);padding:8px 11px;border:1px solid #dbe4e7;border-radius:4px 14px 14px;background:#fff;box-shadow:0 2px 8px rgba(22,38,47,.04)}
.sc-messages article.mine{align-self:flex-end;border-color:#b9ded7;border-radius:14px 4px 14px 14px;background:#e3f3f0}
.sc-messages article small{display:block;margin-bottom:3px;color:#70808a;font-size:10px}.sc-messages article p{margin:0;color:#25343d;font-size:14px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}
.sc-message-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;border-top:1px solid #d9e1e5;background:#fff}
.sc-message-form textarea{min-height:42px;max-height:110px;padding:10px 12px;resize:vertical;border:1px solid #cbd6db;border-radius:10px;background:#fff;color:#25343d;font:inherit}.sc-message-form textarea:focus{border-color:#118f80;outline:2px solid rgba(17,143,128,.14)}
.sc-message-form button,.sc-unlock,.sc-new,.sc-form-actions .save{border:0;border-radius:10px;background:#118f80;color:#fff;font-weight:800;cursor:pointer}.sc-message-form button{min-width:92px;padding:0 16px}.sc-message-form button:disabled,.sc-form-actions button:disabled{opacity:.55;cursor:wait}
.sc-locked{display:grid;max-width:500px;min-height:330px;margin:auto;padding:38px 24px;place-items:center;align-content:center;color:#33424b;text-align:center}.sc-locked>span{color:#118f80;font-size:30px}.sc-locked h3{margin:12px 0 4px}.sc-locked p{max-width:440px;margin:0 0 20px;color:#687781;line-height:1.5}.sc-unlock{padding:11px 18px}
.sc-chat-reminder{display:flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border:1px solid #cad8db;border-radius:9px;background:#fff;color:#36505a;font-size:10px;font-weight:850;cursor:pointer}.sc-chat-reminder b{font-size:14px}.sc-chat-reminder:hover{border-color:#80c9bd;background:#edf7f5;color:#117c70}
.sc-reminder-form{display:grid;gap:12px;padding:18px}.sc-reminder-form>label,.sc-reminder-date label{display:grid;gap:5px;color:#34434c;font-size:12px;font-weight:800}.sc-reminder-date{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sc-reminder-form input,.sc-reminder-form textarea{width:100%;min-height:42px;padding:9px 10px;border:1px solid #cbd6db;border-radius:9px;background:#fff;color:#25343d;font:inherit;font-weight:500}.sc-reminder-form textarea{min-height:92px;resize:vertical}.sc-planned-reminders{margin:0 18px 18px;padding-top:14px;border-top:1px solid #dfe7e9}.sc-planned-reminders h3{margin:0 0 8px;color:#66757d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sc-planned-reminders article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:6px;padding:9px 10px;border-radius:9px;background:#f1f5f5}.sc-planned-reminders article div{display:grid;gap:2px;min-width:0}.sc-planned-reminders strong{font-size:11px}.sc-planned-reminders small{overflow:hidden;color:#697880;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sc-planned-reminders button{width:30px;height:30px;border:0;border-radius:7px;background:#fff;color:#a12f2f;font-size:18px}
.sc-reminder-overlay{position:fixed;z-index:290;inset:0;display:grid;place-items:center;padding:14px;background:#101820d9}.sc-due-reminder{width:min(500px,100%);padding:21px;border-top:7px solid #e0af18;border-radius:14px;background:#fff;box-shadow:0 25px 70px #0007}.sc-due-reminder>small{color:#118b7a;font-size:9px;font-weight:950;letter-spacing:.12em}.sc-due-reminder h2{margin:5px 0 12px}.sc-due-reminder>p{padding:13px;border-radius:9px;background:#f2f6f6;color:#33444c;line-height:1.5;white-space:pre-wrap}.sc-due-reminder>div{display:flex;justify-content:flex-end;gap:7px}.sc-due-reminder button{padding:10px 12px;border:1px solid #cbd6da;border-radius:8px;background:#fff;color:#53636c;font-weight:850}.sc-due-reminder button.open{border-color:#118b7a;background:#118b7a;color:#fff}.sc-due-reminder button:disabled{opacity:.6}
.sc-modal .nc-modal-card{width:min(620px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 28px));overflow:auto}.sc-modal .nc-modal-card>header{position:sticky;top:0;z-index:2}
.sc-credential-form,.sc-create-form{display:grid;gap:12px;padding:18px}.sc-credential-form>label,.sc-create-form>label{display:grid;gap:5px;color:#34434c;font-size:12px;font-weight:800}.sc-credential-form input,.sc-create-form input{min-height:42px;padding:8px 10px;border:1px solid #cbd6db;border-radius:9px;color:#25343d;font:inherit;font-weight:500}
.sc-security-note{margin:0;padding:10px 12px;border-radius:9px;background:#edf6f4;color:#52656c;font-size:12px;line-height:1.45}.sc-form-error{min-height:18px;color:#bd2d2d;font-size:12px}.sc-form-actions{display:flex;justify-content:flex-end;gap:8px}.sc-form-actions button{min-height:40px;padding:8px 14px;border:1px solid #ccd7dc;border-radius:9px;background:#fff;color:#34434c;font-weight:800;cursor:pointer}.sc-form-actions .save{border-color:#118f80;background:#118f80;color:#fff}
.sc-create-form fieldset{margin:0;padding:0;border:0}.sc-create-form legend{margin-bottom:7px;color:#34434c;font-size:12px;font-weight:800}.sc-user-list{display:grid;gap:5px;max-height:260px;overflow:auto;padding:4px}.sc-user-list label{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dce4e7;border-radius:9px;background:#fff;cursor:pointer}.sc-user-list label:has(input:checked){border-color:#83cbbf;background:#e9f5f2}.sc-user-list label.disabled{opacity:.55;cursor:not-allowed}.sc-user-list input{width:17px;height:17px}.sc-user-list span{display:grid;gap:1px}.sc-user-list strong{color:#26353e;font-size:13px}.sc-user-list small{color:#71808a;font-size:11px}
.sc-create-shell{display:grid;gap:14px;padding:18px}.sc-direct-start{display:grid;gap:10px}.sc-person-search{display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #d8e1e4;border-radius:11px;background:#f2f6f6;color:#6b7a82}.sc-person-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:#25343d;font:inherit}.sc-direct-list{display:grid;gap:6px;max-height:330px;overflow:auto}.sc-direct-list>button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:9px 11px;border:1px solid #dce5e7;border-radius:11px;background:#fff;color:#25343d;text-align:left;cursor:pointer}.sc-direct-list>button:hover{border-color:#8bcfc4;background:#edf7f5}.sc-direct-list>button:disabled{opacity:.5;cursor:not-allowed}.sc-direct-list>button>span:nth-child(2){display:grid;min-width:0;gap:2px}.sc-direct-list strong,.sc-direct-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-direct-list strong{font-size:13px}.sc-direct-list small{color:#718088;font-size:11px}.sc-direct-list b{color:#148b7d;font-size:24px}.sc-group-start{border-top:1px solid #e0e7e9}.sc-group-start>summary{padding:14px 2px 2px;color:#167f74;font-size:13px;font-weight:900;cursor:pointer}.sc-group-start .sc-create-form{padding:14px 0 0}
.nc-fallback-toast{position:fixed;right:18px;bottom:18px;z-index:10000;max-width:420px;padding:11px 14px;border-radius:10px;background:#17242d;color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.22)}
@media(max-width:850px){.sc-layout{grid-template-columns:1fr;height:auto;min-height:0}.sc-thread-list{display:flex;gap:6px;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid #d9e1e5}.sc-thread-list button{flex:0 0 min(72vw,260px);margin:0}.sc-no-threads{width:100%;padding:14px}.sc-conversation{height:min(66vh,560px)}.sc-chat-head{padding:10px 12px}.sc-chat-head>span{font-size:0}.sc-chat-head>span:after{content:'◆';font-size:14px}.sc-messages{padding:10px}.sc-messages article{max-width:88%}.sc-message-form{padding:8px}.sc-message-form button{min-width:72px;padding:0 10px}.sc-new{max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Messenger layout */
#notificationCenterBody:has(.sc-layout){padding:0;overflow:hidden}
.nc-center.nc-chat-active .nc-main{min-height:0}
.nc-center.nc-chat-active #notificationCenterBody{display:block;min-height:0;height:100%;padding:0;overflow:hidden}
.sc-layout{grid-template-columns:minmax(285px,34%) minmax(0,1fr);height:100%;min-height:0;background:#eef3f2}
.sc-thread-list{display:flex;overflow:hidden;flex-direction:column;padding:0;background:#fff}
.sc-list-tools{padding:9px 11px;border-bottom:1px solid #e2e8ea;background:#f7f9fa}
.sc-list-tools label{display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:9px;background:#e9eff1;color:#6a7981}
.sc-list-tools input{width:100%;height:38px;border:0;outline:0;background:transparent;color:#24313a;font:inherit;font-size:12px}
.sc-thread-scroll{min-height:0;overflow:auto}
.sc-thread-list .sc-thread-scroll>button{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:67px;margin:0;padding:9px 11px;border:0;border-bottom:1px solid #edf1f2;border-radius:0}
.sc-thread-list .sc-thread-scroll>button:hover{background:#f3f7f7}.sc-thread-list .sc-thread-scroll>button.active{border-color:#edf1f2;background:#e4efed}
.sc-thread-list button.sc-filtered{display:none}
.sc-avatar{display:grid!important;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#179b8b,#106e68);color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.02em}
.sc-thread-copy{display:grid;min-width:0;gap:3px;text-align:left}.sc-thread-copy strong{overflow:hidden;color:#26343c;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sc-thread-copy small{overflow:hidden;color:#718088;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.sc-thread-meta{display:flex!important;align-self:stretch;align-items:flex-end!important;flex-direction:column;justify-content:space-between;color:#7b898f!important}.sc-thread-meta time{font-size:9px}.sc-thread-meta b{position:static;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#14a68e;color:#fff;font-size:9px;line-height:20px;text-align:center;transform:none}
.sc-conversation{background-color:#e8efed;background-image:radial-gradient(circle at 20px 20px,rgba(32,94,84,.035) 1.5px,transparent 1.5px);background-size:28px 28px}
.sc-conversation>.sc-conversation-empty{gap:5px;color:#74828a}.sc-conversation>.sc-conversation-empty>span{color:#198f81;font-size:30px}.sc-conversation>.sc-conversation-empty>strong{color:#35444c;font-size:17px}.sc-conversation>.sc-conversation-empty>small{font-size:11px}
.nc-center .sc-chat-head{position:static!important;display:flex!important;min-height:58px!important;height:58px!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;margin:0!important;padding:7px 11px!important;background:#f7f9f9!important;color:#1d2b34!important;box-shadow:none!important;text-align:left!important}.nc-center .sc-chat-head>div{display:block!important;min-width:0;flex:1}.sc-chat-head h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-chat-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-chat-head .sc-avatar{width:40px;height:40px}.sc-e2e{flex:0 0 auto;color:#188b7e!important;font-size:14px!important}.sc-chat-back{display:none;flex:0 0 auto;border:0;background:transparent;color:#244149;font-size:30px;line-height:1;cursor:pointer}.sc-group-edit{display:grid;width:34px;height:34px;flex:0 0 auto;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:#53666e;font-size:16px;cursor:pointer}.sc-group-edit:hover{background:#e4ecec;color:#10796f}
.sc-messages{gap:3px;padding:14px 6%;scroll-behavior:smooth}
.sc-day{display:flex;justify-content:center;margin:7px 0}.sc-day span{padding:5px 10px;border-radius:7px;background:#f8fbfae8;color:#637279;font-size:9px;font-weight:800;box-shadow:0 1px 3px rgba(20,45,40,.1)}
.sc-messages article{position:relative;min-width:92px;max-width:min(72%,650px);padding:7px 9px 5px;border:0;border-radius:4px 10px 10px 10px;background:#fff;box-shadow:0 1px 2px rgba(24,49,44,.14)}
.sc-messages article.mine{border:0;border-radius:10px 4px 10px 10px;background:#d8f3e8}
.sc-messages article p{margin:0;padding-right:42px;color:#202f35;font-size:13px;line-height:1.42;white-space:pre-wrap}
.sc-author{display:block;margin-bottom:2px;color:#117c70;font-size:10px}
.sc-messages article footer{display:flex;position:absolute;right:7px;bottom:4px;align-items:center;gap:3px;color:#76868b}.sc-messages article footer time{font-size:8px}.sc-read{font-size:10px;font-weight:900}.sc-read.complete{color:#168dc3}
.sc-message-form{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) 45px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#f1f4f4}.sc-message-form textarea{min-height:42px;max-height:120px;padding:11px 13px;border:0;border-radius:21px;resize:none;overflow-y:auto;background:#fff;font-size:13px;line-height:20px}.sc-message-form textarea:focus{border:0;outline:0}.sc-message-form button{display:grid;min-width:45px;width:45px;height:45px;padding:0;place-items:center;border-radius:50%;font-size:18px}
.sc-user-list label{display:grid;grid-template-columns:auto auto minmax(0,1fr);justify-content:start}.sc-user-list .sc-avatar{width:34px;height:34px;font-size:10px!important}.sc-user-list label>span:last-child{min-width:0}

@media(max-width:850px){
  .nc-center.nc-chat-active .nc-main{flex:1 1 auto!important;height:0!important;min-height:0!important}
  .nc-center.nc-chat-active .nc-toolbar{min-height:51px;flex:0 0 51px;align-items:center;flex-direction:row;padding:6px 9px}
  .nc-center.nc-chat-active .nc-toolbar>div:first-child small{display:none}
  .nc-center.nc-chat-active .nc-toolbar h3{margin:0;font-size:17px}
  .nc-center.nc-chat-active .nc-toolbar-actions{width:auto;margin-left:auto;flex-wrap:nowrap}
  .nc-center.nc-chat-active .sc-new{max-width:none;padding:8px 10px}
  #notificationCenterBody:has(.sc-layout){padding:0}
  .sc-layout{display:block;height:100%;min-height:0}
  .sc-thread-list{display:flex;height:100%;padding:0;border:0}
  .sc-thread-scroll{display:block;overflow-y:auto}
  .sc-thread-list .sc-thread-scroll>button{display:grid;min-width:0;width:100%;max-width:none;min-height:67px;margin:0}
  .sc-conversation{display:none;height:100%;min-height:0}
  .sc-layout.chat-open .sc-thread-list{display:none}.sc-layout.chat-open .sc-conversation{display:grid}
  .sc-chat-back{display:block}.nc-center .sc-chat-head{height:54px!important;min-height:54px!important;padding:6px 8px!important}.sc-chat-head .sc-avatar{width:36px;height:36px}.sc-e2e{font-size:12px!important}
  .sc-chat-reminder{width:34px;height:34px;padding:0;place-content:center}.sc-chat-reminder span{display:none}.sc-reminder-date{grid-template-columns:1fr}.sc-due-reminder>div{flex-direction:column-reverse}.sc-due-reminder button{width:100%}
  .sc-messages{padding:10px 10px}.sc-messages article{max-width:88%}
  .sc-message-form{display:flex!important;width:100%;max-width:100%;align-items:flex-end;gap:7px;overflow:hidden;padding:7px 7px max(7px,env(safe-area-inset-bottom))}
  .sc-message-form textarea{width:0!important;min-width:0!important;flex:1 1 auto;font-size:16px!important;-webkit-text-size-adjust:100%;touch-action:manipulation}
  .sc-message-form button{min-width:43px;width:43px;height:43px;flex:0 0 43px}
}