/* MW_CHAT_PUSH_V4_PROD_20260719 */
*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#e9eef5;color:#18202c}
button,input,textarea{font:inherit}.hidden{display:none!important}
.login{height:100%;display:grid;place-items:center;padding:22px}
.card{width:min(100%,390px);background:#fff;padding:28px;border-radius:22px;box-shadow:0 18px 48px #17203325}
.logo,.avatar{display:grid;place-items:center;border-radius:50%;font-weight:800}
.logo{width:58px;height:58px;background:#1677ff;color:#fff;font-size:25px}
.card h1{margin:18px 0 5px}.muted,#presence{color:#697586}
.card label{display:grid;gap:7px;margin:16px 0;font-weight:650}
.card input{height:48px;padding:0 13px;border:1px solid #d5deea;border-radius:13px}
.primary{width:100%;height:47px;border:0;border-radius:13px;background:#1677ff;color:#fff;font-weight:750}
.error{min-height:22px;color:#b42332;font-weight:650}
.app{height:100dvh;max-width:980px;margin:auto;display:grid;grid-template-rows:auto 1fr auto auto auto;background:#edf2f7;box-shadow:0 0 35px #17203320}
.head{position:relative;display:grid;grid-template-columns:auto 1fr repeat(3,auto);gap:7px;align-items:center;min-height:72px;padding:10px 10px max(10px,env(safe-area-inset-top));background:#172033;color:#fff}
.avatar{width:46px;height:46px;background:#e8eef8;color:#172033}
.who{display:grid;gap:2px;min-width:0}.who strong{font-size:17px;overflow:hidden;text-overflow:ellipsis}.who #presence{font-size:13px;color:#b7c1d0}
.headButton{border:0;background:transparent;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.headButton:active,.attach:active,.action:active,.sheetAction:active,.recordButton:active{transform:scale(.94)}
.menuButton{font-size:27px;padding-bottom:5px}
.accountMenu{position:absolute;z-index:25;right:10px;top:61px;min-width:170px;padding:6px;background:#fff;color:#18202c;border:1px solid #d5deea;border-radius:13px;box-shadow:0 12px 32px #0004}
.menuItem{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:11px 13px;border-radius:9px;font-weight:650;cursor:pointer}
.menuItem:hover,.menuItem:focus-visible{background:#edf2f7;outline:none}
.msgs{overflow:auto;padding:16px 11px 20px;background:linear-gradient(#eef3f8ee,#eef3f8ee),radial-gradient(circle,#bcc9d8 1px,transparent 1px);background-size:auto,22px 22px}
.row{display:flex;margin:5px 0}.row.mine{justify-content:flex-end}
.bubble{max-width:min(86%,620px);padding:8px 10px 6px;border-radius:15px;background:#fff;box-shadow:0 1px 2px #0002;overflow-wrap:anywhere}
.mine .bubble{background:#d9ecff;border-bottom-right-radius:5px}.theirs .bubble{border-bottom-left-radius:5px}
.body{white-space:pre-wrap;line-height:1.36;font-size:16px;margin-top:3px}
.meta{text-align:right;color:#697586;font-size:11px;margin-top:4px}
.ticks{color:#1677ff;font-weight:800;letter-spacing:-2px}
.attachment{display:grid;gap:5px;min-width:0}
.photoButton{border:0;padding:0;background:transparent;border-radius:11px;overflow:hidden;display:block;cursor:zoom-in}
.photo{display:block;width:100%;max-width:420px;max-height:430px;object-fit:cover;border-radius:11px;background:#d7e0ea}
.mediaCaption{font-size:11px;color:#536174;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.videoMessage{display:block;width:min(100%,430px);max-height:430px;border-radius:11px;background:#0b0f16}
.voiceMessage{display:grid;grid-template-columns:auto minmax(210px,1fr);gap:9px;align-items:center;min-width:min(72vw,350px);padding:7px 8px;border-radius:12px;background:#ffffff80}
.voiceIcon{font-size:24px}.voicePlayer{display:block;width:100%;height:40px;min-width:0}
.fileCard{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-width:220px;padding:10px;border-radius:11px;background:#ffffffaa;color:inherit;text-decoration:none}
.fileIcon{font-size:27px}.fileCard span:last-child{display:grid;min-width:0}.fileCard strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileCard small{color:#697586;margin-top:2px}
.uploadState{padding:8px 12px;background:#f8fafc;border-top:1px solid #d5deea}
.uploadLine{display:flex;justify-content:space-between;gap:12px;font-size:12px}.uploadLine span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.progress{height:5px;background:#d7e0ea;border-radius:9px;margin-top:6px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:#1677ff;transition:width .15s}
.compose{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:end;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:#f8fafc;border-top:1px solid #d5deea}
.compose textarea{min-height:47px;max-height:135px;resize:none;padding:12px 14px;border:1px solid #d5deea;border-radius:14px;outline:none}
.attach,.action{width:49px;height:49px;border:0;border-radius:50%;font-size:25px;display:grid;place-items:center}
.attach{background:#e1e8f0;color:#172033}.action{color:#fff}.sendAction{background:#1677ff;font-size:21px}.voiceAction{background:#1677ff;font-size:22px}
.attach:disabled,.action:disabled{opacity:.45}
.recordingPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px max(9px,env(safe-area-inset-bottom));background:#f8fafc;border-top:1px solid #d5deea}
.recordingInfo{display:flex;align-items:center;gap:10px;min-width:0}.recordingDot{width:12px;height:12px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 0 #dc262688;animation:recordPulse 1.3s infinite}.recordingDot.paused{animation:none;background:#64748b;box-shadow:none}.recordingText{display:grid;gap:1px;min-width:0}.recordingText strong{font-size:14px}.recordingText span{font-variant-numeric:tabular-nums;color:#697586;font-size:13px}
.recordingPreview{grid-column:1/-1;width:100%;height:42px}.recordingActions{display:flex;gap:7px;justify-content:flex-end}.recordButton{border:0;border-radius:11px;padding:10px 12px;font-weight:700}.secondaryButton{background:#e1e8f0;color:#172033}.stopButton{background:#dc2626;color:#fff}.sendVoiceButton{background:#1677ff;color:#fff}
@keyframes recordPulse{70%{box-shadow:0 0 0 10px transparent}}
.sheetOverlay{position:fixed;inset:0;z-index:70;background:#05080dbb;display:flex;align-items:flex-end;justify-content:center;padding:18px 18px max(18px,env(safe-area-inset-bottom))}
.attachmentSheet{width:min(100%,560px);background:#fff;border-radius:25px;padding:24px 18px 14px;box-shadow:0 20px 55px #0008}
.attachmentSheet h2{margin:0 0 22px;padding:0 8px;font-size:25px}.sheetGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sheetAction{border:0;background:transparent;color:inherit;display:grid;gap:9px;justify-items:center;padding:8px 2px 12px;border-radius:15px;font-weight:650}.sheetAction:hover,.sheetAction:focus-visible{background:#edf2f7;outline:none}.sheetIcon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#edf2f7;font-size:31px;box-shadow:0 5px 16px #17203320}.sheetCancel{display:block;width:100%;margin-top:10px;border:0;background:transparent;color:#1677ff;padding:12px;font-weight:750}
.viewer{position:fixed;inset:0;z-index:80;background:#05080ded;display:grid;place-items:center;padding:52px 15px 70px}
.viewer img{max-width:100%;max-height:calc(100dvh - 135px);object-fit:contain}
.viewerClose{position:fixed;right:13px;top:max(13px,env(safe-area-inset-top));width:45px;height:45px;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:32px}
.viewerDownload{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));color:#fff;background:#1677ff;padding:11px 17px;border-radius:12px;text-decoration:none;font-weight:700}

.toast{position:fixed;z-index:95;left:50%;top:max(16px,env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:min(calc(100% - 28px),520px);padding:12px 15px;border-radius:15px;background:#172033;color:#fff;box-shadow:0 14px 35px #0007;font-weight:650;animation:toastIn .18s ease-out}.toastBell{font-size:20px}.toast span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes toastIn{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:560px){.sheetGrid{grid-template-columns:repeat(2,1fr)}.recordingPanel{grid-template-columns:1fr}.recordingActions{grid-column:1/-1}.voiceMessage{min-width:min(75vw,320px)}}
@media(max-width:430px){.head{grid-template-columns:auto 1fr repeat(3,38px);gap:3px}.headButton{width:38px}.bubble{max-width:91%}.sheetIcon{width:58px;height:58px}.attachmentSheet h2{font-size:24px}.voiceMessage{grid-template-columns:auto minmax(185px,1fr)}}
@media(min-width:1000px){body{padding:18px}.app{height:calc(100dvh - 36px);border-radius:20px;overflow:hidden}}
@media(prefers-color-scheme:dark){
html,body{background:#0e1420;color:#eef3f8}.card{background:#182131}
.card input,.compose textarea{background:#111827;color:#eef3f8;border-color:#344258}
.app{background:#111827}.msgs{background:linear-gradient(#111827ee,#111827ee),radial-gradient(circle,#334155 1px,transparent 1px);background-size:auto,22px 22px}
.bubble{background:#222d3d}.mine .bubble{background:#163a5f}.compose,.uploadState,.recordingPanel{background:#172033;border-color:#344258}.muted{color:#a8b4c4}
.fileCard,.voiceMessage{background:#ffffff12}.mediaCaption,.fileCard small,.recordingText span{color:#b7c1d0}.attach,.secondaryButton{background:#2d3a4d;color:#fff}.progress{background:#344258}
.accountMenu,.attachmentSheet{background:#222d3d;color:#eef3f8;border-color:#344258}.menuItem:hover,.menuItem:focus-visible,.sheetAction:hover,.sheetAction:focus-visible{background:#2d3a4d}.sheetIcon{background:#2d3a4d}
}


/* MW_CHAT_HEADER_RIGHT_V2_PROD_20260719 */
.head{position:relative!important;grid-template-columns:auto minmax(0,1fr)!important;padding-right:6px!important}
.head .who{min-width:0;padding-right:170px!important}
#menu,#notify,#calendar,#install{position:absolute!important;top:50%!important;margin:0!important;z-index:5;transform:translateY(-50%)!important}
#menu{right:max(3px,env(safe-area-inset-right))!important}
#notify{right:calc(max(3px,env(safe-area-inset-right)) + 42px)!important}
#calendar{right:calc(max(3px,env(safe-area-inset-right)) + 84px)!important}
#install{right:calc(max(3px,env(safe-area-inset-right)) + 126px)!important}
#menu:active,#notify:active,#calendar:active,#install:active{transform:translateY(-50%) scale(.94)!important}
.accountMenu{right:max(5px,env(safe-area-inset-right))!important;left:auto!important}

/* MW_CHAT_CALENDAR_V1_PROD_20260719 */
.calendarOverlay,.eventEditorOverlay{position:fixed;inset:0;z-index:80;background:#0f172acc;display:grid;place-items:center;padding:0}
.calendarPanel{width:min(100%,760px);height:min(100dvh,900px);background:#f8fafc;color:#172033;display:grid;grid-template-rows:auto auto auto auto 1fr;overflow:hidden;box-shadow:0 24px 70px #0008}
.calendarHeader{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;padding:max(10px,env(safe-area-inset-top)) 10px 10px;background:#172033;color:#fff}
.calendarHeader h2{margin:0;font-size:20px}.calendarHeader span{font-size:12px;color:#b8c4d4}
.calendarIconButton,.calendarNav{border:0;background:transparent;color:inherit;border-radius:50%;width:42px;height:42px;font-size:28px;display:grid;place-items:center}.calendarAddButton{font-size:30px}
.calendarToolbar{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;text-align:center;padding:8px 10px;background:#fff;border-bottom:1px solid #dce4ee}.calendarToolbar strong{text-transform:capitalize;font-size:18px}
.calendarNav{color:#172033}
.calendarWeekdays,.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr)}
.calendarWeekdays{padding:7px 10px 3px;background:#fff;color:#64748b;font-size:12px;text-align:center;font-weight:700}
.calendarGrid{padding:4px 10px 10px;background:#fff;border-bottom:1px solid #dce4ee}
.calendarDay{min-height:54px;border:0;background:transparent;border-radius:12px;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.calendarDay.blank{pointer-events:none}.calendarDay.today{background:#dbeafe;color:#0756b3}.calendarDay.hasEvents{font-weight:800}.calendarDay:active{transform:scale(.94)}
.calendarMarks{min-height:8px;display:flex;align-items:center;gap:3px}.calendarMarks i{width:6px;height:6px;border-radius:50%;background:#1677ff}.calendarMarks small{font-size:9px;color:#64748b}
.calendarAgenda{overflow:auto;padding:14px 12px 30px}.calendarAgenda h3{margin:0 0 10px;font-size:16px}
.calendarEvents{display:grid;gap:8px}.calendarEvent{width:100%;border:1px solid #dce4ee;background:#fff;color:inherit;border-radius:14px;padding:10px;display:grid;grid-template-columns:92px 1fr;gap:10px;text-align:left}.calendarEventDate{font-size:12px;color:#64748b;font-weight:700}.calendarEventContent{display:grid;gap:3px}.calendarEventContent small{color:#64748b;line-height:1.35}.calendarEmpty{color:#64748b;text-align:center;padding:25px}
.eventEditorOverlay{z-index:90;padding:12px}.eventEditor{width:min(100%,520px);max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:#172033;border-radius:20px;padding:18px;box-shadow:0 24px 70px #0008;display:grid;gap:13px}.eventEditor header{display:grid;grid-template-columns:1fr auto;align-items:center}.eventEditor h2{margin:0}.eventEditor label{display:grid;gap:6px;font-weight:700;font-size:14px}.eventEditor input,.eventEditor textarea,.eventEditor select{width:100%;border:1px solid #cbd5e1;background:#fff;color:#172033;border-radius:11px;padding:11px;font:inherit}.eventEditor textarea{resize:vertical}.eventTwoColumns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eventCheck{display:flex!important;align-items:center}.eventCheck input{width:auto}.eventCreator{color:#64748b;font-size:13px}.eventEditorActions{display:flex;justify-content:flex-end;gap:10px}.eventSave,.eventDelete{border:0;border-radius:11px;padding:11px 17px;font-weight:800}.eventSave{background:#1677ff;color:#fff}.eventDelete{background:#fee2e2;color:#b42332;margin-right:auto}
@media(max-width:600px){.calendarPanel{width:100%;height:100dvh}.calendarEvent{grid-template-columns:80px 1fr}}
@media(prefers-color-scheme:dark){
.calendarPanel,.calendarToolbar,.calendarWeekdays,.calendarGrid{background:#111827;color:#eef3f8;border-color:#334155}.calendarAgenda{background:#111827}.calendarEvent,.eventEditor{background:#1e293b;color:#eef3f8;border-color:#334155}.calendarEventDate,.calendarEventContent small,.calendarEmpty,.eventCreator{color:#a8b4c4}.calendarNav{color:#eef3f8}.calendarDay.today{background:#163a5f;color:#bfdbfe}.eventEditor input,.eventEditor textarea,.eventEditor select{background:#111827;color:#eef3f8;border-color:#475569}}


/* MW_CHAT_CALENDAR_CARDS_V1_PROD_20260719 */
.calendarSystemRow{
  justify-content:center!important;
  margin:10px 0!important;
}
.calendarSystemCard{
  width:min(94%,540px);
  border:1px solid #93c5fd;
  border-left:5px solid #1677ff;
  background:linear-gradient(135deg,#eff6ff,#f8fbff);
  color:#172033;
  border-radius:15px;
  padding:11px 13px 9px;
  display:grid;
  gap:4px;
  text-align:left;
  box-shadow:0 3px 12px #17203318;
  cursor:pointer;
}
.calendarSystemCard:active{transform:scale(.985)}
.calendarSystemTop{
  display:flex;
  align-items:center;
  gap:7px;
  color:#2868ad;
  font-size:12px;
  font-weight:800;
}
.calendarSystemIcon{font-size:17px}
.calendarSystemTitle{
  font-size:16px;
  line-height:1.3;
  margin-top:2px;
}
.calendarSystemWhen,.calendarSystemPlace{
  color:#526173;
  font-size:13px;
  line-height:1.35;
}
.calendarSystemMeta{
  color:#7b8797;
  font-size:10px;
  justify-self:end;
  margin-top:1px;
}
.calendarSystem-update{
  border-color:#f0c36b;
  border-left-color:#d98b12;
  background:linear-gradient(135deg,#fff8e8,#fffdf8);
}
.calendarSystem-update .calendarSystemTop{color:#a76300}
.calendarSystem-delete{
  border-color:#f3b3b8;
  border-left-color:#cf3d4b;
  background:linear-gradient(135deg,#fff1f2,#fffafa);
}
.calendarSystem-delete .calendarSystemTop{color:#b42332}
@media(prefers-color-scheme:dark){
  .calendarSystemCard{
    background:linear-gradient(135deg,#142d49,#17263a);
    color:#eef3f8;
    border-color:#315f8d;
    border-left-color:#60a5fa;
  }
  .calendarSystemTop{color:#93c5fd}
  .calendarSystemWhen,.calendarSystemPlace{color:#c0cad7}
  .calendarSystemMeta{color:#94a3b8}
  .calendarSystem-update{
    background:linear-gradient(135deg,#3a2b11,#2b251b);
    border-color:#76551e;
    border-left-color:#f3b34c;
  }
  .calendarSystem-update .calendarSystemTop{color:#f7c873}
  .calendarSystem-delete{
    background:linear-gradient(135deg,#3c1c23,#2e1d22);
    border-color:#743642;
    border-left-color:#fb7185;
  }
  .calendarSystem-delete .calendarSystemTop{color:#fda4af}
}


/* MW_CHAT_CALENDAR_CARD_DIFFS_V2_PROD_20260719 */
.calendarSystemChanges{
  display:grid;
  gap:7px;
  margin-top:4px;
  padding-top:8px;
  border-top:1px solid #d7e0eb;
}
.calendarSystemChange{
  display:grid;
  gap:2px;
}
.calendarSystemChangeLabel{
  color:#805000;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.calendarSystemChangeValues{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:7px;
  align-items:center;
  font-size:13px;
  line-height:1.35;
}
.calendarSystemOld{
  color:#7b8797;
  text-decoration:line-through;
  overflow-wrap:anywhere;
}
.calendarSystemArrow{
  color:#a76300;
  font-weight:900;
}
.calendarSystemNew{
  color:#172033;
  font-weight:800;
  overflow-wrap:anywhere;
}
.calendarSystemNoteChanged{
  color:#172033;
  font-size:13px;
  font-weight:700;
}
@media(max-width:430px){
  .calendarSystemChangeValues{
    grid-template-columns:1fr;
    gap:2px;
  }
  .calendarSystemArrow{
    transform:rotate(90deg);
    justify-self:start;
    margin-left:8px;
  }
}
@media(prefers-color-scheme:dark){
  .calendarSystemChanges{border-color:#4b5563}
  .calendarSystemChangeLabel{color:#f7c873}
  .calendarSystemOld{color:#94a3b8}
  .calendarSystemArrow{color:#f7c873}
  .calendarSystemNew,.calendarSystemNoteChanged{color:#eef3f8}
}


/* MW_CHAT_TASKS_V1_PROD_20260719 */
#menu{right:calc(max(3px,env(safe-area-inset-right)) + 0px)!important}
#notify{right:calc(max(3px,env(safe-area-inset-right)) + 42px)!important}
#tasks{right:calc(max(3px,env(safe-area-inset-right)) + 84px)!important}
#calendar{right:calc(max(3px,env(safe-area-inset-right)) + 126px)!important}
#install{right:calc(max(3px,env(safe-area-inset-right)) + 168px)!important}
#tasks{position:absolute!important;top:50%!important;margin:0!important;z-index:5;transform:translateY(-50%)!important}
#tasks:active{transform:translateY(-50%) scale(.94)!important}
.tasksOverlay,.taskEditorOverlay{position:fixed;inset:0;z-index:82;background:#0f172acc;display:grid;place-items:center;padding:0}
.taskEditorOverlay{z-index:92;padding:12px}
.tasksPanel{width:min(100%,720px);height:min(100dvh,900px);background:#f8fafc;color:#172033;display:grid;grid-template-rows:auto auto auto 1fr;overflow:hidden;box-shadow:0 24px 70px #0008}
.tasksHeader{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;padding:max(10px,env(safe-area-inset-top)) 10px 10px;background:#172033;color:#fff}
.tasksHeader h2{margin:0;font-size:20px}.tasksHeader span{font-size:12px;color:#b8c4d4}
.tasksIconButton{border:0;background:transparent;color:inherit;border-radius:50%;width:42px;height:42px;font-size:28px;display:grid;place-items:center}.tasksAddButton{font-size:30px}
.tasksFilters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;background:#fff;border-bottom:1px solid #dce4ee}
.tasksFilter{border:1px solid #cbd5e1;background:#f8fafc;color:#526173;border-radius:999px;padding:8px 10px;font-weight:800}.tasksFilter.active{border-color:#1677ff;background:#dbeafe;color:#0756b3}
.tasksSummary{padding:10px 13px;color:#64748b;font-size:13px;font-weight:700;border-bottom:1px solid #dce4ee;background:#fff}
.tasksList{overflow:auto;padding:12px 12px 30px;display:grid;align-content:start;gap:9px}
.taskCard{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:start;border:1px solid #dce4ee;background:#fff;border-radius:15px;padding:10px;box-shadow:0 2px 7px #17203312}.taskCard.completed{opacity:.72}
.taskCheck{width:36px;height:36px;border:2px solid #94a3b8;background:#fff;color:#fff;border-radius:50%;font-size:21px;font-weight:900}.taskCard.completed .taskCheck{border-color:#159447;background:#159447}
.taskContent{border:0;background:transparent;color:inherit;padding:1px 0;display:grid;gap:4px;text-align:left}.taskContent strong{font-size:16px;line-height:1.3}.taskCard.completed .taskContent strong{text-decoration:line-through}
.taskContent span{color:#64748b;font-size:12px;line-height:1.35}.taskContent small{color:#526173;font-size:13px;line-height:1.4;white-space:pre-wrap}.tasksEmpty{color:#64748b;text-align:center;padding:35px 15px}
.taskEditor{width:min(100%,520px);max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:#172033;border-radius:20px;padding:18px;box-shadow:0 24px 70px #0008;display:grid;gap:13px}
.taskEditor header{display:grid;grid-template-columns:1fr auto;align-items:center}.taskEditor h2{margin:0}.taskEditor label{display:grid;gap:6px;font-weight:700;font-size:14px}
.taskEditor input,.taskEditor textarea,.taskEditor select{width:100%;border:1px solid #cbd5e1;background:#fff;color:#172033;border-radius:11px;padding:11px;font:inherit}.taskEditor textarea{resize:vertical}.taskCreator{color:#64748b;font-size:13px}
.taskEditorActions{display:flex;justify-content:flex-end;gap:10px}.taskSave,.taskDelete{border:0;border-radius:11px;padding:11px 17px;font-weight:800}.taskSave{background:#1677ff;color:#fff}.taskDelete{background:#fee2e2;color:#b42332;margin-right:auto}
.taskSystemRow{justify-content:center!important;margin:10px 0!important}
.taskSystemCard{width:min(94%,540px);border:1px solid #a7d7b8;border-left:5px solid #159447;background:linear-gradient(135deg,#eefbf3,#fbfffc);color:#172033;border-radius:15px;padding:11px 13px 9px;display:grid;gap:4px;text-align:left;box-shadow:0 3px 12px #17203318}
.taskSystemTop{display:flex;align-items:center;gap:7px;color:#13733b;font-size:12px;font-weight:800}.taskSystemIcon{font-size:17px}.taskSystemTitle{font-size:16px;line-height:1.3;margin-top:2px}
.taskSystemAssigned,.taskSystemDue{color:#526173;font-size:13px;line-height:1.35}.taskSystemMeta{color:#7b8797;font-size:10px;justify-self:end}
.taskSystem-reopen,.taskSystem-update{border-color:#f0c36b;border-left-color:#d98b12;background:linear-gradient(135deg,#fff8e8,#fffdf8)}.taskSystem-reopen .taskSystemTop,.taskSystem-update .taskSystemTop{color:#a76300}
.taskSystem-delete{border-color:#f3b3b8;border-left-color:#cf3d4b;background:linear-gradient(135deg,#fff1f2,#fffafa)}.taskSystem-delete .taskSystemTop{color:#b42332}
@media(max-width:600px){.tasksPanel{width:100%;height:100dvh}}
@media(prefers-color-scheme:dark){
.tasksPanel,.tasksFilters,.tasksSummary{background:#111827;color:#eef3f8;border-color:#334155}.tasksList{background:#111827}.tasksFilter{background:#1e293b;color:#c0cad7;border-color:#475569}.tasksFilter.active{background:#163a5f;color:#bfdbfe;border-color:#3b82f6}
.taskCard,.taskEditor{background:#1e293b;color:#eef3f8;border-color:#334155}.taskCheck{background:#111827;border-color:#64748b}.taskContent span,.taskContent small,.tasksSummary,.tasksEmpty,.taskCreator{color:#a8b4c4}
.taskEditor input,.taskEditor textarea,.taskEditor select{background:#111827;color:#eef3f8;border-color:#475569}
.taskSystemCard{background:linear-gradient(135deg,#153326,#172a24);color:#eef3f8;border-color:#315f48;border-left-color:#4ade80}.taskSystemTop{color:#86efac}.taskSystemAssigned,.taskSystemDue{color:#c0cad7}.taskSystemMeta{color:#94a3b8}
.taskSystem-reopen,.taskSystem-update{background:linear-gradient(135deg,#3a2b11,#2b251b);border-color:#76551e;border-left-color:#f3b34c}.taskSystem-reopen .taskSystemTop,.taskSystem-update .taskSystemTop{color:#f7c873}
.taskSystem-delete{background:linear-gradient(135deg,#3c1c23,#2e1d22);border-color:#743642;border-left-color:#fb7185}.taskSystem-delete .taskSystemTop{color:#fda4af}
}


/* MW_CHAT_EMOJI_ALIGN_V1_PROD_20260719 */
.compose{
  position:relative;
  grid-template-columns:36px 36px minmax(0,1fr) 40px!important;
  gap:6px!important;
  align-items:center!important;
}

.compose textarea{
  width:100%;
  min-width:0;
  min-height:47px;
  box-sizing:border-box;
  margin:0!important;
  align-self:center!important;
}

.attach,.emojiButton,.action{
  flex:none;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  vertical-align:middle!important;
}

.attach,.emojiButton{
  width:36px!important;
  height:36px!important;
  border:0;
  border-radius:50%;
  font-size:21px!important;
}

.action{
  width:40px!important;
  height:40px!important;
  font-size:19px!important;
}

.attach{
  font-size:23px!important;
}

.emojiButton{
  background:#e1e8f0;
  color:#172033;
  cursor:pointer;
}

.emojiButton:active{
  transform:scale(.94);
}

.emojiPicker{
  position:absolute;
  z-index:69;
  left:46px;
  bottom:calc(100% + 8px);
  width:min(300px,calc(100vw - 28px));
  max-height:min(300px,48dvh);
  overflow:auto;
  padding:10px;
  border:1px solid #d5deea;
  border-radius:17px;
  background:#fff;
  color:#172033;
  box-shadow:0 16px 42px #0006;
}

.emojiGrid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:4px;
}

.emojiGrid button{
  width:100%;
  aspect-ratio:1;
  border:0;
  border-radius:10px;
  background:transparent;
  color:inherit;
  display:grid;
  place-items:center;
  padding:0;
  font-size:24px;
  line-height:1;
}

.emojiGrid button:hover,
.emojiGrid button:focus-visible{
  background:#edf2f7;
  outline:none;
}

@media(max-width:430px){
  .compose{
    grid-template-columns:34px 34px minmax(0,1fr) 38px!important;
    gap:5px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }

  .attach,.emojiButton{
    width:34px!important;
    height:34px!important;
  }

  .action{
    width:38px!important;
    height:38px!important;
  }

  .emojiPicker{
    left:7px;
    width:calc(100vw - 14px);
  }

  .emojiGrid{
    grid-template-columns:repeat(7,minmax(0,1fr));
  }
}

@media(prefers-color-scheme:dark){
  .emojiButton{
    background:#2d3a4d;
    color:#fff;
  }

  .emojiPicker{
    background:#222d3d;
    color:#eef3f8;
    border-color:#344258;
  }

  .emojiGrid button:hover,
  .emojiGrid button:focus-visible{
    background:#2d3a4d;
  }
}


/* MW_CHAT_EMOJI_TEXT_DOUBLE_V1_PROD_20260719 */
.messageEmoji{
  display:inline-block;
  font-size:2em;
  line-height:.72;
  vertical-align:-.22em;
  margin:0 .015em;
}


/* MW_CHAT_MESSAGE_FONT_V1_PROD_20260719 */
.body{
  font-size:17px!important;
  line-height:1.42!important;
}


/* MW_CHAT_COMPOSE_FONT_V1_PROD_20260719 */
.compose textarea{
  font-size:17px!important;
  line-height:1.42!important;
}

/* MW_CHAT_EMOJI_COMPOSE_V1_PROD_20260719 */
