/* Team Workspace – bewusst zuletzt geladen, um alte Team-Regeln abzulösen. */
.team-view {
  --team-primary: #5850ec;
  --team-primary-dark: #4338ca;
  --team-primary-soft: #eeedff;
  --team-ink: #202c40;
  --team-muted: #6f7d92;
  --team-border: #dce3ed;
  --team-surface: #ffffff;
  --team-surface-soft: #f6f8fc;
  --team-shadow: 0 18px 46px rgba(30, 42, 72, .08);
  color: var(--team-ink);
  font-size: 14px;
}

.team-view .button { min-height: 44px; padding: 0 17px; border-radius: 12px; font-size: 13px; font-weight: 780; }
.team-view .button-small { min-height: 39px; }
.team-view .icon-button { width: 44px; height: 44px; border-radius: 12px; font-size: 14px; }
.team-view .button-primary { border-color: var(--team-primary); background: linear-gradient(135deg, #625bf4, #4b43dd); box-shadow: 0 8px 20px rgba(78, 70, 222, .22); }
.team-view .button-primary:hover { transform: translateY(-1px); box-shadow: 0 11px 25px rgba(78, 70, 222, .3); }

.team-module-header {
  position: relative;
  display: flex;
  min-height: 128px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  overflow: hidden;
  margin-bottom: 16px;
  padding: 26px 30px;
  border: 1px solid #d9def6;
  border-radius: 22px;
  background:
    radial-gradient(circle at 87% 15%, rgba(99, 91, 246, .2), transparent 270px),
    radial-gradient(circle at 2% 110%, rgba(46, 196, 156, .11), transparent 250px),
    linear-gradient(135deg, #fff 30%, #f7f7ff);
  box-shadow: var(--team-shadow);
}
.team-module-header::after { content: ""; position: absolute; right: 22%; top: -55px; width: 150px; height: 150px; border: 1px solid rgba(91, 83, 229, .1); border-radius: 50%; }
.team-module-header > * { position: relative; z-index: 1; }
.team-kicker { display: inline-flex; align-items: center; gap: 8px; color: #5c56d9; font-size: 11px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.team-kicker i { font-size: 13px; }
.team-module-header h2 { margin: 7px 0 4px; color: #1e293b; font-size: clamp(28px, 3vw, 34px); line-height: 1.05; letter-spacing: -.045em; }
.team-module-header p { margin: 0; color: var(--team-muted); font-size: 14px; line-height: 1.55; }
.team-module-actions { display: flex; align-items: center; gap: 10px; }

.team-realtime-state { display: grid; min-width: 175px; grid-template-columns: 10px minmax(0, 1fr); column-gap: 9px; padding: 10px 13px; border: 1px solid #dce2eb; border-radius: 13px; background: rgba(255,255,255,.84); box-shadow: 0 5px 15px rgba(36,48,77,.05); }
.team-realtime-state > i { grid-row: 1/3; align-self: center; width: 9px; height: 9px; border-radius: 50%; background: #d59325; }
.team-realtime-state b { color: #334155; font-size: 12px; line-height: 1.25; }
.team-realtime-state small { margin-top: 2px; color: #778499; font-size: 10px; }
.team-realtime-state.online { border-color: #b9e2d3; background: #effaf6; }
.team-realtime-state.online > i { background: #16966b; box-shadow: 0 0 0 5px rgba(22,150,107,.12); }
.team-realtime-state.offline { border-color: #efd6ad; background: #fff9ef; }

.team-subnav { display: flex; gap: 6px; margin-bottom: 18px; padding: 6px; border: 1px solid var(--team-border); border-radius: 16px; background: rgba(255,255,255,.92); box-shadow: 0 7px 20px rgba(34,46,77,.04); overflow-x: auto; }
.team-subnav button { position: relative; display: flex; min-height: 48px; flex: 1 0 auto; align-items: center; justify-content: center; gap: 9px; padding: 0 18px; border: 0; border-radius: 11px; background: transparent; color: #657389; font-size: 13px; font-weight: 760; cursor: pointer; transition: background .18s ease, color .18s ease, transform .18s ease; }
.team-subnav button:hover { background: #f3f5fa; color: #334155; }
.team-subnav button.active { background: linear-gradient(135deg, #eeedff, #e8eaff); color: #4943c9; box-shadow: inset 0 0 0 1px #dcd9ff; }
.team-subnav button.active::after { content: ""; position: absolute; right: 18px; bottom: 5px; left: 18px; height: 2px; border-radius: 2px; background: #625bed; }
.team-subnav button > i { font-size: 15px; }
.team-subnav em, .team-subnav b { min-width: 23px; padding: 3px 7px; border-radius: 999px; background: #fff; color: #5751d4; font-size: 10px; font-style: normal; text-align: center; box-shadow: 0 2px 7px rgba(47,52,98,.08); }
.team-section[hidden] { display: none !important; }

.team-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 16px; }
.team-stats article { display: flex; min-height: 92px; align-items: center; gap: 14px; padding: 17px 18px; border: 1px solid var(--team-border); border-radius: 17px; background: #fff; box-shadow: 0 8px 24px rgba(36,48,76,.05); transition: transform .18s ease, box-shadow .18s ease; }
.team-stats article:hover { transform: translateY(-2px); box-shadow: 0 13px 30px rgba(36,48,76,.08); }
.team-stat-icon { display: grid; width: 48px; height: 48px; flex: none; place-items: center; border-radius: 14px; font-size: 17px; }
.team-stat-icon.tasks { background: #ebeeff; color: #5361d8; }.team-stat-icon.events { background: #e8f7f2; color: #168066; }.team-stat-icon.knowledge { background: #fff4d9; color: #a66a08; }.team-stat-icon.chat { background: #f0eaff; color: #7753cf; }
.team-stats small, .team-stats strong { display: block; }
.team-stats small { color: #78869a; font-size: 11px; font-weight: 650; }
.team-stats strong { margin-top: 3px; color: #263449; font-size: 24px; line-height: 1; }

.team-overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.team-overview-knowledge { grid-column: 1/-1; }
.team-panel { overflow: hidden; border: 1px solid var(--team-border); border-radius: 19px; background: #fff; box-shadow: var(--team-shadow); }
.team-panel > header { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 20px; border-bottom: 1px solid #e9edf3; background: linear-gradient(180deg,#fff,#fcfdff); }
.team-panel > header small { display: block; margin-bottom: 3px; color: #6b68cf; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.team-panel > header h3 { margin: 0; color: #27354a; font-size: 17px; letter-spacing: -.015em; }
.team-panel > header button:not(.button) { border: 0; background: transparent; color: #5752cc; font-size: 12px; font-weight: 780; cursor: pointer; }
.team-panel > header > div:last-child { display: flex; align-items: center; gap: 11px; }
.team-task-panel, .team-knowledge-panel { min-height: 510px; }

.team-task-list, .team-event-list { display: grid; }
.team-task { display: grid; min-height: 76px; grid-template-columns: 34px minmax(0,1fr) 38px; align-items: start; gap: 13px; padding: 15px 19px; border-bottom: 1px solid #ebeff4; transition: background .16s ease; }
.team-task:last-child { border-bottom: 0; }.team-task:hover { background: #fafbff; }
.team-task-check { display: grid; width: 31px; height: 31px; margin-top: 1px; place-items: center; border: 1px solid #cbd4e1; border-radius: 10px; background: #fff; color: transparent; cursor: pointer; }
.team-task-check:hover { border-color: #817bf0; color: #817bf0; }.team-task.done .team-task-check { border-color: #71c4a8; background: #e9f8f2; color: #16805f; }
.team-task.done > div { opacity: .62; }.team-task.done .team-task-title strong { text-decoration: line-through; }
.team-task-title { display: flex; align-items: center; gap: 8px; }.team-task-title strong { color: #2f3e54; font-size: 14px; }
.team-task-title em { padding: 4px 7px; border-radius: 6px; background: #fff0f2; color: #b52c46; font-size: 9px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.team-task p { overflow: hidden; margin: 5px 0 0; color: #69778c; font-size: 12px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.team-task footer { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 8px; color: #7d899a; font-size: 10px; }.team-task footer span { display: inline-flex; align-items: center; gap: 5px; }.team-task footer .overdue { color: #c33750; font-weight: 800; }
.team-task > .icon-button, .team-event > .icon-button, .team-knowledge .icon-button { width: 36px; height: 36px; opacity: .2; }.team-task:hover > .icon-button, .team-event:hover > .icon-button, .team-knowledge:hover .icon-button { opacity: 1; }

.team-event { display: grid; min-height: 82px; grid-template-columns: 54px minmax(0,1fr) 38px; align-items: center; gap: 14px; padding: 15px 19px; border-bottom: 1px solid #e9edf3; }.team-event:last-child { border-bottom: 0; }.team-event:hover { background: #fbfdfd; }
.team-event > time { display: grid; width: 52px; height: 56px; place-items: center; align-content: center; border-radius: 14px; background: #eaf7f3; color: #17745e; text-align: center; }.team-event > time strong { font-size: 19px; line-height: 1; }.team-event > time span { margin-top: 4px; font-size: 9px; font-weight: 850; text-transform: uppercase; }
.team-event > div > strong { color: #2f3e54; font-size: 14px; }.team-event p { overflow: hidden; margin: 4px 0; color: #758195; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.team-event small { color: #67768a; font-size: 10px; }.team-event small i { margin-right: 4px; color: #49a187; }

.team-knowledge-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 16px; }
.team-knowledge { min-width: 0; padding: 16px; border: 1px solid #e0e6ee; border-radius: 15px; background: linear-gradient(145deg,#fff,#fafbfd); transition: transform .18s ease, box-shadow .18s ease; }.team-knowledge:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(35,48,76,.07); }.team-knowledge.rule { border-color: #dcd9f6; background: linear-gradient(145deg,#fff,#f8f7ff); }
.team-knowledge > header { display: grid; grid-template-columns: 40px minmax(0,1fr) 36px; align-items: center; gap: 10px; }.team-knowledge > header > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: #fff2d0; color: #9d670c; font-size: 14px; }.team-knowledge.rule > header > span { background: #ece9ff; color: #6558c8; }
.team-knowledge header small, .team-knowledge header strong { display: block; }.team-knowledge header small { color: #7f8b9c; font-size: 9px; font-weight: 750; text-transform: uppercase; }.team-knowledge header strong { overflow: hidden; margin-top: 3px; color: #304056; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.team-knowledge > p { display: -webkit-box; overflow: hidden; margin: 13px 0; color: #647287; font-size: 12px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.team-knowledge > footer { padding-top: 10px; border-top: 1px solid #e8ecf2; color: #818c9c; font-size: 10px; }

.team-live-chat { display: grid; grid-template-columns: 245px minmax(450px,1fr) 235px; height: min(750px,calc(100vh - 225px)); min-height: 610px; overflow: hidden; border: 1px solid #d7dfeb; border-radius: 21px; background: #fff; box-shadow: 0 20px 55px rgba(28,41,72,.1); }
.team-channel-sidebar, .team-member-sidebar { display: flex; min-width: 0; flex-direction: column; background: #f7f8fc; }.team-channel-sidebar { border-right: 1px solid #e0e6ee; }.team-member-sidebar { border-left: 1px solid #e0e6ee; }
.team-channel-sidebar > header, .team-member-sidebar > header { padding: 23px 19px 15px; }.team-channel-sidebar header small, .team-member-sidebar header small { color: #6966cd; font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }.team-channel-sidebar h3, .team-member-sidebar h3 { margin: 5px 0 0; color: #29374c; font-size: 16px; }
.team-channel-list { display: grid; gap: 6px; padding: 5px 10px; }.team-channel-list > button { display: grid; min-height: 57px; grid-template-columns: 39px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: #59687e; text-align: left; cursor: pointer; }.team-channel-list > button:hover { border-color: #e0e4ed; background: #fff; }.team-channel-list > button.active { border-color: #d8d6ff; background: #ececff; color: #4640bd; box-shadow: 0 7px 18px rgba(79,72,194,.08); }.team-channel-list > button > span { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; background: #fff; font-size: 14px; box-shadow: 0 3px 10px rgba(38,51,79,.05); }.team-channel-list strong, .team-channel-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.team-channel-list strong { font-size: 12px; }.team-channel-list small { margin-top: 3px; color: #8490a2; font-size: 9px; }.team-channel-list em { font-size: 10px; font-style: normal; }
.team-channel-sidebar > footer { display: flex; align-items: flex-start; gap: 9px; margin-top: auto; padding: 17px; border-top: 1px solid #e2e7ee; color: #758296; font-size: 10px; line-height: 1.5; }.team-channel-sidebar > footer i { margin-top: 2px; color: #5c5bc8; }

.team-chat-main { display: flex; min-width: 0; flex-direction: column; background: #fff; }.team-chat-main > header { display: flex; min-height: 79px; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 20px; border-bottom: 1px solid #e3e8ef; background: rgba(255,255,255,.96); }.team-chat-main > header > div:first-child { display: flex; align-items: center; gap: 12px; }.team-chat-main > header > div:first-child > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; background: #ececff; color: #4e48c9; font-size: 16px; }.team-chat-main h3 { margin: 0; color: #263449; font-size: 17px; }.team-chat-main header p { margin: 4px 0 0; color: #79869a; font-size: 11px; }.team-chat-presence { display: flex; align-items: center; gap: 9px; }.team-chat-presence > span { display: flex; }.team-chat-presence .team-member-avatar { margin-left: -6px; border: 3px solid #fff; }.team-chat-presence small { color: #69768a; font-size: 11px; font-weight: 650; }
.team-live-chat .team-chat-messages { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: 18px; padding: 23px 25px; overflow-y: auto; background: radial-gradient(circle at 100% 0,rgba(92,83,235,.035),transparent 350px),#f8f9fc; }
.team-live-chat .team-chat-message { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: start; gap: 11px; }.team-live-chat .team-chat-message.mine { grid-template-columns: minmax(0,1fr) 40px; }.team-live-chat .team-chat-message.mine > .team-member-avatar { grid-column: 2; }.team-live-chat .team-chat-message > div { max-width: min(76%,680px); padding: 11px 14px; border: 1px solid #e0e6ee; border-radius: 5px 16px 16px; background: #fff; box-shadow: 0 5px 15px rgba(39,51,78,.045); }.team-live-chat .team-chat-message.mine > div { grid-row: 1; justify-self: end; border-color: #d7d8fa; border-radius: 16px 5px 16px 16px; background: linear-gradient(135deg,#f0f0ff,#e9ebff); }.team-live-chat .team-chat-message header { display: flex; align-items: center; gap: 7px; }.team-live-chat .team-chat-message header strong { color: #405069; font-size: 11px; }.team-live-chat .team-chat-message header time { color: #8b95a5; font-size: 9px; }.team-live-chat .team-chat-message header button { margin-left: auto; border: 0; background: transparent; color: #949dac; cursor: pointer; }.team-live-chat .team-chat-message p { margin: 5px 0 0; color: #2f3d52; font-size: 14px; line-height: 1.58; white-space: pre-wrap; overflow-wrap: anywhere; }
.team-member-avatar { display: grid; width: 40px; height: 40px; flex: none; place-items: center; overflow: hidden; border-radius: 12px; background: linear-gradient(135deg,#e6e9f3,#dce2ee); color: #536078; font-size: 11px; font-weight: 850; }.team-member-avatar.small { width: 30px; height: 30px; border-radius: 9px; font-size: 9px; }.team-member-avatar img { width: 100%; height: 100%; object-fit: cover; }
.team-typing-indicator { display: flex; align-items: center; gap: 9px; padding: 5px 25px 9px; color: #6f7d91; font-size: 11px; }.team-typing-indicator[hidden] { display: none; }.team-typing-indicator i { display: flex; gap: 3px; }.team-typing-indicator i span { width: 5px; height: 5px; border-radius: 50%; background: #716be2; animation: teamTyping 1s infinite alternate; }.team-typing-indicator i span:nth-child(2){animation-delay:.2s}.team-typing-indicator i span:nth-child(3){animation-delay:.4s}@keyframes teamTyping{to{transform:translateY(-3px);opacity:.4}}
.team-live-chat .team-chat-form { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: end; gap: 10px; padding: 14px 17px 16px; border-top: 1px solid #e1e6ee; background: #fff; }.team-live-chat .team-chat-form textarea { min-height: 56px; max-height: 135px; padding: 13px 14px; border-radius: 13px; background: #f8f9fc; font-size: 14px; line-height: 1.45; resize: vertical; }.team-live-chat .team-chat-form > div { display: flex; align-items: center; gap: 11px; }.team-live-chat .team-chat-form > div small { max-width: 175px; color: #7f8a9b; font-size: 10px; line-height: 1.4; }.team-live-chat .team-chat-form .button, .team-chat-add { display: grid; width: 46px; height: 46px; min-height: 46px; padding: 0; place-items: center; }.team-chat-add { border: 1px solid #dae1ea; border-radius: 13px; background: #f5f7fa; color: #627086; font-size: 14px; }.team-chat-form kbd { padding: 2px 5px; border: 1px solid #d6dde7; border-radius: 5px; background: #fff; font: inherit; }

.team-member-list { display: grid; gap: 4px; padding: 5px 11px; overflow-y: auto; }.team-member-list article { display: grid; grid-template-columns: 38px minmax(0,1fr) 8px; align-items: center; gap: 10px; padding: 9px; border-radius: 11px; }.team-member-list article:hover { background: #fff; }.team-member-list .team-member-avatar { width: 38px; height: 38px; }.team-member-list strong, .team-member-list small { display: block; }.team-member-list strong { overflow: hidden; color: #36455a; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.team-member-list small { margin-top: 3px; color: #8a95a5; font-size: 10px; }.team-member-list article > i { width: 8px; height: 8px; border-radius: 50%; background: #c2c8d1; }.team-member-list article.online > i { background: #20a177; box-shadow: 0 0 0 4px rgba(32,161,119,.11); }
.team-member-list article.guest { border: 1px solid #e2dffa; background: linear-gradient(135deg,#fff,#f6f5ff); }.team-member-list article.guest .team-member-avatar { background: linear-gradient(135deg,#eeeaff,#ddd8ff); color:#554fc3; }.team-member-list article.guest strong { display:flex; align-items:center; gap:6px; }.team-member-list article.guest strong em { padding:2px 5px; border-radius:999px; background:#e9e7ff; color:#5751c6; font-size:7px; font-style:normal; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }.team-member-list article.guest small { color:#6d67b8; font-weight:650; }

.team-calendar-toolbar { display: flex; min-height: 70px; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; padding: 12px 15px; border: 1px solid var(--team-border); border-radius: 17px; background: #fff; box-shadow: 0 8px 23px rgba(35,48,77,.05); }.team-calendar-toolbar > div { display: flex; align-items: center; gap: 8px; }.team-calendar-toolbar h3 { min-width: 210px; margin: 0 0 0 10px; color: #263449; font-size: 19px; text-transform: capitalize; }
.team-calendar-layout { display: grid; grid-template-columns: minmax(660px,1fr) 300px; gap: 14px; }.team-calendar, .team-calendar-agenda { overflow: hidden; border: 1px solid var(--team-border); border-radius: 18px; background: #fff; box-shadow: 0 12px 35px rgba(35,48,76,.06); }.team-calendar-weekdays, .team-calendar-grid { display: grid; grid-template-columns: repeat(7,1fr); }.team-calendar-weekdays { border-bottom: 1px solid #e5eaf0; background: #f7f8fc; }.team-calendar-weekdays span { padding: 14px 8px; color: #657389; font-size: 11px; font-weight: 800; text-align: center; }.team-calendar-day { min-width: 0; min-height: 120px; padding: 10px; border: 0; border-right: 1px solid #e9edf3; border-bottom: 1px solid #e9edf3; background: #fff; color: #35445a; text-align: left; cursor: pointer; transition: background .15s ease; }.team-calendar-day:nth-child(7n) { border-right: 0; }.team-calendar-day:hover, .team-calendar-day.selected { background: #f2f3ff; }.team-calendar-day.selected { box-shadow: inset 0 0 0 2px #8a85ee; }.team-calendar-day.outside { background: #fafbfc; color: #a3acb9; }.team-calendar-day > span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; font-size: 12px; font-weight: 800; }.team-calendar-day.today > span { background: #5852dc; color: #fff; box-shadow: 0 5px 12px rgba(72,66,201,.25); }.team-calendar-day > div { display: grid; gap: 4px; margin-top: 5px; }.team-calendar-day em { display: flex; min-width: 0; align-items: center; gap: 6px; padding: 5px 6px; border-radius: 6px; background: #ebeaff; color: #4843bd; font-size: 9px; font-style: normal; overflow: hidden; white-space: nowrap; }.team-calendar-day em i { width: 5px; height: 5px; flex: none; border-radius: 50%; background: #625de0; }.team-calendar-day small { color: #718095; font-size: 9px; }
.team-calendar-agenda > header { padding: 20px; border-bottom: 1px solid #e5eaf0; background: linear-gradient(135deg,#fafaff,#fff); }.team-calendar-agenda header small { color: #6764ca; font-size: 10px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.team-calendar-agenda h3 { margin: 5px 0 0; color: #2c3a50; font-size: 16px; text-transform: capitalize; }.team-calendar-agenda > div { display: grid; padding: 10px; }.team-calendar-agenda > div > button { display: grid; grid-template-columns: 48px minmax(0,1fr) 14px; align-items: center; gap: 9px; padding: 12px 10px; border: 0; border-radius: 11px; background: #fff; text-align: left; cursor: pointer; }.team-calendar-agenda > div > button:hover { background: #f3f5fa; }.team-calendar-agenda time { color: #5451c4; font-size: 11px; font-weight: 850; }.team-calendar-agenda strong, .team-calendar-agenda small { display: block; }.team-calendar-agenda strong { color: #334258; font-size: 12px; }.team-calendar-agenda small { margin-top: 4px; color: #818c9d; font-size: 10px; line-height: 1.4; }

.team-empty { grid-column: 1/-1; display: grid; min-height: 155px; place-items: center; align-content: center; gap: 7px; padding: 24px; color: #7d899b; text-align: center; }.team-empty > i { font-size: 26px; color: #a7b1c0; }.team-empty strong { color: #536176; font-size: 14px; }.team-empty p { margin: 0; font-size: 12px; }

/* Team-Modals */
#teamEntryModal .modal-backdrop, #teamRealtimeModal .modal-backdrop { background: rgba(19,27,43,.68); backdrop-filter: blur(7px); }
#teamEntryModal .modal-card, #teamRealtimeModal .modal-card { overflow: hidden; padding: 0; border: 1px solid rgba(255,255,255,.9); border-radius: 24px; background: #fff; box-shadow: 0 34px 100px rgba(12,20,38,.35); }
#teamEntryModal .team-entry-modal-card { width: min(820px,calc(100vw - 32px)); max-height: min(900px,calc(100vh - 32px)); overflow-y: auto; }
#teamRealtimeModal .team-realtime-modal-card { width: min(680px,calc(100vw - 32px)); }
#teamEntryModal .modal-head, #teamRealtimeModal .modal-head { position: relative; display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 27px; border-bottom: 1px solid #e7ebf1; background: radial-gradient(circle at 80% 0,rgba(91,83,235,.13),transparent 220px),linear-gradient(135deg,#fafaff,#fff); }
#teamEntryModal .modal-head > div, #teamRealtimeModal .modal-head > div { display: flex; align-items: center; gap: 15px; }
#teamEntryModal .modal-icon, #teamRealtimeModal .modal-icon { display: grid; width: 52px; height: 52px; flex: none; place-items: center; border-radius: 15px; background: linear-gradient(135deg,#655ef4,#4c43d9); color: #fff; font-size: 19px; box-shadow: 0 10px 24px rgba(77,68,213,.26); }
#teamEntryModal .modal-head small, #teamRealtimeModal .modal-head small { color: #625dd5; font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
#teamEntryModal .modal-head h2, #teamRealtimeModal .modal-head h2 { margin: 4px 0 2px; color: #202d42; font-size: 23px; letter-spacing: -.025em; }
#teamEntryModal .modal-head p, #teamRealtimeModal .modal-head p { margin: 0; color: #748196; font-size: 12px; }
#teamEntryModal .modal-close, #teamRealtimeModal .modal-close { display: grid; width: 42px; height: 42px; flex: none; place-items: center; border: 1px solid #dfe5ed; border-radius: 12px; background: rgba(255,255,255,.88); color: #6f7d91; font-size: 15px; cursor: pointer; }
#teamEntryModal form, #teamRealtimeModal form { display: grid; gap: 18px; padding: 24px 27px 0; }
#teamEntryModal label, #teamRealtimeModal label { min-width: 0; }
#teamEntryModal .form-label, #teamRealtimeModal .form-label { display: block; margin-bottom: 7px; color: #3c4a5f; font-size: 13px; font-weight: 780; }
#teamEntryModal .form-control, #teamRealtimeModal .form-control { min-height: 50px; padding: 12px 14px; border: 1px solid #d8e0ea; border-radius: 12px; background: #f8f9fc; color: #29374c; font-size: 14px; }
#teamEntryModal textarea.form-control { min-height: 125px; line-height: 1.55; resize: vertical; }
#teamEntryModal .form-control:focus, #teamRealtimeModal .form-control:focus { border-color: #7770e8; background: #fff; box-shadow: 0 0 0 4px rgba(92,83,225,.11); }
.team-entry-type-picker { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.team-entry-type-picker input { position: absolute; opacity: 0; }.team-entry-type-picker span { display: flex; min-height: 82px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1px solid #dce3ec; border-radius: 14px; background: #f8f9fc; color: #68768b; cursor: pointer; transition: border .17s ease, background .17s ease, transform .17s ease; }.team-entry-type-picker span:hover { border-color: #b8b9e9; background: #f4f4ff; transform: translateY(-1px); }.team-entry-type-picker i { font-size: 19px; }.team-entry-type-picker strong { font-size: 12px; }.team-entry-type-picker input:checked + span { border-color: #8d88ec; background: linear-gradient(135deg,#efefff,#e9eaff); color: #4943bd; box-shadow: inset 0 0 0 1px #c7c5f7,0 7px 17px rgba(78,71,190,.08); }
.team-entry-details { align-items: end; gap: 13px; }.team-entry-pin { min-height: 67px; margin: 0; padding: 12px 14px; border-radius: 12px; }.team-entry-pin strong { font-size: 12px; }.team-entry-pin small { font-size: 10px; }
.team-event-attendees { padding: 16px; border: 1px solid #dde4ed; border-radius: 14px; background: #fafbfe; }.team-event-attendees legend { padding: 0 8px; }.team-event-attendees legend span, .team-event-attendees legend small { display: block; }.team-event-attendees legend span { color: #364459; font-size: 13px; font-weight: 820; }.team-event-attendees legend small { margin-top: 2px; color: #7e8a9c; font-size: 10px; }.team-event-attendees > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 9px; }.team-event-attendees label { display: grid; min-height: 61px; grid-template-columns: 20px 40px minmax(0,1fr) 20px; align-items: center; gap: 9px; padding: 9px; border: 1px solid #dfe5ed; border-radius: 12px; background: #fff; cursor: pointer; }.team-event-attendees label > input { opacity: .01; }.team-event-attendees label > i { color: transparent; }.team-event-attendees label:has(input:checked) { border-color: #9e9aee; background: #efefff; }.team-event-attendees label:has(input:checked) > i { color: #534dcc; }.team-event-attendees strong, .team-event-attendees small { display: block; }.team-event-attendees strong { color: #344258; font-size: 12px; }.team-event-attendees small { margin-top: 3px; color: #7e899a; font-size: 10px; }
#teamEntryModal .modal-actions, #teamRealtimeModal .modal-actions { position: sticky; bottom: 0; z-index: 3; display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: 5px -27px 0; padding: 17px 27px; border-top: 1px solid #e4e9f0; background: rgba(255,255,255,.96); box-shadow: 0 -9px 24px rgba(35,47,73,.05); backdrop-filter: blur(14px); }
#teamEntryModal .modal-actions .button, #teamRealtimeModal .modal-actions .button { min-height: 46px; padding: 0 19px; font-size: 13px; }
#teamEntryModal .team-entry-actions #teamDeleteEntry { margin-right: auto; }
.team-cancel-event-button{border:1px solid #f0c7a3;background:#fff8ef;color:#a75218}.team-cancel-event-button:hover{border-color:#e8a66c;background:#fff2e3}.team-event.cancelled{background:#fafbfc;opacity:.78}.team-event.cancelled>time{background:#f2f3f6;color:#7b8492}.team-event.cancelled>div>strong,.team-event.cancelled .team-event-title>strong{text-decoration:line-through}.team-event-title{display:flex;align-items:center;gap:8px}.team-event-title em,.team-calendar-agenda button.cancelled strong em{display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;background:#fff0f1;color:#b52d43;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.team-calendar-day em.cancelled{background:#f1f2f5!important;color:#7e8795!important;text-decoration:line-through}.team-calendar-day em.cancelled i{background:#a6adba!important}.team-calendar-agenda button.cancelled{background:#fafbfc;opacity:.8}.team-calendar-agenda button.cancelled time{color:#9b4050}.team-event-cancelled-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #f0c5ca;border-radius:13px;background:#fff5f6;color:#7f2a39}.team-event-cancelled-notice[hidden]{display:none}.team-event-cancelled-notice>i{margin-top:2px}.team-event-cancelled-notice strong{display:block;font-size:12px}.team-event-cancelled-notice p{margin:4px 0 0;font-size:10px;line-height:1.5}.team-cancel-modal-card{width:min(610px,calc(100vw - 32px));overflow:hidden;padding:0!important;border-radius:22px!important}.team-cancel-modal-card .modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 25px;border-bottom:1px solid #e8ebf0;background:linear-gradient(135deg,#fff9f6,#fff)}.team-cancel-modal-card .modal-head>div{display:flex;align-items:center;gap:14px}.team-cancel-modal-card .modal-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#fff0e6;color:#b4541c}.team-cancel-modal-card .modal-head small{color:#b76534;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.team-cancel-modal-card .modal-head h2{margin:3px 0;color:#263349;font-size:21px}.team-cancel-modal-card .modal-head p{margin:0;color:#788498;font-size:11px}.team-cancel-modal-card form{display:grid;gap:18px;padding:22px 25px 0}.team-cancel-summary{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #e2e7ee;border-radius:13px;background:#fafbfc}.team-cancel-summary>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eef0ff;color:#5e59d7}.team-cancel-summary small,.team-cancel-summary strong,.team-cancel-summary span{display:block}.team-cancel-summary small{color:#8993a2;font-size:8px;text-transform:uppercase}.team-cancel-summary strong{margin:2px 0;color:#344158;font-size:12px}.team-cancel-summary span{color:#788599;font-size:9px}.team-cancel-modal-card .form-label{display:block;margin-bottom:7px;color:#3c4a5f;font-size:12px;font-weight:780}.team-cancel-modal-card .form-label small{color:#8b95a4;font-weight:500}.team-cancel-modal-card textarea{min-height:115px;padding:12px 14px;border:1px solid #d8e0ea;border-radius:12px;background:#f8f9fc;resize:vertical}.team-cancel-hint{display:flex;gap:8px;margin:0;padding:11px 12px;border-radius:10px;background:#f5f6f9;color:#6f7b8e;font-size:9px;line-height:1.5}.team-cancel-modal-card .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin:0 -25px;padding:16px 25px;border-top:1px solid #e5e9ef;background:#fff}
#teamRealtimeModal form > label { padding: 16px; border: 1px solid #e0e6ee; border-radius: 15px; background: #fafbfe; }
#teamRealtimeModal form > label > small { display: block; margin-top: 8px; color: #6f7d91; font-size: 11px; line-height: 1.55; }

@media (max-width: 1220px) {
  .team-live-chat { grid-template-columns: 220px minmax(410px,1fr); }
  .team-member-sidebar { display: none; }
  .team-calendar-layout { grid-template-columns: 1fr; }
  .team-calendar-agenda { min-height: 200px; }
}
@media (max-width: 900px) {
  .team-module-header { align-items: flex-start; flex-direction: column; }
  .team-module-actions { width: 100%; flex-wrap: wrap; }
  .team-stats { grid-template-columns: repeat(2,1fr); }
  .team-live-chat { grid-template-columns: 1fr; height: 700px; }
  .team-channel-sidebar { display: none; }
  .team-overview-grid { grid-template-columns: 1fr; }.team-overview-knowledge { grid-column: auto; }
  .team-calendar-layout { display: block; overflow-x: auto; }.team-calendar { min-width: 720px; }
}
@media (max-width: 650px) {
  .team-module-header { min-height: 0; padding: 21px; }.team-module-header h2 { font-size: 27px; }
  .team-module-actions .button-primary { flex: 1; }.team-realtime-state { order: 3; width: 100%; }
  .team-subnav button { min-width: 51px; padding: 0 12px; }.team-subnav button span { display: none; }
  .team-stats { grid-template-columns: 1fr; }.team-stats article { min-height: 78px; }
  .team-knowledge-list { grid-template-columns: 1fr; }
  .team-live-chat .team-chat-form { grid-template-columns: minmax(0,1fr) 48px; }.team-chat-add, .team-live-chat .team-chat-form > div small { display: none; }.team-live-chat .team-chat-form > div { display: block; }.team-live-chat .team-chat-message > div { max-width: 90%; }
  #teamEntryModal .modal-head, #teamRealtimeModal .modal-head { min-height: 100px; padding: 19px; }.team-entry-type-picker { grid-template-columns: 1fr 1fr; }
  #teamEntryModal form, #teamRealtimeModal form { padding: 20px 19px 0; }.team-event-attendees > div { grid-template-columns: 1fr; }
  #teamEntryModal .modal-actions, #teamRealtimeModal .modal-actions { margin-right: -19px; margin-left: -19px; padding: 15px 19px; }
  #teamEntryModal .modal-actions { align-items: stretch; flex-direction: column; }.team-entry-actions #teamDeleteEntry { width: 100%; margin-right: 0; }
}

/* Kompakter, klar gegliederter Chat-Composer */
.team-live-chat .team-chat-form { display: block; padding: 14px 17px 17px; border-top: 1px solid #e1e6ee; background: #fff; }
.team-chat-compose-shell { position: relative; overflow: visible; border: 1px solid #d7dfea; border-radius: 16px; background: #f8f9fc; box-shadow: inset 0 1px 0 rgba(255,255,255,.9); transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.team-chat-compose-shell:focus-within { border-color: #8983ee; background: #fff; box-shadow: 0 0 0 4px rgba(91,83,226,.1); }
.team-live-chat .team-chat-form .team-chat-compose-shell > textarea { display: block; width: 100%; min-height: 76px; max-height: 180px; margin: 0; padding: 15px 16px 8px; border: 0; border-radius: 16px 16px 0 0; outline: 0; background: transparent; box-shadow: none; font-size: 14px; line-height: 1.55; resize: vertical; }
.team-live-chat .team-chat-form .team-chat-compose-shell > textarea:focus { border: 0; box-shadow: none; }
.team-chat-compose-shell > footer { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 14px; padding: 7px 8px 8px 10px; border-top: 1px solid #e6eaf0; }
.team-chat-compose-tools, .team-chat-compose-actions { display: flex; align-items: center; gap: 10px; }
.team-chat-compose-tools > span { color: #8490a1; font-size: 10px; }
.team-mention-button { display: inline-flex; min-height: 35px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid #d9deea; border-radius: 10px; background: #fff; color: #5551c7; font-size: 11px; font-weight: 780; cursor: pointer; }
.team-mention-button:hover { border-color: #aaa7e9; background: #f1f1ff; }
.team-mention-button i { font-size: 13px; }
.team-chat-compose-actions > small { color: #828d9d; font-size: 9px; white-space: nowrap; }
.team-chat-compose-actions kbd { padding: 2px 5px; border: 1px solid #d5dce6; border-radius: 5px; background: #fff; color: #647186; font: inherit; }
.team-live-chat .team-chat-form .team-chat-compose-actions .button { display: inline-flex; width: auto; height: 40px; min-height: 40px; align-items: center; gap: 8px; padding: 0 15px; }

.team-mention-suggestions { position: absolute; right: 10px; bottom: 57px; left: 10px; z-index: 20; overflow: hidden; border: 1px solid #d7deea; border-radius: 15px; background: rgba(255,255,255,.98); box-shadow: 0 20px 50px rgba(25,35,61,.2); backdrop-filter: blur(16px); }
.team-mention-suggestions[hidden] { display: none; }
.team-mention-suggestions > header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 13px; border-bottom: 1px solid #e8ecf2; background: #f8f9fc; }
.team-mention-suggestions > header span { color: #3b4960; font-size: 11px; font-weight: 820; }.team-mention-suggestions > header small { color: #8791a1; font-size: 9px; }
.team-mention-suggestions > div { display: grid; max-height: 292px; padding: 6px; overflow-y: auto; }
.team-mention-suggestions button { display: grid; min-height: 52px; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 7px 9px; border: 0; border-radius: 10px; background: transparent; color: #415067; text-align: left; cursor: pointer; }
.team-mention-suggestions button:hover, .team-mention-suggestions button.active { background: #efefff; color: #4943c2; }
.team-mention-suggestions button > i:first-child { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: #f0f2f7; color: #626d80; }
.team-mention-suggestions button.active > i:first-child, .team-mention-suggestions button:hover > i:first-child { background: #fff; color: #5650d0; }
.team-mention-suggestions button strong, .team-mention-suggestions button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.team-mention-suggestions button strong { font-size: 12px; }.team-mention-suggestions button small { margin-top: 3px; color: #7d899a; font-size: 10px; }
.team-mention-suggestions button em { max-width: 190px; overflow: hidden; padding: 5px 7px; border-radius: 7px; background: #f3f5f8; color: #707d90; font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.team-mention-empty { display: flex !important; min-height: 78px; align-items: center; justify-content: center; gap: 9px; color: #7b8798; font-size: 11px; }

.team-live-chat .team-chat-message p .team-entity-reference { display: inline-flex; min-height: 29px; vertical-align: middle; align-items: center; gap: 6px; margin: 1px 3px; padding: 3px 8px; border: 1px solid #d5d9f4; border-radius: 9px; background: #f0efff; color: #4944bd; font: inherit; font-size: 11px; font-weight: 760; cursor: pointer; white-space: nowrap; }
.team-live-chat .team-chat-message p .team-entity-reference:hover { border-color: #9994e8; background: #e5e4ff; transform: translateY(-1px); }
.team-entity-reference em { padding-left: 6px; border-left: 1px solid #cbc9ee; color: #7773ba; font-size: 8px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.team-entity-reference.ticket { border-color: #c9deed !important; background: #edf7fc !important; color: #286884 !important; }.team-entity-reference.rechnung { border-color: #bee1d2 !important; background: #ebf8f3 !important; color: #24735a !important; }.team-entity-reference.angebot { border-color: #ead5ad !important; background: #fff7e9 !important; color: #8a611b !important; }
.team-reference-target { animation: teamReferenceTarget 2.2s ease; }@keyframes teamReferenceTarget { 0%,35% { background: #e8e7ff; box-shadow: inset 4px 0 #5a54dc; } 100% { background: transparent; box-shadow: inset 0 0 transparent; } }

@media (max-width: 760px) {
  .team-chat-compose-shell > footer { align-items: stretch; flex-direction: column; }.team-chat-compose-actions { justify-content: space-between; }.team-chat-compose-actions > small, .team-chat-compose-tools > span { display: none; }.team-mention-button { min-height: 38px; }.team-live-chat .team-chat-form .team-chat-compose-actions .button { flex: 1; justify-content: center; }
  .team-mention-suggestions { bottom: 101px; }.team-mention-suggestions button em { display: none; }
}

/* Composer v2: bewusst reduziert, ohne gequetschte Hilfstexte. */
.team-live-chat .team-chat-form { padding: 12px 16px 15px; }
.team-chat-compose-shell { border-color: #d8dee9; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(36,48,75,.035); }
.team-chat-compose-shell:focus-within { border-color: #8a85e9; box-shadow: 0 0 0 3px rgba(91,83,226,.09); }
.team-live-chat .team-chat-form .team-chat-compose-shell > textarea { min-height: 70px; padding: 14px 15px 8px; border-radius: 14px 14px 0 0; background: #fff; resize: none; }
.team-chat-compose-shell > footer { min-height: 49px; flex-direction: row; align-items: center; padding: 6px 7px 7px; border-top: 0; background: #fff; }
.team-chat-compose-tools { gap: 6px; }
.team-compose-tool { display: inline-flex; width: 38px; height: 36px; align-items: center; justify-content: center; gap: 7px; padding: 0; border: 0; border-radius: 9px; background: transparent; color: #68758a; font-size: 15px; cursor: pointer; transition: color .15s ease,background .15s ease; }
.team-compose-tool:hover { background: #f0f1ff; color: #514ac8; }
.team-compose-link { width: auto; padding: 0 10px; font-size: 12px; font-weight: 760; }
.team-compose-link i { font-size: 14px; }.team-compose-link span { display: inline; }
.team-live-chat .team-chat-form .team-chat-compose-actions .button { height: 38px; min-height: 38px; padding: 0 15px; border-radius: 10px; box-shadow: 0 5px 13px rgba(76,67,214,.2); font-size: 12px; }
.team-live-chat .team-chat-form .team-chat-compose-actions .button:hover { transform: none; }
.team-chat-compose-actions { flex: none; }

.team-emoji-picker { position: absolute; bottom: 51px; left: 8px; z-index: 22; width: min(340px,calc(100% - 16px)); overflow: hidden; border: 1px solid #d8dfea; border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: 0 20px 50px rgba(24,34,58,.22); backdrop-filter: blur(15px); }
.team-emoji-picker[hidden] { display: none; }
.team-emoji-picker > header { display: flex; min-height: 43px; align-items: center; justify-content: space-between; padding: 7px 10px 7px 13px; border-bottom: 1px solid #e7ebf1; background: #f8f9fc; }
.team-emoji-picker > header strong { color: #3e4b60; font-size: 11px; }.team-emoji-picker > header button { display: grid; width: 29px; height: 29px; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #758195; cursor: pointer; }
.team-emoji-picker > header button:hover { background: #eceff5; color: #39475b; }
.team-emoji-picker > div { display: grid; grid-template-columns: repeat(8,1fr); gap: 3px; max-height: 225px; padding: 9px; overflow-y: auto; }
.team-emoji-picker > div button { display: grid; width: 36px; height: 36px; place-items: center; border: 0; border-radius: 9px; background: transparent; font-size: 20px; cursor: pointer; }
.team-emoji-picker > div button:hover { background: #efefff; transform: scale(1.08); }
.team-entity-reference.benutzer { border-color: #d6d5f4 !important; background: #efefff !important; color: #514bc4 !important; }.team-entity-reference.section { border-color: #d4dce8 !important; background: #f1f4f8 !important; color: #4c5c72 !important; }

@media (max-width: 600px) {
  .team-live-chat .team-chat-form { padding: 9px; }.team-chat-compose-shell > footer { flex-direction: row; }.team-chat-compose-actions { margin-left: auto; }.team-compose-link span { display: none; }.team-compose-link { width: 38px; padding: 0; }.team-live-chat .team-chat-form .team-chat-compose-actions .button span { display: none; }.team-live-chat .team-chat-form .team-chat-compose-actions .button { width: 40px; padding: 0; justify-content: center; }
  .team-emoji-picker > div { grid-template-columns: repeat(7,1fr); }
}
@media (min-width: 601px) and (max-width: 760px) { .team-mention-suggestions { bottom: 51px; } }

/* Chat-Höhenmodell: Nur der Verlauf scrollt, Composer und Kopf bleiben sichtbar. */
.team-live-chat {
  height: clamp(440px, calc(100dvh - 220px), 750px);
  min-height: 0;
  max-height: calc(100dvh - 170px);
}
.team-chat-main {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.team-chat-main > header {
  flex: 0 0 auto;
}
.team-live-chat .team-chat-messages {
  width: 100%;
  height: 0;
  min-height: 0;
  flex: 1 1 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.team-typing-indicator {
  flex: 0 0 auto;
}
.team-live-chat .team-chat-form {
  position: relative;
  z-index: 4;
  flex: 0 0 auto;
  min-height: 0;
}
.team-channel-sidebar, .team-member-sidebar {
  min-height: 0;
  overflow: hidden;
}
.team-channel-list, .team-member-list {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (max-width: 900px) {
  .team-live-chat { height: clamp(440px, calc(100dvh - 190px), 680px); min-height: 0; }
}
@media (max-height: 680px) and (min-width: 901px) {
  .team-live-chat { height: calc(100dvh - 175px); min-height: 360px; }
}

/* Geführtes WebSocket-Komfort-Setup */
#teamRealtimeModal .team-realtime-modal-card { display: flex; width: min(1040px,calc(100vw - 32px)); max-height: min(900px,calc(100dvh - 32px)); flex-direction: column; }
#teamRealtimeModal .modal-head { flex: 0 0 auto; }
#teamRealtimeModal form { min-height: 0; gap: 16px; overflow-y: auto; padding: 21px 27px 0; }
.team-realtime-summary { display: grid; grid-template-columns: 46px minmax(0,1fr); align-items: center; gap: 13px; padding: 14px 16px; border: 1px solid #dce3ed; border-radius: 15px; background: #f7f9fc; }
.team-realtime-summary > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #eceeff; color: #5751d2; font-size: 16px; }.team-realtime-summary strong,.team-realtime-summary p { display: block; }.team-realtime-summary strong { color: #344258; font-size: 13px; }.team-realtime-summary p { margin: 3px 0 0; color: #738095; font-size: 11px; line-height: 1.45; }
.team-realtime-summary.success { border-color: #b9dfd1; background: #eff9f5; }.team-realtime-summary.success > span { background: #dff4eb; color: #168060; }.team-realtime-summary.warning { border-color: #ead6ad; background: #fff9ee; }.team-realtime-summary.warning > span { background: #fff0ce; color: #a0690c; }.team-realtime-summary.error { border-color: #ebc4ca; background: #fff4f5; }.team-realtime-summary.error > span { background: #ffe5e8; color: #b53249; }
.team-realtime-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.team-realtime-steps > i { grid-column: 1/-1; padding: 20px; color: #6965d2; text-align: center; }.team-realtime-steps article { display: grid; min-width: 0; grid-template-columns: 31px minmax(0,1fr); align-items: center; gap: 9px; padding: 10px 11px; border: 1px solid #e0e5ed; border-radius: 12px; background: #fafbfd; }.team-realtime-steps article > span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: #eceff5; color: #738095; font-size: 10px; font-weight: 850; }.team-realtime-steps article.done > span { background: #def3ea; color: #16805e; }.team-realtime-steps strong,.team-realtime-steps small { display: block; }.team-realtime-steps strong { color: #3c4a60; font-size: 10px; }.team-realtime-steps small { overflow: hidden; margin-top: 2px; color: #8791a1; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
#teamRealtimeModal form > .team-realtime-endpoint { padding: 13px 15px; }.team-realtime-endpoint > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; }.team-realtime-endpoint .form-control { min-height: 45px!important; }.team-realtime-endpoint .button { min-height: 45px; }
.team-realtime-setup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.team-realtime-setup-card { min-width: 0; padding: 15px; border: 1px solid #dfe5ed; border-radius: 15px; background: linear-gradient(145deg,#fff,#fafbfd); }.team-realtime-setup-card > header { display: grid; grid-template-columns: 39px minmax(0,1fr) auto; align-items: center; gap: 10px; }.team-realtime-setup-card > header > span { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; background: #ececff; color: #5650ce; font-size: 14px; }.team-realtime-setup-card header small,.team-realtime-setup-card header h3 { display: block; }.team-realtime-setup-card header small { color: #7773d0; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.team-realtime-setup-card header h3 { margin: 3px 0 0; color: #334157; font-size: 14px; }.team-realtime-setup-card header em { padding: 5px 7px; border-radius: 999px; background: #eef1f5; color: #748094; font-size: 8px; font-style: normal; font-weight: 800; }.team-realtime-setup-card header em.ready { background: #dff3ea; color: #187a5d; }.team-realtime-setup-card > p { min-height: 34px; margin: 12px 0; color: #6e7b8f; font-size: 10px; line-height: 1.55; }.team-realtime-setup-card code { padding: 2px 5px; border-radius: 5px; background: #eef1f6; color: #4e5c70; font-size: 9px; }
.team-realtime-facts { display: grid; gap: 6px; margin-bottom: 12px; }.team-realtime-facts > span { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 9px; border-radius: 8px; background: #f3f5f8; }.team-realtime-facts small { color: #7c8798; font-size: 8px; }.team-realtime-facts strong { overflow: hidden; color: #48566b; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.team-realtime-plesk-path { display: flex; min-height: 72px; align-items: center; gap: 10px; margin-bottom: 12px; padding: 10px 12px; border-radius: 10px; background: #f2f4f8; color: #536176; font-size: 10px; line-height: 1.5; }.team-realtime-plesk-path i { color: #5d58cf; }
.team-realtime-card-actions { display: flex; flex-wrap: wrap; gap: 7px; }.team-realtime-card-actions .button { flex: 1; min-width: 130px; }.team-realtime-setup-card details { margin-top: 11px; border-top: 1px solid #e7ebf1; }.team-realtime-setup-card summary { padding: 10px 2px 0; color: #606ec2; font-size: 9px; font-weight: 750; cursor: pointer; }.team-realtime-setup-card pre { max-height: 230px; margin: 9px 0 0; padding: 12px; overflow: auto; border-radius: 10px; background: #182131; color: #dce6f5; font: 10px/1.55 Consolas,monospace; white-space: pre; }
#teamRealtimeModal .modal-actions { flex: 0 0 auto; margin-top: 2px; }
@media(max-width:800px){#teamRealtimeModal .team-realtime-modal-card{width:min(720px,calc(100vw - 18px));max-height:calc(100dvh - 18px)}.team-realtime-steps{grid-template-columns:1fr}.team-realtime-setup-grid{grid-template-columns:1fr}.team-realtime-steps small{white-space:normal}.team-realtime-endpoint>div{grid-template-columns:1fr}.team-realtime-endpoint .button{width:100%}}
@media(max-width:560px){#teamRealtimeModal form{padding-right:15px;padding-left:15px}.team-realtime-summary{grid-template-columns:38px minmax(0,1fr);padding:12px}.team-realtime-summary>span{width:36px;height:36px}#teamRealtimeModal .modal-actions{align-items:stretch;flex-direction:column;margin-right:-15px;margin-left:-15px}.team-realtime-card-actions{flex-direction:column}.team-realtime-card-actions .button{width:100%}}

.team-chat-message-body { margin-top: 6px; color: #2f3d52; font-size: 14px; line-height: 1.62; overflow-wrap: anywhere; }
.team-chat-message-body .team-markdown-line { display: block; min-height: 1.62em; }
.team-chat-message-body strong { color: inherit; font-size: inherit; font-weight: 800; }
.team-chat-message-body em { font-style: italic; }
.team-chat-message-body del { color: #758196; text-decoration-thickness: 1.5px; }
.team-chat-message-body code { padding: 2px 6px; border: 1px solid #d9dfeb; border-radius: 6px; background: rgba(240,243,249,.9); color: #5a45bb; font: 12px/1.5 Consolas,monospace; }
.team-chat-message-body ul { display: grid; gap: 3px; margin: 6px 0 3px; padding-left: 20px; }
.team-chat-message-body blockquote { margin: 5px 0; padding: 5px 10px; border-left: 3px solid #7670e9; border-radius: 0 7px 7px 0; background: rgba(92,83,235,.07); color: #56627a; }
.team-chat-message-body .team-chat-link { color: #4f46d5; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(79,70,213,.3); text-underline-offset: 2px; }
.team-chat-message-body .team-chat-link:hover { text-decoration-color: currentColor; }
.team-live-chat .team-chat-message-body .team-entity-reference { display: inline-flex; min-height: 29px; vertical-align: middle; align-items: center; gap: 6px; margin: 1px 3px; padding: 3px 8px; border: 1px solid #d5d9f4; border-radius: 9px; background: #f0efff; color: #4944bd; font: inherit; font-size: 11px; font-weight: 760; cursor: pointer; white-space: nowrap; }
.team-link-preview-list { display: grid; gap: 7px; margin-top: 10px; }
.team-link-preview-loading,.team-link-preview { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 58px; padding: 9px 11px; border: 1px solid #dce2ec; border-radius: 11px; background: rgba(255,255,255,.78); color: #344258; text-decoration: none; }
.team-link-preview-loading { grid-template-columns: 18px minmax(0,1fr); color: #7d8798; font-size: 11px; }
.team-link-preview-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #eeedff; color: #5b52dc; }
.team-link-preview > span:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.team-link-preview small { color: #7e899a; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.team-link-preview strong { overflow: hidden; color: #29384d; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.team-link-preview p { display: -webkit-box; margin: 0 !important; overflow: hidden; color: #6a7587 !important; font-size: 10px !important; line-height: 1.4 !important; white-space: normal !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.team-link-preview > i { color: #929cad; font-size: 10px; }
.team-link-preview:hover { border-color: #aaa6ea; background: #fff; box-shadow: 0 7px 18px rgba(50,59,92,.08); transform: translateY(-1px); }
.team-customer-chat .team-subnav,.team-customer-chat .team-member-sidebar,.team-customer-chat .team-channel-sidebar footer,.team-customer-chat .team-module-actions>.button,.team-customer-chat #teamRealtimeSettings,.team-customer-chat #teamManageRooms{display:none!important}.team-customer-chat .team-module-header{padding-bottom:19px}.team-customer-chat .team-live-chat{grid-template-columns:minmax(190px,240px) minmax(0,1fr);min-height:620px}.team-customer-chat .team-channel-sidebar>header h3{font-size:16px}.team-customer-chat .team-chat-main>header{background:linear-gradient(135deg,#fff,#f8f7ff)}.team-customer-chat .team-realtime-state{display:flex}.team-customer-chat .team-chat-messages{background:radial-gradient(circle at 100% 0,rgba(92,83,235,.055),transparent 380px),#f8f9fc}@media(max-width:760px){.team-customer-chat .team-live-chat{grid-template-columns:1fr}.team-customer-chat .team-channel-sidebar{display:none}}
.team-channel-sidebar > header{position:relative}.team-room-add{position:absolute;top:20px;right:15px;display:grid;width:32px;height:32px;place-items:center;border:1px solid #d8deea;border-radius:9px;background:#fff;color:#554ed2;cursor:pointer}.team-tool-dialog{width:min(760px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));padding:0;overflow:hidden;border:0;border-radius:22px;color:#263449;box-shadow:0 30px 90px rgba(21,29,48,.35)}.team-tool-dialog::backdrop{background:rgba(25,33,49,.66);backdrop-filter:blur(5px)}.team-tool-dialog>header{display:flex;align-items:center;gap:14px;padding:23px 25px;border-bottom:1px solid #e3e7ef;background:linear-gradient(135deg,#fff,#f5f4ff)}.team-tool-dialog>header>span{display:grid;width:48px;height:48px;flex:none;place-items:center;border-radius:14px;background:#5b53e8;color:#fff;font-size:19px;box-shadow:0 10px 22px rgba(80,70,220,.24)}.team-tool-dialog>header div{min-width:0;flex:1}.team-tool-dialog>header small{color:#625bd8;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.team-tool-dialog>header h2{margin:3px 0 2px;font-size:22px}.team-tool-dialog>header p{margin:0;color:#748097;font-size:13px}.team-tool-dialog>header button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #dce2eb;border-radius:11px;background:#fff;color:#778398;cursor:pointer}.team-tool-dialog-body{max-height:calc(100vh - 150px);padding:22px 25px 25px;overflow:auto}.team-command-list{display:grid;grid-template-columns:minmax(170px,auto) 1fr;gap:8px 15px;align-items:center}.team-command-list code{padding:9px 11px;border-radius:9px;background:#f0efff;color:#5149cf;font-size:12px;font-weight:800}.team-command-list span{color:#667389;font-size:13px}.team-tool-form{display:grid;gap:17px}.team-tool-form label:not(.team-tool-check){display:grid;gap:7px}.team-tool-form label>span{font-size:12px;font-weight:780}.team-tool-form label>small{color:#7c8799;font-size:11px}.team-tool-form footer{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.team-tool-check{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #dce2eb;border-radius:12px;background:#fafbfe}.team-tool-check span{display:grid;gap:2px}.team-tool-check small{color:#798598;font-size:11px;font-weight:500}.team-room-manager{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(280px,1.15fr);gap:22px}.team-room-manager>div{display:grid;align-content:start;gap:8px}.team-room-card{display:flex;width:100%;align-items:center;gap:10px;padding:11px;border:1px solid #e0e5ed;border-radius:11px;background:#fff;text-align:left;cursor:pointer}.team-room-card.active{border-color:#8c86ec;background:#f3f2ff}.team-room-card>i:first-child{color:#5d56da}.team-room-card>span{display:grid;min-width:0;flex:1}.team-room-card strong{font-size:12px}.team-room-card small{overflow:hidden;color:#7b8799;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.team-chat-poll{display:grid;gap:10px;margin-top:12px;padding:13px;border:1px solid #d9ddf3;border-radius:13px;background:rgba(255,255,255,.72)}.team-chat-poll>header{align-items:center!important}.team-chat-poll>header>i{color:#5851d8;font-size:17px}.team-chat-poll>header span{display:grid;flex:1}.team-chat-poll>header strong{font-size:13px!important}.team-chat-poll>header small{color:#808a9c;font-size:9px}.team-chat-poll>div{display:grid;gap:7px}.team-chat-poll button{display:flex;align-items:center;gap:8px;padding:9px 10px;overflow:hidden;border:1px solid #dce1eb;border-radius:9px;background:#fff;color:#425069;cursor:pointer}.team-chat-poll button.selected{border-color:#7770e3;color:#4f48cd}.team-chat-poll button>span{position:relative;display:flex;min-width:0;flex:1}.team-chat-poll button b{position:relative;z-index:1;font-size:11px}.team-chat-poll button em{position:absolute;inset:-9px auto -9px -10px;width:var(--poll);background:#eeedff}.team-chat-poll button>strong{font-size:11px}.team-invite-result{display:grid;justify-items:center;gap:15px;text-align:center}.team-invite-result>i{display:grid;width:60px;height:60px;place-items:center;border-radius:18px;background:#e9f8f1;color:#18885f;font-size:24px}.team-invite-result label{display:grid;width:100%;gap:6px;text-align:left}.team-invite-result label span{font-size:11px;font-weight:800}.team-invite-result p{margin:0;color:#6e7a8e;font-size:12px}@media(max-width:700px){.team-room-manager{grid-template-columns:1fr}.team-command-list{grid-template-columns:1fr}.team-command-list span{margin:-4px 0 7px}}