/* Source: style.css */
/* Betreuerpool Intranet UI • v1.0 • Vanilla CSS / no frontend dependencies */
:root {
  font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme: light;
  --bg: #f5f7fb;
  --surface: #fff;
  --surface-2: #f8fafc;
  --line: #e9edf4;
  --line-strong: #dce3ee;
  --text: #1b2941;
  --text-strong: #14223c;
  --muted: #8490a5;
  --muted-strong: #64738a;
  --primary: #3b60de;
  --primary-hover: #2d4fcb;
  --primary-soft: #edf1ff;
  --sidebar: #101c32;
  --sidebar-text: #a1b1ca;
  --sidebar-muted: #677b98;
  --shadow: 0 4px 30px rgba(27,46,85,.035);
  --radius: 17px;
  --focus: #7695ff;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e1727;
  --surface: #172235;
  --surface-2: #1c2a40;
  --line: #293950;
  --line-strong: #37506a;
  --text: #e7eef9;
  --text-strong: #f4f7ff;
  --muted: #93a3b7;
  --muted-strong: #b5c2d4;
  --primary: #7897ff;
  --primary-hover: #92a9ff;
  --primary-soft: #28395d;
  --sidebar: #0b1423;
  --sidebar-text: #a9bbd1;
  --sidebar-muted: #758ca6;
  --shadow: 0 4px 30px rgba(0,0,0,.09);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
button,input,select,textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: none;
}
button,input,select,textarea {
  outline-offset: 3px;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline: 3px solid var(--focus);
}
img {
  max-width: 100%;
}
svg {
  flex-shrink: 0;
}
h1,h2,h3,p {
  margin-top: 0;
}
h1,h2,h3 {
  color: var(--text-strong);
  line-height: 1.25;
}
h1 {
  font-size: clamp(26px,2.7vw,34px);
  letter-spacing: -1.25px;
  margin-bottom: 6px;
  font-weight: 760;
}
h2 {
  font-size: 17px;
  letter-spacing: -.42px;
  margin-bottom: 5px;
}
h3 {
  font-size: 15px;
}
p {
  color: var(--muted-strong);
}
.sr-only {
  position: absolute!important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.skip-link {
  position: fixed;
  z-index: 100;
  background: #fff;
  color: #101c32;
  padding: 10px 15px;
  transform: translateY(-150%);
  top: 0;
  left: 12px;
}
.skip-link:focus {
  transform: translateY(0);
}
[hidden] {
  display: none!important;
}
.app-shell {
  display: flex;
  min-height: 100vh;
  align-items: stretch;
}
.sidebar {
  width: 258px;
  flex: 0 0 258px;
  background: var(--sidebar);
  color: var(--sidebar-text);
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 50;
  overflow-x: hidden;
  transition: width .24s ease,flex-basis .24s ease;
  scrollbar-width: thin;
  scrollbar-color: #35465f transparent;
}
.brand-area {
  min-height: 92px;
  padding: 23px 20px 19px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.brand-logo {
  width: 43px;
  height: 43px;
  border-radius: 12px;
  background: white;
  display: grid;
  place-items: center;
  position: relative;
  flex: none;
  overflow: hidden;
}
.brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.logo-fallback {
  font-weight: 850;
  font-size: 20px;
  letter-spacing: -1.2px;
  color: #315edc;
}
.brand-type {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.brand-type strong {
  font-size: 17px;
  letter-spacing: -.7px;
  color: #f6f9ff;
  font-weight: 750;
  line-height: 1.25;
}
.brand-type small {
  font-size: 8.7px;
  letter-spacing: 1.28px;
  color: #8297b6;
  font-weight: 700;
  margin-top: 4px;
}
.brand-dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #70d8b8;
  vertical-align: middle;
}
.sidebar-collapse {
  color: #7084a1!important;
  width: 29px!important;
  height: 29px!important;
  opacity: .75;
  flex: none;
}
.sidebar-collapse:hover {
  color: #fff!important;
}
.workspace-pill {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 2px 16px 21px;
  padding: 11px 12px;
  background: #1c2b42;
  border: 1px solid #293b54;
  border-radius: 12px;
}
.workspace-mark {
  height: 33px;
  width: 33px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(145deg,#6e8bf8,#3e5add);
  font-size: 17px;
  font-weight: 750;
}
.workspace-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  white-space: nowrap;
  min-width: 0;
}
.workspace-text strong {
  font-size: 12px;
  color: #ecf2ff;
}
.workspace-text small {
  font-size: 10px;
  color: #8295ad;
  margin-top: 1px;
}
.workspace-pill>svg {
  color: #7187a1;
}
.side-nav {
  padding: 0 11px 18px;
  overflow-y: auto;
  scrollbar-width: thin;
  flex: 1;
}
.nav-group {
  margin-bottom: 23px;
}
.nav-group-title {
  display: block;
  margin: 0 16px 10px;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 1.38px;
  text-transform: uppercase;
  color: var(--sidebar-muted);
  white-space: nowrap;
}
.nav-link {
  height: 43px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 0 13px;
  margin: 2px 0;
  border-radius: 9px;
  color: var(--sidebar-text);
  font-size: 12.8px;
  font-weight: 560;
  transition: background .16s,color .16s;
  white-space: nowrap;
}
.nav-link:hover {
  background: #23334d;
  color: #fff;
}
.nav-link.active {
  background: #2d446d;
  color: #fff;
  box-shadow: inset 3px 0 0 #83a5ff;
}
.nav-icon {
  display: flex;
  width: 21px;
  color: #8099bb;
}
.nav-link.active .nav-icon {
  color: #b7c9ff;
}
.nav-label {
  flex: 1;
}
.nav-count {
  background: #36465d;
  color: #becbde;
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 6px;
}
.sidebar-bottom {
  padding: 0 15px 17px;
}
.support-box {
  display: flex;
  gap: 11px;
  padding: 13px 12px;
  background: #192940;
  border: 1px solid #2b3a50;
  border-radius: 11px;
  align-items: center;
  margin-bottom: 19px;
}
.support-icon {
  color: #a5bbfb;
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  background: #2b3c64;
  border-radius: 9px;
}
.support-box strong {
  display: block;
  color: #eaf1ff;
  font-size: 12px;
}
.support-box small {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 10.5px;
  color: #8c9cb3;
  margin-top: 3px;
}
.support-box:hover {
  border-color: #657dc0;
}
.sidebar-user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 17px 2px 0;
  border-top: 1px solid #293a51;
}
.avatar {
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  font-weight: 740;
  letter-spacing: -.3px;
}
.avatar-violet {
  background: #e7e3ff;
  color: #6154c8;
}
.sidebar-user .avatar {
  width: 37px;
  height: 37px;
  font-size: 12px;
}
.sidebar-user-name {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.sidebar-user-name strong {
  font-size: 11.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #edf3ff;
}
.sidebar-user-name small {
  font-size: 10px;
  color: #8292ac;
  white-space: nowrap;
}
.sidebar-profile-link {
  color: #8292ac;
  display: flex;
}
.sidebar-profile-link:hover {
  color: #fff;
}
.main-area {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.topbar {
  height: 75px;
  flex: 0 0 75px;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(23px,3.1vw,48px);
  gap: 18px;
  position: relative;
  z-index: 30;
}
.topbar-start,.topbar-end {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
}
.topbar-end {
  gap: 19px;
}
.breadcrumbs {
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
  color: var(--muted);
  font-size: 12px;
}
.breadcrumbs svg {
  color: #adb7c7;
}
.breadcrumbs strong {
  font-weight: 650;
  color: var(--text);
}
.icon-btn {
  width: 35px;
  height: 35px;
  flex: none;
  border: 0;
  background: transparent;
  color: var(--muted-strong);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
}
.icon-btn:hover {
  background: var(--surface-2);
  color: var(--text);
}
.mobile-menu {
  display: none;
}
.search-trigger {
  width: 231px;
  height: 36px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 9px;
  padding: 0 9px 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--muted);
  font-size: 12px;
}
.search-trigger>span {
  display: flex;
  align-items: center;
  gap: 9px;
}
.search-trigger:hover {
  border-color: var(--line-strong);
}
kbd {
  font-size: 10px;
  line-height: 1;
  padding: 5px 6px;
  border: 1px solid var(--line-strong);
  border-radius: 5px;
  background: var(--surface);
  font-family: inherit;
  font-weight: 650;
  color: var(--muted-strong);
  white-space: nowrap;
}
.topbar-separator {
  height: 24px;
  width: 1px;
  background: var(--line);
}
.notification-btn {
  position: relative;
}
.notification-dot {
  position: absolute;
  top: 5px;
  right: 7px;
  border: 2px solid var(--surface);
  border-radius: 50%;
  height: 9px;
  width: 9px;
  background: #f48c66;
}
.header-avatar {
  width: 35px;
  height: 35px;
  font-size: 11px;
}
.popover-anchor {
  position: relative;
}
.notifications-popover {
  position: absolute;
  right: -28px;
  top: 48px;
  width: 335px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface);
  box-shadow: 0 18px 60px rgba(10,20,40,.17);
  overflow: hidden;
}
.popover-heading {
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popover-heading strong {
  font-size: 13px;
}
.popover-heading small {
  font-size: 10px;
  color: var(--muted);
}
.notification-item {
  padding: 14px 16px;
  display: flex;
  gap: 11px;
  align-items: center;
  border-bottom: 1px solid var(--line);
}
.notification-item strong,.notification-item small {
  display: block;
}
.notification-item strong {
  font-size: 12px;
  font-weight: 650;
}
.notification-item small {
  margin-top: 3px;
  font-size: 10px;
  color: var(--muted);
}
.popover-footer {
  padding: 12px 16px;
  color: var(--primary);
  font-weight: 650;
  font-size: 11px;
  display: flex;
  justify-content: space-between;
}
.popover-footer:hover {
  background: var(--surface-2);
}
.main-content {
  padding: 34px clamp(23px,3.1vw,48px) 26px;
  flex: 1;
  max-width: 1760px;
  width: 100%;
  margin: 0 auto;
}
.page-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-end;
  margin-bottom: 27px;
}
.page-heading-text p {
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--muted-strong);
}
.eyebrow {
  font-size: 10px;
  letter-spacing: 1.3px;
  font-weight: 760;
  color: #657fbe;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 11px;
}
.eyebrow-dot {
  height: 6px;
  width: 6px;
  background: #5879ee;
  border-radius: 50%;
}
.demo-badge {
  font-size: 9px;
  letter-spacing: .7px;
  border: 1px solid #dbe2ff;
  color: #4969d9;
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 3px;
  background: #f0f3ff;
}
.page-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  padding-bottom: 3px;
}
.date-pill {
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted-strong);
  background: var(--surface);
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn {
  border: 1px solid transparent;
  border-radius: 8px;
  height: 38px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 675;
  transition: background .17s,border-color .17s,transform .17s;
  white-space: nowrap;
}
.btn:hover {
  transform: translateY(-1px);
}
.btn:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}
.btn-primary {
  background: #3f64df;
  color: #fff;
  box-shadow: 0 3px 8px rgba(49,80,204,.14);
}
.btn-primary:hover {
  background: #3154ca;
}
.btn-secondary {
  background: var(--surface);
  border-color: var(--line-strong);
  color: var(--text);
}
.btn-secondary:hover {
  background: var(--surface-2);
}
.btn-plain {
  background: transparent;
  color: var(--primary);
  padding: 0;
}
.btn-sm {
  font-size: 11px;
  height: 32px;
}
.btn-lg {
  height: 49px;
  font-size: 13px;
}
.btn-block {
  width: 100%;
}
.btn-danger-outline {
  color: #d45560;
  border-color: #f2c9cb;
  background: transparent;
}
.btn-danger-outline:hover {
  background: rgba(232,89,98,.06);
}
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--primary);
  font-size: 11.8px;
  font-weight: 700;
  white-space: nowrap;
}
.text-link:hover {
  text-decoration: underline;
}
.main-footer {
  padding: 18px clamp(23px,3.1vw,48px) 22px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 10.5px;
}
.footer-dot {
  margin: 0 4px;
}
.welcome-banner {
  min-height: 201px;
  background: linear-gradient(110deg,#233d88 0%,#3457b7 61%,#5078de 100%);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 28px 36px 26px;
  margin-bottom: 24px;
  box-shadow: 0 5px 16px rgba(42,66,157,.07);
}
.welcome-copy {
  position: relative;
  z-index: 2;
  max-width: 550px;
}
.welcome-label {
  font-size: 9px;
  letter-spacing: 1.2px;
  color: #c6d5ff;
  font-weight: 760;
  display: flex;
  gap: 9px;
  align-items: center;
  margin-bottom: 15px;
}
.online-dot {
  display: inline-block;
  flex: none;
  width: 7px;
  height: 7px;
  background: #5de7a6;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(93,231,166,.15);
}
.welcome-banner h2 {
  font-size: 26px;
  letter-spacing: -.8px;
  color: white;
  margin: 0 0 8px;
}
.welcome-banner h2 span {
  color: #c6dcff;
}
.welcome-banner p {
  font-size: 12px;
  max-width: 500px;
  color: #d7e3ff;
  line-height: 1.75;
  margin-bottom: 14px;
}
.welcome-link {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  color: #fff;
  font-size: 11.5px;
  font-weight: 740;
}
.welcome-link:hover {
  text-decoration: underline;
}
.welcome-art {
  position: absolute;
  inset: 0 0 0 auto;
  width: 37%;
  overflow: hidden;
}
.welcome-orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(215,231,255,.19);
  width: 300px;
  height: 300px;
  top: -60px;
  right: -48px;
}
.orbit-two {
  width: 220px;
  height: 220px;
  top: -20px;
  right: -8px;
}
.welcome-graphic {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  transform: rotate(-9deg);
}
.graphic-tile {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: rgba(255,255,255,.17);
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: 0 10px 24px rgba(12,29,107,.12);
  display: grid;
  place-items: center;
  color: white;
  backdrop-filter: blur(10px);
}
.tile-main {
  width: 92px;
  height: 92px;
  border-radius: 21px;
  top: 52px;
  right: 123px;
  background: rgba(194,210,255,.28);
}
.tile-one {
  top: 19px;
  right: 60px;
}
.tile-two {
  top: 134px;
  right: 61px;
}
.tile-three {
  top: 143px;
  right: 248px;
}
.graphic-line {
  position: absolute;
  width: 320px;
  border-top: 2px dashed rgba(255,255,255,.2);
  transform: rotate(-28deg);
  top: 120px;
  right: 20px;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin-bottom: 22px;
}
.stat-card {
  min-width: 0;
  min-height: 165px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 20px 21px;
  display: flex;
  flex-direction: column;
  transition: transform .2s,border-color .2s;
}
.stat-card:hover {
  transform: translateY(-3px);
  border-color: var(--line-strong);
}
.stat-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 15px;
}
.stat-icon {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border-radius: 11px;
}
.stat-blue {
  background: #eaf0ff;
  color: #4569df;
}
.stat-orange {
  background: #fff2e9;
  color: #e88745;
}
.stat-green {
  background: #e7f7ef;
  color: #30a97d;
}
.stat-purple {
  background: #efeaff;
  color: #8063d6;
}
.stat-trend {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 10px;
  font-weight: 720;
  border-radius: 20px;
  padding: 4px 8px;
}
.stat-trend.positive {
  background: #e8f9f1;
  color: #1d9e68;
}
.stat-caption {
  font-size: 10px;
  color: var(--muted);
  padding-top: 3px;
}
.stat-label {
  font-size: 11.5px;
  color: var(--muted-strong);
  margin-bottom: 2px;
}
.stat-number {
  color: var(--text-strong);
  font-size: 29px;
  letter-spacing: -1.2px;
  font-weight: 770;
  line-height: 1.25;
}
.stat-number small {
  font-size: 16px;
  color: var(--muted);
  font-weight: 580;
}
.stat-foot {
  font-size: 10px;
  color: var(--muted);
  margin-top: auto;
  padding-top: 7px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.tiny-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex: none;
}
.green-dot {
  background: #34b88a;
}
.orange-dot {
  background: #ef9e55;
}
.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(315px,1fr);
  gap: 20px;
  margin-bottom: 20px;
}
.panel {
  min-width: 0;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 22px 23px 0;
}
.panel-header h2 {
  font-size: 15px;
  margin: 0 0 5px;
}
.panel-header p {
  font-size: 11px;
  color: var(--muted);
  margin: 0;
}
.panel-header>svg {
  color: #9aabce;
}
.panel-chip {
  border: 1px solid var(--line);
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 680;
  color: var(--muted-strong);
  border-radius: 7px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.chart-summary {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 21px 23px 4px;
  flex-wrap: wrap;
}
.chart-summary strong {
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -1.2px;
}
.chart-growth {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 10px;
  background: #e9f9f0;
  color: #1ca36c;
  font-weight: 700;
}
.chart-summary-caption {
  font-size: 10px;
  color: var(--muted);
}
.activity-chart {
  display: flex;
  padding: 4px 26px 20px 24px;
  height: 202px;
  gap: 15px;
}
.chart-lines {
  width: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 25px;
  font-size: 10px;
  color: var(--muted);
  text-align: right;
}
.chart-bars {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  flex: 1;
  gap: 22px;
  border-bottom: 1px solid var(--line);
  background: repeating-linear-gradient(to top,transparent 0,transparent calc(33.33% - 1px),var(--line) calc(33.33% - 1px),var(--line) 33.33%);
  padding: 0 10px;
}
.bar-col {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: 9px;
  position: relative;
}
.bar {
  height: var(--bar-height);
  width: min(32px,100%);
  border-radius: 6px 6px 0 0;
  background: linear-gradient(to top,#8ca9fb,#aec3ff);
  margin-top: auto;
  transition: height .3s;
}
.bar.highlight {
  background: linear-gradient(to top,#3c60df,#6e92fb);
}
.bar-col small {
  position: absolute;
  bottom: -23px;
  color: var(--muted);
  font-size: 10px;
}
.quick-panel .panel-header {
  padding-bottom: 20px;
}
.quick-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
  margin: 0 23px 20px;
}
.quick-action {
  min-width: 0;
  background: var(--surface-2);
  border: 1px solid var(--line);
  padding: 14px 5px 11px;
  border-radius: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.quick-action:hover {
  border-color: #a6b8eb;
  background: var(--primary-soft);
}
.quick-icon {
  height: 43px;
  width: 43px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
}
.quick-icon.blue,.resource-icon.blue,.settings-section-icon.blue {
  background: #eaf0ff;
  color: #4669de;
}
.quick-icon.green,.resource-icon.green {
  background: #e9f8f1;
  color: #2ba77b;
}
.quick-icon.purple,.resource-icon.purple,.settings-section-icon.purple {
  background: #f0ebff;
  color: #805fd1;
}
.quick-icon.orange,.resource-icon.orange {
  background: #fff1e9;
  color: #e88d54;
}
.quick-action strong {
  font-size: 10.8px;
}
.quick-action small {
  color: var(--muted);
  font-size: 9.5px;
  margin-top: 2px;
}
.quick-info {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 23px 23px;
  padding: 15px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 11px;
}
.quick-info-icon {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 11px;
  background: var(--primary-soft);
  color: var(--primary);
  display: grid;
  place-items: center;
}
.quick-info p {
  font-size: 11px;
  line-height: 1.8;
  margin: 0;
}
.quick-info strong {
  color: var(--text);
}
.quick-info a {
  color: var(--primary);
  font-weight: 700;
}
.quick-info a svg {
  display: inline;
  vertical-align: middle;
}
.dashboard-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(315px,1fr);
  gap: 20px;
}
.table-scroll {
  overflow-x: auto;
  max-width: 100%;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  white-space: nowrap;
  font-size: 11.5px;
}
.data-table th {
  padding: 15px 20px;
  font-size: 10px;
  color: var(--muted);
  font-weight: 710;
  background: var(--surface-2);
  border-block: 1px solid var(--line);
}
.data-table td {
  padding: 14px 20px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
  color: var(--muted-strong);
}
.data-table tr:last-child td {
  border-bottom: 0;
}
.data-table tbody tr:hover {
  background: var(--surface-2);
}
.data-table td strong {
  color: var(--text);
  display: block;
  font-size: 11.6px;
  font-weight: 660;
}
.data-table td small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  margin-top: 4px;
}
.data-table.compact {
  margin-top: 21px;
}
.data-table.compact th {
  padding-block: 12px;
}
.data-table.compact td {
  padding-block: 14px;
}
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 680;
  padding: 5px 9px;
  border-radius: 6px;
  white-space: nowrap;
}
.status-badge.warning {
  background: #fff3e8;
  color: #c97a35;
}
.status-badge.info {
  background: #eaf0ff;
  color: #5670c9;
}
.status-badge.success {
  background: #e8f8f0;
  color: #269a70;
}
.status-badge.neutral {
  background: #f0f2f6;
  color: #788599;
}
.priority-indicator {
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.priority-indicator::before {
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: currentColor;
}
.priority-indicator.high {
  color: #db6262;
}
.priority-indicator.medium {
  color: #e59c48;
}
.priority-indicator.low {
  color: #2fa47d;
}
.system-list {
  padding: 12px 23px 9px;
}
.system-item {
  padding: 12px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--line);
}
.system-item:last-child {
  border-bottom: 0;
}
.system-mark {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.system-mark.green {
  background: #37b98a;
  box-shadow: 0 0 0 4px #e8f7f1;
}
.system-mark.orange {
  background: #ef9d50;
  box-shadow: 0 0 0 4px #fff2e5;
}
.system-item>span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.system-item strong,.system-item small {
  display: block;
}
.system-item strong {
  font-size: 11.6px;
}
.system-item small {
  color: var(--muted);
  font-size: 9.8px;
  margin-top: 2px;
}
.system-uptime {
  font-size: 11px;
  font-weight: 730;
  color: #35ad80;
}
.panel-bottom-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 23px;
  border-top: 1px solid var(--line);
  font-size: 11px;
  font-weight: 680;
  color: var(--primary);
}
.panel-bottom-link:hover {
  background: var(--surface-2);
}
.module-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 26px;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: var(--radius);
  margin-bottom: 19px;
}
.module-label {
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 1.15px;
  color: #5e78be;
}
.module-intro h2 {
  font-size: 21px;
  letter-spacing: -.6px;
  margin: 6px 0;
}
.module-intro p {
  margin: 0;
  font-size: 11px;
}
.module-intro-icon {
  color: #5374df;
  background: var(--primary-soft);
  height: 56px;
  width: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
}
.record-count {
  font-size: 11px;
  vertical-align: middle;
  padding: 4px 8px;
  border-radius: 15px;
  background: var(--primary-soft);
  color: var(--primary);
  margin-left: 4px;
  letter-spacing: 0;
}
.mini-stats {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
  margin: 0 0 19px;
}
.mini-stats>div {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 17px 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.mini-stat-label {
  font-size: 11px;
  color: var(--muted-strong);
}
.mini-stats strong {
  font-size: 21px;
  color: var(--text-strong);
  font-weight: 760;
  letter-spacing: -.6px;
}
.full-panel {
  margin-bottom: 19px;
}
.toolbar {
  padding: 18px 21px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.toolbar-search {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 225px;
  max-width: 450px;
}
.toolbar-search>svg {
  position: absolute;
  left: 12px;
  color: var(--muted);
}
.toolbar-search input {
  width: 100%;
  height: 39px;
  padding: 0 13px 0 39px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  font-size: 11.7px;
}
.toolbar-search input::placeholder {
  color: var(--muted);
}
.toolbar-right {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
.select-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.select-wrap select {
  appearance: none;
  border: 1px solid var(--line-strong);
  color: var(--text);
  background: var(--surface);
  border-radius: 8px;
  height: 39px;
  padding: 0 35px 0 13px;
  font-size: 11px;
  min-width: 130px;
  cursor: pointer;
}
.select-wrap>svg {
  pointer-events: none;
  position: absolute;
  right: 10px;
  color: var(--muted);
}
.table-actions {
  text-align: right;
}
.table-actions-cell {
  text-align: right;
}
.action-link {
  color: var(--primary);
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 7px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  height: 31px;
  padding: 0 9px;
  font-size: 10px;
  font-weight: 700;
}
.action-link:hover {
  border-color: var(--primary);
}
.table-footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 22px;
  border-top: 1px solid var(--line);
  font-size: 10.5px;
  color: var(--muted);
}
.table-user {
  display: flex;
  align-items: center;
  gap: 10px;
}
.table-user .avatar {
  width: 36px;
  height: 36px;
  font-size: 11px;
}
.table-user-info strong,.table-user-info small {
  margin: 0;
}
.avatar-blue {
  background: #e1ecff;
  color: #4372c7;
}
.avatar-orange {
  background: #fff0df;
  color: #bd7d30;
}
.avatar-green {
  background: #ddf7ed;
  color: #289871;
}
.avatar-pink {
  background: #fde7f0;
  color: #c95785;
}
.avatar-slate {
  background: #e6eaf1;
  color: #627086;
}
.empty-table {
  text-align: center;
  padding: 36px;
  color: var(--muted);
  font-size: 12px;
}
.feature-strip {
  background: var(--primary-soft);
  border: 1px solid #dee7ff;
  border-radius: 12px;
  padding: 15px 19px;
  display: flex;
  gap: 13px;
  align-items: center;
}
.feature-strip-icon {
  color: #4c71db;
}
.feature-strip>div {
  flex: 1;
}
.feature-strip strong {
  font-size: 11.5px;
}
.feature-strip p {
  font-size: 10.5px;
  margin: 2px 0 0;
}
.feature-strip a {
  font-size: 10.5px;
  font-weight: 720;
  color: var(--primary);
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.server-status-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 17px 21px;
  margin-bottom: 20px;
}
.status-banner-icon {
  height: 46px;
  width: 46px;
  border-radius: 12px;
  background: #e8f8f0;
  color: #32a77b;
  display: grid;
  place-items: center;
}
.server-status-banner>div {
  flex: 1;
}
.server-status-banner strong {
  font-size: 13px;
}
.server-status-banner p {
  font-size: 11px;
  margin: 3px 0 0;
}
.server-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin-bottom: 17px;
}
.server-card {
  padding: 20px 21px;
}
.server-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
}
.server-service-icon {
  background: var(--primary-soft);
  color: var(--primary);
  height: 43px;
  width: 43px;
  display: grid;
  place-items: center;
  border-radius: 12px;
}
.server-card h2 {
  font-size: 15px;
  margin-bottom: 5px;
}
.server-card>p {
  font-size: 10.8px;
  margin: 0 0 22px;
}
.host-code {
  color: var(--muted);
}
.meter-group {
  display: grid;
  gap: 8px;
}
.meter-label {
  display: flex;
  justify-content: space-between;
  gap: 9px;
  font-size: 10px;
  color: var(--muted-strong);
}
.meter-label strong {
  font-size: 10px;
  color: var(--text);
}
.meter {
  width: 100%;
  height: 6px;
  background: var(--line);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 7px;
}
.meter>span {
  display: block;
  width: var(--meter);
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(90deg,#6f91ed,#4166df);
}
.meter>span.meter-warning {
  background: linear-gradient(90deg,#f3ba6b,#e49047);
}
.server-card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding-top: 13px;
  margin-top: 12px;
  font-size: 10px;
  color: var(--muted);
}
.server-card-foot strong {
  color: #2ba77e;
}
.data-disclaimer {
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--muted);
}
.crm-layout {
  display: grid;
  grid-template-columns: minmax(0,2.3fr) minmax(260px,1fr);
  gap: 18px;
}
.crm-layout .panel-header {
  padding-bottom: 16px;
}
.crm-layout .toolbar {
  border-top: 1px solid var(--line);
}
.crm-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.crm-summary {
  padding-bottom: 21px;
}
.pipeline-bar {
  margin: 14px 22px 17px;
  display: flex;
  height: 12px;
  overflow: hidden;
  border-radius: 10px;
  gap: 3px;
}
.pipeline-bar span:nth-child(1) {
  width: 45%;
  background: #5277df;
}
.pipeline-bar span:nth-child(2) {
  width: 35%;
  background: #916cdb;
}
.pipeline-bar span:nth-child(3) {
  width: 20%;
  background: #40baab;
}
.pipeline-legend {
  display: grid;
  gap: 12px;
  margin: 0 22px;
}
.pipeline-legend>span {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  color: var(--muted-strong);
}
.pipeline-legend strong {
  margin-left: auto;
  color: var(--text);
}
.legend-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
}
.dot-blue {
  background: #5277df;
}
.dot-purple {
  background: #916cdb;
}
.dot-teal {
  background: #40baab;
}
.crm-tip {
  padding: 22px;
}
.crm-tip h2 {
  font-size: 17px;
  margin: 15px 0 10px;
}
.crm-tip p {
  font-size: 11.5px;
  line-height: 1.7;
  margin-bottom: 17px;
}
.crm-tip a {
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--primary);
}
.mailing-grid {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr);
  gap: 20px;
}
.mailing-editor {
  padding-bottom: 24px;
}
.mailing-editor form {
  margin: 24px;
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  margin-bottom: 17px;
}
.form-field label {
  font-size: 11px;
  font-weight: 720;
  color: var(--text);
}
.form-field input,.form-field textarea,.form-field select,.dynamic-form input,.dynamic-form select,.dynamic-form textarea {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  padding: 10px 11px;
  width: 100%;
  min-width: 0;
  font-size: 12px;
}
.form-field input,.form-field select {
  height: 41px;
}
.form-field textarea,.dynamic-form textarea {
  resize: vertical;
  line-height: 1.6;
}
.form-field input::placeholder,.form-field textarea::placeholder,.dynamic-form input::placeholder,.dynamic-form textarea::placeholder {
  color: #a3adbc;
}
.field-help {
  font-size: 10px;
  color: var(--muted);
  line-height: 1.45;
}
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.mailing-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.mailing-preview {
  padding-bottom: 20px;
}
.email-preview {
  margin: 21px;
  border: 1px solid var(--line);
  border-radius: 11px;
  overflow: hidden;
}
.email-meta {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 8px 12px;
  padding: 15px 16px;
  border-bottom: 1px solid var(--line);
  font-size: 10px;
}
.email-meta span {
  color: var(--muted);
}
.email-meta strong {
  color: var(--text);
  font-weight: 630;
  overflow-wrap: anywhere;
}
.email-paper {
  background: #fff;
  color: #1e2b43;
  margin: 19px 16px;
  padding: 23px 20px 18px;
  border: 1px solid #e8ecf2;
  border-radius: 8px;
  min-height: 280px;
}
.email-paper-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #233a86;
  font-size: 14px;
  letter-spacing: -.3px;
}
.email-paper-icon {
  display: grid;
  place-items: center;
  height: 30px;
  width: 30px;
  background: #3d64de;
  color: white;
  border-radius: 8px;
  font-weight: 800;
}
.email-paper-rule {
  height: 2px;
  background: #eaf0fa;
  margin: 17px 0 18px;
}
.email-paper h3 {
  color: #192941;
  font-size: 19px;
  letter-spacing: -.5px;
  margin-bottom: 14px;
  overflow-wrap: anywhere;
}
.email-message {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.7;
  color: #4f6075;
  min-height: 120px;
}
.email-paper-foot {
  border-top: 1px solid #e8edf5;
  padding-top: 13px;
  font-size: 9px;
  color: #9ba8bb;
  margin-top: 22px;
}
.compact-notice {
  margin: 0 21px;
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.settings-layout {
  display: grid;
  grid-template-columns: minmax(0,1.85fr) minmax(270px,.8fr);
  gap: 20px;
}
.settings-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.setting-section {
  padding: 25px;
}
.settings-section-header {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 25px;
}
.settings-section-icon {
  display: grid;
  place-items: center;
  border-radius: 11px;
  height: 44px;
  width: 44px;
  flex: none;
}
.settings-section-header h2 {
  margin: 0 0 4px;
}
.settings-section-header p {
  font-size: 11px;
  margin: 0;
}
.settings-actions {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--line);
  padding-top: 18px;
  margin-top: 8px;
}
.toggle-list {
  margin-top: -10px;
}
.toggle-row {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 17px 0;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
}
.toggle-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.toggle-row strong,.toggle-row small {
  display: block;
}
.toggle-row strong {
  font-size: 12px;
}
.toggle-row small {
  font-size: 10.5px;
  color: var(--muted);
  margin-top: 4px;
}
.switch {
  display: inline-flex;
  position: relative;
  flex: none;
  height: 24px;
  width: 43px;
}
.switch input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0;
  z-index: 2;
  cursor: pointer;
}
.switch-slider {
  height: 24px;
  width: 43px;
  background: #c8d0db;
  border-radius: 20px;
  transition: background .2s;
}
.switch-slider:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 1px 3px #5b67854a;
  transition: transform .2s;
}
.switch input:checked+.switch-slider {
  background: #5075e0;
}
.switch input:checked+.switch-slider:after {
  transform: translateX(19px);
}
.switch input:focus-visible+.switch-slider {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}
.settings-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.settings-help {
  padding: 23px;
}
.settings-help-icon {
  color: var(--primary);
  background: var(--primary-soft);
  width: 43px;
  height: 43px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
}
.settings-help h2 {
  font-size: 15px;
}
.settings-help p {
  font-size: 11px;
  line-height: 1.75;
  margin: 8px 0 16px;
}
.reset-button {
  justify-content: center;
}
.profile-layout {
  display: grid;
  grid-template-columns: minmax(0,1.75fr) minmax(265px,.7fr);
  gap: 20px;
}
.profile-cover {
  height: 122px;
  background: linear-gradient(125deg,#25418d,#577ae5);
  position: relative;
}
.profile-cover:after {
  content: "";
  height: 170px;
  width: 280px;
  border: 1px solid #ffffff40;
  position: absolute;
  right: -10px;
  top: -80px;
  border-radius: 50%;
}
.profile-identity {
  padding: 0 25px 22px;
  display: flex;
  align-items: flex-end;
  gap: 13px;
  border-bottom: 1px solid var(--line);
}
.profile-avatar {
  width: 71px;
  height: 71px;
  border: 4px solid var(--surface);
  font-size: 23px;
  margin-top: -35px;
  position: relative;
}
.profile-identity>div {
  flex: 1;
  padding-bottom: 2px;
}
.profile-identity h2 {
  font-size: 17px;
  margin: 0 0 3px;
}
.profile-identity p {
  font-size: 11px;
  margin: 0;
}
.profile-identity .status-badge {
  margin-bottom: 8px;
}
.profile-form-wrap {
  padding: 24px 26px;
}
.profile-form-wrap h3 {
  margin-bottom: 5px;
}
.profile-form-wrap>p {
  font-size: 11px;
  margin-bottom: 24px;
}
.profile-aside {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account-panel {
  padding: 23px;
}
.account-panel h2 {
  margin-bottom: 19px;
}
.account-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  padding: 12px 0;
  border-top: 1px solid var(--line);
  font-size: 10.5px;
}
.account-line>span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
}
.account-line strong {
  text-align: right;
  font-size: 10.5px;
  font-weight: 670;
}
.account-message {
  font-size: 11px;
  line-height: 1.7;
}
.info-hero {
  display: flex;
  align-items: center;
  gap: 22px;
  background: linear-gradient(120deg,#e9efff,#f5f7ff);
  border: 1px solid #dfe8fb;
  border-radius: 16px;
  padding: 26px 28px;
  margin-bottom: 19px;
}
.info-hero-icon {
  display: grid;
  place-items: center;
  height: 61px;
  width: 61px;
  border-radius: 16px;
  background: white;
  color: #4971de;
  box-shadow: 0 5px 15px #3353ab18;
  flex: none;
}
.info-hero h2 {
  font-size: 22px;
  margin: 5px 0 6px;
}
.info-hero p {
  font-size: 11.5px;
  margin: 0;
}
.info-card-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin-bottom: 19px;
}
.resource-card {
  padding: 22px 21px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 206px;
  transition: transform .2s,border-color .2s;
}
.resource-card:hover {
  transform: translateY(-3px);
  border-color: #b8c9f2;
}
.resource-icon {
  height: 44px;
  width: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin-bottom: 21px;
}
.resource-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  width: 100%;
  font-weight: 720;
  font-size: 12px;
  color: var(--text);
}
.resource-heading svg {
  color: var(--muted);
}
.resource-card p {
  font-size: 10.5px;
  line-height: 1.6;
  margin: 10px 0 16px;
}
.resource-url {
  font-size: 10px;
  font-weight: 700;
  color: var(--primary);
  margin-top: auto;
  overflow-wrap: anywhere;
}
.info-bottom-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 19px;
}
.info-feature-list {
  padding: 5px 23px 20px;
}
.info-feature-list>div {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
}
.info-feature-list>div:last-child {
  border-bottom: 0;
}
.feature-icon {
  background: var(--surface-2);
  color: var(--primary);
  border: 1px solid var(--line);
  height: 37px;
  width: 37px;
  display: grid;
  place-items: center;
  border-radius: 9px;
}
.info-feature-list strong,.info-feature-list small {
  display: block;
}
.info-feature-list strong {
  font-size: 11.5px;
}
.info-feature-list small {
  font-size: 10px;
  color: var(--muted);
  margin-top: 3px;
}
.shortcut-list {
  padding: 18px 23px;
}
.shortcut-list>div {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.shortcut-list>div span:first-child {
  margin-right: auto;
  font-size: 11px;
}
.shortcut-caption {
  color: var(--muted);
  font-size: 10px;
}
/* shared notices and dialogs */
.notice {
  border-radius: 9px;
  padding: 12px 14px;
  font-size: 11px;
  line-height: 1.6;
}
.notice-info {
  background: #edf2ff;
  color: #5470ab;
  border: 1px solid #dde6ff;
}
.notice-error {
  background: #fff1f0;
  color: #bd4e4e;
  border: 1px solid #ffd3d3;
}
.notice strong {
  display: flex;
  align-items: center;
  gap: 7px;
}
.notice p {
  margin: 6px 0 0;
  color: inherit;
}
.app-dialog,.command-dialog {
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--text);
  background: var(--surface);
  padding: 0;
  box-shadow: 0 26px 90px rgba(5,17,41,.27);
  max-height: min(90vh,850px);
  overflow: auto;
}
.app-dialog {
  width: min(530px,calc(100vw - 32px));
}
.app-dialog::backdrop,.command-dialog::backdrop {
  background: rgba(10,22,44,.54);
  backdrop-filter: blur(3px);
}
.dialog-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 24px 25px 15px;
  border-bottom: 1px solid var(--line);
}
.dialog-top .eyebrow {
  font-size: 9px;
  margin-bottom: 7px;
}
.dialog-top h2 {
  font-size: 20px;
  margin: 0;
}
.dialog-content-inner {
  padding: 23px 25px 25px;
}
.dynamic-form .form-field {
  margin-bottom: 17px;
}
.dynamic-form label {
  font-weight: 710;
  font-size: 11px;
}
.dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  border-top: 1px solid var(--line);
  padding-top: 17px;
  margin-top: 7px;
  flex-wrap: wrap;
}
.dialog-body-text {
  font-size: 12px;
  line-height: 1.75;
}
.dialog-meta {
  display: grid;
  grid-template-columns: 130px 1fr;
  font-size: 12px;
  gap: 14px;
  border-top: 1px solid var(--line);
  margin-top: 16px;
  padding-top: 17px;
}
.dialog-meta dt {
  color: var(--muted);
}
.dialog-meta dd {
  margin: 0;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.command-dialog {
  width: min(565px,calc(100vw - 28px));
  margin-top: min(16vh,130px);
}
.command-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px 20px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
}
.command-header input {
  flex: 1;
  border: 0;
  background: transparent;
  color: var(--text);
  outline: none;
  min-width: 0;
  font-size: 13px;
}
.command-header input:focus-visible {
  outline: none;
}
.command-results {
  max-height: 320px;
  overflow-y: auto;
  padding: 10px;
}
.command-result {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  background: transparent;
  color: var(--text);
  width: 100%;
  border-radius: 9px;
  text-align: left;
  padding: 11px;
  cursor: pointer;
  font-size: 12px;
}
.command-result svg {
  color: var(--primary);
}
.command-result:hover,.command-result.active {
  background: var(--primary-soft);
}
.command-result span {
  flex: 1;
}
.command-empty {
  padding: 25px;
  text-align: center;
  color: var(--muted);
  font-size: 12px;
}
.command-footer {
  display: flex;
  gap: 14px;
  padding: 13px 17px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 10px;
}
.toast-region {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 120;
  display: flex;
  flex-direction: column;
  gap: 9px;
  max-width: min(375px,calc(100vw - 44px));
}
.toast {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  color: var(--text);
  border-radius: 10px;
  padding: 13px 17px;
  box-shadow: 0 12px 40px rgba(11,32,77,.16);
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 12px;
  line-height: 1.5;
  animation: toast-in .24s ease;
}
.toast:before {
  content: "✓";
  color: #2fba83;
  font-weight: 900;
}
.toast.error:before {
  content: "!";
  color: #d95555;
}
@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Login */
.login-body {
  background: #f6f8fc;
}
.login-grid {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.login-illustration {
  padding: 24px;
  background: #1c347f;
  color: #fff;
}
.login-illustration-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  min-height: calc(100vh - 48px);
  border-radius: 17px;
  background: radial-gradient(circle at 90% 70%,#5073de 0,transparent 46%),linear-gradient(145deg,#112a6c,#2b49a3 80%);
  padding: 39px 46px;
}
.login-mark {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 21px;
  font-weight: 760;
  letter-spacing: -.5px;
  z-index: 1;
}
.login-mark .muted {
  color: #adc3ff;
}
.login-mark-icon {
  display: inline-grid;
  place-items: center;
  background: #fff;
  border-radius: 12px;
  color: #4266dc;
  font-size: 21px;
  font-weight: 900;
  height: 40px;
  width: 40px;
}
.login-hero {
  position: relative;
  z-index: 2;
  max-width: 530px;
}
.login-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #c1d2ff;
  letter-spacing: 1.25px;
  font-size: 10px;
  font-weight: 760;
  margin-bottom: 18px;
}
.login-hero h1 {
  color: #fff;
  font-size: clamp(42px,4.6vw,66px);
  line-height: 1.13;
  letter-spacing: -2.6px;
  font-weight: 770;
  margin-bottom: 22px;
}
.login-hero h1 em {
  color: #a8c4ff;
  font-style: normal;
}
.login-hero>p {
  max-width: 410px;
  color: #c7d5fa;
  font-size: 14px;
  line-height: 1.85;
  margin-bottom: 38px;
}
.login-stats {
  display: flex;
  gap: 45px;
}
.login-stats div {
  display: flex;
  flex-direction: column;
}
.login-stats strong {
  font-size: 26px;
  letter-spacing: -1px;
}
.login-stats small {
  font-size: 11px;
  color: #c1d1f7;
}
.login-illustration-foot {
  color: #adc0f0;
  font-size: 9px;
  letter-spacing: 1.5px;
  font-weight: 730;
  z-index: 1;
}
.login-grid-glow {
  position: absolute;
  right: -60px;
  bottom: -130px;
  border: 1px solid #ffffff25;
  border-radius: 50%;
  width: 440px;
  height: 440px;
  box-shadow: 0 0 0 60px #ffffff0d,0 0 0 120px #ffffff07;
}
.login-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36px;
  position: relative;
}
.login-card {
  max-width: 405px;
  width: 100%;
}
.welcome-icon {
  background: #eaf0ff;
  color: #5073df;
  height: 52px;
  width: 52px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  margin-bottom: 24px;
}
.login-card .eyebrow {
  margin-bottom: 14px;
}
.login-card h2 {
  font-size: clamp(33px,3vw,43px);
  letter-spacing: -1.7px;
  line-height: 1.2;
  margin-bottom: 12px;
}
.login-lead {
  font-size: 13px;
  margin-bottom: 29px;
  color: var(--muted-strong);
}
.login-card .notice {
  margin-bottom: 23px;
}
.login-card .btn {
  width: 100%;
}
.login-undertext {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--muted);
  font-size: 10px;
  margin: 18px 0 0;
}
.login-panel-bottom {
  position: absolute;
  bottom: 29px;
  left: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 10.5px;
  color: var(--muted);
}
.login-panel-bottom a {
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--primary);
}
.login-mobile-brand {
  display: none;
}
/* dark overrides for fixed pastel accents */
html[data-theme="dark"] .stat-icon,html[data-theme="dark"] .quick-icon,html[data-theme="dark"] .resource-icon,html[data-theme="dark"] .settings-section-icon,html[data-theme="dark"] .status-banner-icon {
  filter: brightness(.9);
}
html[data-theme="dark"] .status-badge.success,html[data-theme="dark"] .stat-trend.positive,html[data-theme="dark"] .chart-growth {
  background: #193d37;
  color: #78d9ae;
}
html[data-theme="dark"] .status-badge.warning {
  background: #4b3826;
  color: #f1bc76;
}
html[data-theme="dark"] .status-badge.info {
  background: #293e65;
  color: #adc4ff;
}
html[data-theme="dark"] .status-badge.neutral {
  background: #2d394b;
  color: #b6c6d7;
}
html[data-theme="dark"] .demo-badge {
  background: #27385a;
  border-color: #435784;
  color: #a0b9ff;
}
html[data-theme="dark"] .info-hero {
  background: #1e3153;
  border-color: #344e79;
}
html[data-theme="dark"] .info-hero-icon {
  background: #253b60;
}
html[data-theme="dark"] .feature-strip {
  border-color: #3f507a;
}
html[data-theme="dark"] .notice-info {
  background: #253957;
  color: #b5caf0;
  border-color: #3e547c;
}
html[data-theme="dark"] .notice-error {
  background: #4d2e35;
  color: #ffc2c7;
  border-color: #71424b;
}
html[data-theme="dark"] .system-mark.green {
  box-shadow: 0 0 0 4px #1c4436;
}
html[data-theme="dark"] .system-mark.orange {
  box-shadow: 0 0 0 4px #554032;
}
html[data-theme="dark"] .login-body {
  background: var(--bg);
}
/* collapsed sidebar */
body.sidebar-collapsed .sidebar {
  width: 77px;
  flex-basis: 77px;
}
body.sidebar-collapsed .brand-area {
  padding-left: 17px;
  padding-right: 17px;
}
body.sidebar-collapsed .brand-type,body.sidebar-collapsed .sidebar-collapse,body.sidebar-collapsed .workspace-text,body.sidebar-collapsed .workspace-pill>svg,body.sidebar-collapsed .nav-group-title,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-count,body.sidebar-collapsed .support-box>span:last-child,body.sidebar-collapsed .sidebar-user-name,body.sidebar-collapsed .sidebar-profile-link {
  display: none;
}
body.sidebar-collapsed .workspace-pill {
  padding: 9px;
  margin: 0 15px 23px;
  justify-content: center;
}
body.sidebar-collapsed .side-nav {
  padding-inline: 9px;
}
body.sidebar-collapsed .nav-link {
  justify-content: center;
  padding: 0;
}
body.sidebar-collapsed .nav-icon {
  width: auto;
}
body.sidebar-collapsed .nav-group {
  margin-bottom: 12px;
}
body.sidebar-collapsed .support-box {
  padding: 9px;
  justify-content: center;
}
body.sidebar-collapsed .sidebar-user {
  justify-content: center;
}
body.sidebar-collapsed .brand-logo {
  width: 43px;
}
@media(max-width:1400px) {
  .stats-grid {
    gap: 13px;
  }
  .stat-card {
    padding: 18px;
  }
  .dashboard-grid,.dashboard-bottom-grid {
    grid-template-columns: minmax(0,1.3fr) minmax(300px,.95fr);
  }
  .quick-grid {
    gap: 6px;
  }
  .quick-action {
    padding: 12px 3px;
  }
  .main-content {
    padding-left: 28px;
    padding-right: 28px;
  }
  .topbar {
    padding-inline: 28px;
  }
  .main-footer {
    padding-inline: 28px;
  }
  .info-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media(max-width:1190px) {
  .sidebar {
    width: 232px;
    flex-basis: 232px;
  }
  .brand-area {
    padding-left: 17px;
    padding-right: 13px;
  }
  .brand-type strong {
    font-size: 15px;
  }
  .stats-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .stat-card {
    min-height: 145px;
  }
  .dashboard-grid,.dashboard-bottom-grid {
    grid-template-columns: 1fr;
  }
  .server-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .chart-bars {
    gap: 19px;
  }
  .quick-grid {
    gap: 12px;
  }
  .crm-layout,.mailing-grid,.settings-layout,.profile-layout {
    grid-template-columns: 1fr;
  }
  .crm-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .settings-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
  .settings-side .reset-button {
    grid-column: 1/-1;
  }
}
@media(max-width:850px) {
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 272px;
    transform: translateX(-100%);
    height: 100dvh;
    transition: transform .23s ease;
    box-shadow: 10px 0 30px #09182b16;
  }
  .sidebar.mobile-open {
    transform: translateX(0);
  }
  .mobile-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: #0814279a;
    z-index: 40;
    border: 0;
  }
  .mobile-menu {
    display: inline-flex;
  }
  .sidebar-collapse {
    display: none!important;
  }
  body.sidebar-collapsed .sidebar {
    width: 272px;
    flex-basis: 272px;
  }
  body.sidebar-collapsed .brand-type,body.sidebar-collapsed .workspace-text,body.sidebar-collapsed .workspace-pill>svg,body.sidebar-collapsed .nav-group-title,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-count,body.sidebar-collapsed .support-box>span:last-child,body.sidebar-collapsed .sidebar-user-name,body.sidebar-collapsed .sidebar-profile-link {
    display: initial;
  }
  body.sidebar-collapsed .nav-label {
    flex: 1;
  }
  body.sidebar-collapsed .sidebar-user-name {
    display: flex;
  }
  body.sidebar-collapsed .workspace-pill {
    padding: 11px 12px;
    margin: 2px 16px 21px;
    justify-content: flex-start;
  }
  body.sidebar-collapsed .side-nav {
    padding: 0 11px 18px;
  }
  body.sidebar-collapsed .nav-link {
    justify-content: flex-start;
    padding: 0 13px;
  }
  body.sidebar-collapsed .support-box {
    padding: 13px 12px;
    justify-content: flex-start;
  }
  body.sidebar-collapsed .sidebar-user {
    justify-content: flex-start;
  }
  .main-area {
    width: 100%;
  }
  .topbar {
    height: 66px;
    flex-basis: 66px;
  }
  .main-content {
    padding-top: 27px;
  }
  .welcome-art {
    opacity: .48;
  }
  .page-heading {
    align-items: flex-start;
  }
  .topbar-start {
    gap: 10px;
  }
  .login-grid {
    grid-template-columns: 1fr;
  }
  .login-illustration {
    display: none;
  }
  .login-panel {
    min-height: 100dvh;
    padding: 35px;
  }
  .login-mobile-brand {
    position: absolute;
    top: 36px;
    left: 36px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text);
  }
  .login-mobile-brand .login-mark-icon {
    background: #4266dc;
    color: white;
  }
  .login-panel-bottom {
    bottom: 26px;
  }
}
@media(max-width:650px) {
  body {
    font-size: 13px;
  }
  .topbar {
    padding: 0 18px;
  }
  .topbar-end {
    gap: 7px;
  }
  .topbar-separator,.search-title,.search-trigger kbd {
    display: none;
  }
  .search-trigger {
    width: 35px;
    height: 35px;
    border: 0;
    background: transparent;
    padding: 0;
    justify-content: center;
  }
  .search-trigger>span {
    gap: 0;
  }
  .search-trigger svg {
    width: 20px;
    height: 20px;
  }
  .breadcrumbs {
    font-size: 11px;
    gap: 6px;
    max-width: 180px;
    overflow: hidden;
  }
  .breadcrumbs>span {
    display: none;
  }
  .breadcrumbs svg {
    display: none;
  }
  .main-content {
    padding: 22px 15px 25px;
  }
  .main-footer {
    padding: 15px;
    display: block;
    font-size: 10px;
  }
  .main-footer span {
    display: block;
    margin-bottom: 3px;
  }
  .page-heading {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 19px;
  }
  .page-actions {
    width: 100%;
  }
  .page-actions .btn {
    flex: 1;
  }
  .date-pill {
    display: none;
  }
  h1 {
    font-size: 28px;
  }
  .page-heading-text p {
    line-height: 1.55;
  }
  .welcome-banner {
    min-height: 204px;
    padding: 22px 20px;
  }
  .welcome-banner h2 {
    font-size: 23px;
  }
  .welcome-banner p {
    max-width: 88%;
    font-size: 11px;
  }
  .welcome-art {
    width: 54%;
    opacity: .2;
  }
  .stats-grid {
    gap: 10px;
  }
  .stat-card {
    padding: 14px;
    min-height: 153px;
  }
  .stat-head {
    margin-bottom: 13px;
  }
  .stat-icon {
    width: 36px;
    height: 36px;
  }
  .stat-trend {
    font-size: 9px;
    padding: 4px 5px;
  }
  .stat-number {
    font-size: 25px;
  }
  .stat-label {
    font-size: 10px;
  }
  .stat-foot {
    font-size: 9px;
    line-height: 1.5;
  }
  .chart-bars {
    gap: 7px;
    padding-inline: 3px;
  }
  .activity-chart {
    padding-inline: 13px;
    height: 200px;
  }
  .panel-header {
    padding: 18px 16px 0;
  }
  .quick-grid {
    margin: 0 15px 17px;
    gap: 6px;
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .quick-action {
    padding: 11px 2px 9px;
  }
  .quick-icon {
    width: 35px;
    height: 35px;
    border-radius: 10px;
  }
  .quick-icon svg {
    width: 19px;
    height: 19px;
  }
  .quick-action strong {
    font-size: 9px;
  }
  .quick-action small {
    font-size: 8px;
  }
  .quick-info {
    margin: 0 15px 16px;
    padding: 12px;
  }
  .chart-summary {
    margin-inline: 15px;
  }
  .dashboard-grid,.dashboard-bottom-grid {
    gap: 14px;
  }
  .mini-stats {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  .mini-stats>div {
    padding: 13px;
  }
  .mini-stat-label {
    font-size: 10px;
  }
  .mini-stats strong {
    font-size: 20px;
  }
  .toolbar {
    padding: 13px;
    align-items: stretch;
  }
  .toolbar-search {
    min-width: 100%;
    max-width: none;
  }
  .toolbar-right {
    width: 100%;
  }
  .toolbar-right .select-wrap {
    flex: 1;
    min-width: 0;
  }
  .toolbar-right select {
    width: 100%;
    min-width: 0;
  }
  .data-table {
    font-size: 11px;
  }
  .data-table th,.data-table td {
    padding-inline: 13px;
  }
  .table-footer {
    padding: 11px 13px;
  }
  .server-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .server-status-banner {
    padding: 13px;
    flex-wrap: wrap;
  }
  .server-status-banner .status-badge {
    margin-left: auto;
  }
  .server-card {
    padding: 18px;
  }
  .crm-side,.settings-side {
    grid-template-columns: 1fr;
  }
  .mailing-editor form {
    margin: 17px;
  }
  .form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .mailing-actions {
    justify-content: stretch;
  }
  .mailing-actions .btn {
    flex: 1;
  }
  .module-intro {
    padding: 17px;
  }
  .module-intro h2 {
    font-size: 19px;
  }
  .module-intro-icon {
    width: 44px;
    height: 44px;
  }
  .feature-strip {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .feature-strip a {
    margin-left: 32px;
  }
  .settings-layout,.profile-layout,.mailing-grid {
    gap: 13px;
  }
  .setting-section {
    padding: 17px;
  }
  .toggle-row {
    align-items: flex-start;
  }
  .profile-identity {
    align-items: center;
    flex-wrap: wrap;
  }
  .profile-identity .status-badge {
    margin-left: 83px;
  }
  .profile-form-wrap {
    padding: 19px;
  }
  .info-hero {
    padding: 19px;
    gap: 13px;
  }
  .info-hero-icon {
    width: 44px;
    height: 44px;
  }
  .info-hero h2 {
    font-size: 18px;
  }
  .info-card-grid,.info-bottom-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .resource-card {
    min-height: 0;
  }
  .notifications-popover {
    right: -44px;
    width: min(325px,calc(100vw - 27px));
  }
  .login-card h2 {
    font-size: 36px;
  }
  .login-panel {
    padding: 25px;
  }
  .login-mobile-brand {
    top: 24px;
    left: 24px;
  }
  .login-panel-bottom {
    bottom: 22px;
  }
}
@media(max-width:380px) {
  .breadcrumbs {
    max-width: 120px;
  }
  .topbar-end {
    gap: 4px;
  }
  .header-avatar {
    width: 31px;
    height: 31px;
  }
  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }
  .stat-trend {
    display: none;
  }
  .quick-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .welcome-banner p {
    max-width: 100%;
  }
  .profile-identity {
    padding-inline: 14px;
  }
  .mailing-actions {
    flex-direction: column;
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    animation-duration: .01ms!important;
    transition-duration: .01ms!important;
    scroll-behavior: auto!important;
  }
}

/* Source: modules.css */
/* Design-Ergänzungen zu bestehender v1 UI – betont modular und adaptiv */
.module-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(115deg,#101e3a,#263b74 66%,#425caa);color:#fff;border-radius:20px;padding:30px 34px;margin-bottom:22px;overflow:hidden}
.module-hero h2{color:#fff;font-size:clamp(22px,2.9vw,34px);line-height:1.18;margin:9px 0 9px;letter-spacing:-.025em}
.module-hero p{color:#d3dff8;max-width:740px;margin:0;line-height:1.6}
.module-hero .module-label{color:#a9c6ff;letter-spacing:.13em;font-size:10px;font-weight:800}
.module-hero code{background:#263965;color:#fff;padding:2px 5px;border-radius:4px}
.hero-symbol{width:66px;height:66px;border:1px solid #647caf;background:#ffffff16;border-radius:17px;display:grid;place-items:center;flex:none}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:21px 0}
.hub-card{display:flex;flex-direction:column;align-items:flex-start;min-height:220px;gap:10px;padding:24px;background:var(--surface,#fff);color:inherit;text-decoration:none;border:1px solid var(--line,#e6eaf0);border-radius:16px;transition:transform .15s,box-shadow .15s}
.hub-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #00000012}
.hub-card h3{font-size:16px;margin:4px 0 0}.hub-card p{font-size:13px;line-height:1.58;margin:0;flex:1;color:var(--muted-strong,#7a8599)}
.hub-card>span:last-child{font-size:12px;font-weight:800;color:#6374c3}
.hub-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#566cbb;background:#eef1ff}
.two-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.two-panel>*{min-width:0}.panel.padded{padding:24px}.panel.padded h2{margin:0 0 10px;font-size:17px}.panel.padded p{font-size:13px;line-height:1.75}
.space-top{margin-top:20px}.text-muted{color:var(--muted-strong,#7a8599)!important;font-size:13px;line-height:1.65}.module-note{display:flex;gap:10px;margin:18px 0;padding:17px;border-radius:12px}
.feature-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.feature-tabs a{text-decoration:none;color:var(--muted-strong,#5e6d88);border-radius:9px;border:1px solid var(--line,#d9e0ee);padding:9px 14px;font-size:13px;font-weight:700}.feature-tabs a:hover{border-color:#687ac7;color:#687ac7}
.feature-pills{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.feature-pills span{border-radius:999px;background:#eef1fb;color:#5061a7;padding:7px 11px;font-size:12px;font-weight:700}
.detail-list{margin:16px 0}.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line,#e4e8f2);font-size:13px}.detail-list strong{overflow-wrap:anywhere;text-align:right}
.system-lines{display:grid;gap:12px;margin-bottom:18px}.system-lines>div{border-left:3px solid #8ca2f4;padding-left:11px}.system-lines strong,.system-lines small{display:block}.system-lines strong{font-size:13px}.system-lines small{font-size:12px;line-height:1.6;color:var(--muted-strong,#7b8595)}
.progress-stack{display:grid;gap:9px;margin-top:20px}.progress-stack>span{font-size:12px;font-weight:700}.progress-track{height:10px;background:#eef1f9;border-radius:20px;overflow:hidden;margin-bottom:11px}.progress-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#5175d3,#a6b7fc)}
.visual-bars{display:flex;align-items:flex-end;gap:16px;height:210px;padding-top:16px;padding-bottom:22px}.visual-bars span{position:relative;flex:1;min-height:5px;height:var(--h);background:linear-gradient(180deg,#617ee5,#c1cbf8);border-radius:9px 9px 3px 3px;text-align:center;font-size:11px;color:var(--muted-strong,#69758b)}.visual-bars span::after{content:attr(data-month);position:absolute;bottom:-19px;left:0;right:0}
.data-module{margin:18px 0}.data-module .toolbar{flex-wrap:wrap}.record-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.record-actions button{white-space:nowrap}.danger-link{color:#c34c58!important}.record-actions button:disabled{opacity:.3;cursor:not-allowed}.cell-subtext{display:block;font-size:11px;color:var(--muted-strong,#79839a);margin-top:4px}.data-table td{max-width:350px;overflow-wrap:anywhere}
.permissions-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 20px}.permissions-toolbar label{font-size:13px;font-weight:700}.permissions-toolbar select{max-width:260px;border-radius:8px;padding:10px;border:1px solid var(--line,#e0e4f2);background:var(--surface,#fff);color:inherit}
.permissions-table th:not(:first-child),.permissions-table td{text-align:center}.permissions-table input{width:17px;height:17px;cursor:pointer;accent-color:#576bd2}
.uid-reference{display:grid;gap:10px}.uid-reference>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line,#e3e7f0)}.uid-reference strong{font:600 12px/1.5 monospace;overflow-wrap:anywhere}.uid-reference span{font-size:12px;color:var(--muted-strong,#79839a)}
.timeline{margin-top:25px;border-left:2px solid #acb8eb;padding-left:20px}.timeline>div{position:relative;margin-bottom:20px}.timeline>div::before{content:"";position:absolute;left:-26px;top:4px;width:9px;height:9px;border-radius:50%;background:#6d7ecb}.timeline strong,.timeline small{display:block}.timeline strong{font-size:13px}.timeline small{margin-top:4px;color:var(--muted-strong,#8a93a3)}.attachment-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line,#e3e7f0);border-radius:10px;padding:12px;margin:8px 0;font-size:13px}.attachment-row span{margin-left:auto;font-size:11px;color:var(--muted-strong,#8891a1)}
.step-flow{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.step-flow span{padding:10px 12px;border-radius:8px;background:#eef1fb;font-size:12px;color:#445692;font-weight:700}.step-flow span:not(:last-child)::after{content:' ›';font-weight:900}
.module-form{display:grid;gap:15px}.module-form-actions{display:flex;justify-content:flex-end;gap:9px;margin:14px 0 24px}.settings-form.module-form{gap:18px}.settings-form .form-field{margin-bottom:12px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.section-head h2{margin:0!important}.legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.legal-grid label{display:block;font-size:12px;font-weight:600;margin:10px 0}.legal-grid input,.legal-grid textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line,#e1e7f0);border-radius:8px;padding:10px;background:var(--surface,#fff);color:inherit}
.toggle-setting{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border-radius:11px;border:1px solid var(--line,#e1e7f0);margin:12px 0;cursor:pointer}.toggle-setting strong,.toggle-setting small{display:block}.toggle-setting strong{font-size:13px}.toggle-setting small{font-size:11px;color:var(--muted-strong,#77849a);margin-top:4px}.toggle-setting input{width:19px;height:19px;accent-color:#5f76dd}
.module-row{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line,#e4e9f0)}.module-row strong,.module-row small{display:block}.module-row strong{font-size:13px}.module-row small{margin-top:4px;color:var(--muted-strong,#7c879a);overflow-wrap:anywhere;font-size:11px}
.channel-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.channel{padding:8px 12px;border-radius:8px;border:1px solid var(--line,#e3e7f0);background:transparent;color:inherit;cursor:pointer;font-size:12px}.channel.active{background:#536bc4;color:white;border-color:#536bc4}
.message-stream{height:275px;overflow-y:auto;border:1px solid var(--line,#e4e9f0);border-radius:12px;padding:16px;background:var(--bg,#f8faff)}.chat-message{border-bottom:1px solid var(--line,#e3e8f0);padding-bottom:12px;margin-bottom:12px}.chat-message strong{font-size:12px}.chat-message small{font-size:10px;color:var(--muted-strong,#8893a4);margin-left:12px}.chat-message p{font-size:12px!important;line-height:1.7;margin:5px 0;white-space:pre-wrap}.message-composer{display:flex;gap:8px;margin-top:10px}.message-composer input{min-width:0;flex:1;padding:10px;border:1px solid var(--line,#dfe5f0);border-radius:9px;background:var(--surface,#fff);color:inherit}
.area-cards{display:grid;gap:10px}.area-cards a{display:grid;grid-template-columns:25px 1fr;gap:0 12px;padding:12px;border:1px solid var(--line,#e3e6ef);border-radius:11px;text-decoration:none;color:inherit}.area-cards svg{grid-row:span 2}.area-cards strong{font-size:13px}.area-cards small{font-size:11px;color:var(--muted-strong,#8893a4)}
.module-dialog{padding:0!important;max-width:min(650px,94vw);width:100%}.module-dialog-fields{max-height:65vh;overflow:auto;padding:5px 2px}.module-dialog .dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.module-dialog .form-field label{display:block;font-weight:700;font-size:12px;margin:10px 0}.module-dialog .form-field input,.module-dialog .form-field textarea,.module-dialog .form-field select{margin-top:7px;width:100%;background:var(--surface,#fff);color:inherit;border:1px solid var(--line,#e1e6f1);border-radius:9px;padding:11px;font-size:14px}.module-dialog>.dialog-top{margin-bottom:18px}
[data-theme="dark"] .hub-card,[data-theme="dark"] .module-dialog .form-field input,[data-theme="dark"] .module-dialog .form-field textarea,[data-theme="dark"] .module-dialog .form-field select{background:#1c2940;color:#e9efff}
[data-theme="dark"] .feature-pills span,[data-theme="dark"] .step-flow span{background:#293b61;color:#cfddff}
[data-theme="dark"] .hub-icon{background:#293b61;color:#cad5ff}
[data-theme="dark"] .message-stream{background:#19283e}
@media(max-width:1180px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-grid{grid-template-columns:1fr}}
@media(max-width:760px){.hub-grid,.two-panel{grid-template-columns:1fr}.module-hero{padding:22px}.module-hero h2{font-size:24px}.hero-symbol{display:none}.hub-card{min-height:unset}.permissions-toolbar{align-items:stretch}.module-form-actions{flex-wrap:wrap}.message-composer{flex-direction:column}.module-row{flex-direction:column}.visual-bars{min-height:150px}.data-module .toolbar-right{width:100%;flex-wrap:wrap}.data-module .toolbar-right .btn{max-width:100%}}

.override-select{border:1px solid var(--line,#dce4f1);border-radius:7px;padding:7px 6px;background:var(--surface,#fff);color:inherit;font-size:11px;min-width:94px}

.base-nav-group{margin:18px 0 25px}.base-nav-group h3{font-size:13px;margin:0 0 7px;color:var(--muted-strong,#6d7990)}.base-nav-group .module-row{padding:10px 0}

.ticket-comments{padding:12px 0;margin:12px 0}.ticket-comments .chat-message{padding:12px;border:1px solid var(--line,#e3e7f1);border-radius:10px}

.mail-template-picker{padding:14px;border:1px solid var(--line,#dce4ef);border-radius:12px;margin-bottom:20px}.mail-template-picker>label{display:block;font-weight:750;font-size:12px;margin-bottom:7px}.mail-template-picker>div{display:flex;gap:9px}.mail-template-picker select{flex:1;min-width:0;border:1px solid var(--line,#d9e1ec);border-radius:8px;padding:10px;background:var(--surface,#fff);color:inherit}.mail-template-picker p{margin:6px 0 0}.ticket-comments .chat-message{overflow-wrap:anywhere}
@media(max-width:620px){.mail-template-picker>div{flex-direction:column}}

.side-nav .nav-label{overflow:hidden;text-overflow:ellipsis}.workspace-text strong{overflow:hidden;text-overflow:ellipsis}

/* Source: workspaces.css */
/* v2.1: fixed non-scrolling section navigation, refined dialogs and functional workspaces */
.sidebar{width:256px;flex-basis:256px;overflow:hidden;transition:none}
.sidebar .brand-area{min-height:77px;padding:18px 18px 13px}
.sidebar .brand-logo{width:39px;height:39px}
.sidebar .brand-type strong{font-size:16px}
.side-nav{flex:1;min-height:0;overflow:hidden!important;padding:8px 11px 8px}
.side-nav .nav-group{margin:0 0 2px}
.nav-group-switch{width:100%;height:36px;padding:0 11px;display:flex;align-items:center;gap:11px;background:transparent;color:#91a6c3;border:0;border-radius:9px;text-align:left;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.nav-group-switch .nav-icon{width:18px;flex:none}
.nav-group-switch .nav-group-title{color:inherit;letter-spacing:.08px;text-transform:none;font-size:12px;font-weight:710;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis}
.nav-group-switch .nav-chevron{display:flex;color:#7087a5;transition:transform .15s}
.nav-group-switch.selected{background:#273b59;color:#f7faff}
.nav-group-switch.selected .nav-chevron{transform:rotate(180deg)}
.nav-group-switch:hover{color:white;background:#22344d}
.nav-submenu{padding:4px 0 5px 38px}
.nav-submenu[hidden]{display:none!important}
.nav-submenu .nav-link{height:29px;line-height:29px;margin:0 0 1px;padding:0 10px;font-size:11.6px;font-weight:600;border-radius:7px}
.nav-submenu .nav-link.active{box-shadow:inset 2px 0 0 #91afff;background:#354d73}
.nav-submenu .nav-label{overflow:hidden;text-overflow:ellipsis;display:block}
.sidebar-bottom{padding:7px 13px 10px;margin-top:auto}
.sidebar-bottom .support-box{padding:8px 10px;margin-bottom:8px}
.sidebar-bottom .sidebar-user{padding:8px 3px}
.sidebar .workspace-pill,.sidebar .sidebar-collapse{display:none!important}
body.sidebar-collapsed .sidebar{width:256px;flex-basis:256px}
body.sidebar-collapsed .brand-type,body.sidebar-collapsed .sidebar-user-name,body.sidebar-collapsed .sidebar-profile-link,body.sidebar-collapsed .nav-group-title,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .support-box>span:last-child{display:flex}
body.sidebar-collapsed .nav-link{padding:0 10px;justify-content:flex-start}
body.sidebar-collapsed .brand-area{justify-content:flex-start}
body.sidebar-collapsed .side-nav{padding:8px 11px}
@media(max-height:790px){.sidebar .brand-area{min-height:61px;padding:10px 18px}.nav-group-switch{height:32px}.nav-submenu .nav-link{height:27px;line-height:27px}.sidebar-bottom .support-box{display:none}}
@media(max-height:610px){.sidebar .brand-area{min-height:53px}.nav-group-switch{height:29px}.nav-submenu{padding-top:1px;padding-bottom:1px}.nav-submenu .nav-link{height:23px;line-height:23px}.sidebar-bottom{padding:3px 12px}.sidebar-user{margin:0}}
@media(max-width:850px){.sidebar{width:270px;flex-basis:270px}.sidebar.mobile-open{width:270px;transform:translateX(0)}body.sidebar-collapsed .sidebar{width:270px;flex-basis:270px}}
/* Dialog layout: surfaces, hierarchy, fields, focus, placement */
.app-dialog,.module-dialog,.workspace-dialog{position:fixed;inset:0;margin:auto;max-height:min(86dvh,840px);overflow-y:auto;width:min(690px,calc(100vw - 24px));max-width:none;border:1px solid var(--line,#dce4ed);border-radius:20px;padding:0;background:var(--surface,#fff);box-shadow:0 30px 110px rgba(11,24,51,.35)}
.app-dialog::backdrop,.workspace-dialog::backdrop,.module-dialog::backdrop{background:rgba(9,19,40,.62);backdrop-filter:blur(5px)}
.app-dialog .dialog-top,.module-dialog .dialog-top,.workspace-dialog .dialog-top{padding:25px 30px 20px;position:sticky;top:0;z-index:2;background:var(--surface,#fff);border-bottom:1px solid var(--line,#e1e7f0);align-items:center}
.app-dialog .dialog-top h2,.module-dialog .dialog-top h2{font-size:21px;line-height:1.2;letter-spacing:-.3px}
.dialog-top .icon-btn,[data-modal-close].icon-btn{border:1px solid var(--line,#dce4ed);border-radius:10px;width:34px;height:34px;display:grid;place-items:center}
.app-dialog .dialog-content-inner{padding:24px 30px 30px}
.module-dialog #module-edit-form{padding:0 30px 26px}
.module-dialog .module-dialog-fields{padding:18px 0 5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 17px;max-height:unset;overflow:visible}
.module-dialog .module-dialog-fields>.form-field:has(textarea){grid-column:1/-1}
.workspace-modal-form{padding:22px 30px 30px}
.workspace-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.workspace-modal-fields .form-field:has(textarea){grid-column:1/-1}
.workspace-modal-form .text-muted{margin:0 0 18px}
.app-dialog .dialog-actions,.module-dialog .dialog-actions,.workspace-dialog .dialog-actions{margin-top:24px;padding-top:19px;justify-content:flex-end;gap:10px}
.app-dialog .dialog-actions .btn,.module-dialog .dialog-actions .btn{min-width:112px}
.app-dialog .form-field,.workspace-dialog .form-field,.module-dialog .form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
.app-dialog .form-field span,.workspace-dialog .form-field span,.app-dialog .form-field label{font-size:12px;font-weight:700}
.app-dialog .form-field input,.app-dialog .form-field select,.app-dialog .form-field textarea,.workspace-dialog .form-field input,.workspace-dialog .form-field select,.workspace-dialog .form-field textarea{width:100%;min-width:0;padding:11px 12px;border-radius:10px;background:var(--surface,#fff);color:var(--text,#17233b);border:1px solid var(--line,#cbd5e1);font:inherit;font-size:13px;line-height:1.5}
.app-dialog .form-field input:focus,.app-dialog .form-field select:focus,.app-dialog .form-field textarea:focus{outline:3px solid #9ab1f850;border-color:#7088e6}
.workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 20px;padding:23px 27px;background:var(--surface,#fff);border:1px solid var(--line,#e2e8f3);border-radius:16px}
.workspace-intro h2{font-size:23px;letter-spacing:-.4px;margin:8px 0}
.workspace-intro p{font-size:13px;line-height:1.6;max-width:730px;color:var(--muted-strong,#728097);margin:0}
.workspace-intro .btn{flex:none}
.workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 22px}
.workspace-metrics>div{border:1px solid var(--line,#e1e6ed);background:var(--surface,#fff);border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:12px}
.workspace-metrics span{font-size:12px;color:var(--muted-strong,#758098);font-weight:650}
.workspace-metrics strong{font-size:28px;line-height:1.15;letter-spacing:-.5px}
.workspace-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:16px;margin:0 0 20px}
.workspace-card{border:1px solid var(--line,#dfe6ef);background:var(--surface,#fff);border-radius:16px;padding:22px;min-width:0;display:flex;flex-direction:column}
.workspace-card-top{display:flex;justify-content:space-between;align-items:center}
.workspace-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--bg,#eef2ff);border-radius:12px;color:#586fc8;font-size:13px;font-weight:850}
.workspace-card h3{font-size:19px;margin:17px 0 8px;letter-spacing:-.3px}
.workspace-card p{font-size:13px;line-height:1.6;color:var(--muted-strong,#748099);margin:0 0 20px}
.workspace-members{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 18px}
.workspace-members span{font-size:11px;background:var(--bg,#f0f3f9);padding:6px 9px;border-radius:999px;font-weight:650}
.workspace-card-footer{display:flex;gap:10px;margin-top:auto}
.workspace-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.workspace-tiles a,.linked-spaces a{padding:14px;border:1px solid var(--line,#dce5ef);border-radius:11px;color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:7px}
.workspace-tiles a:hover,.linked-spaces a:hover{border-color:#6a81df}
.workspace-tiles strong,.linked-spaces strong{font-size:13px}
.workspace-tiles small,.linked-spaces small{font-size:11px;color:var(--muted-strong,#748099)}
.workspace-back{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;color:var(--muted-strong,#77859a)}
.workspace-back a{text-decoration:none;font-weight:750;color:var(--text,#273a66)}
.workspace-titlebar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;background:var(--surface,#fff);border:1px solid var(--line,#e1e5ef);border-radius:15px;margin-bottom:20px}
.workspace-titlebar h2{font-size:24px;margin:7px 0}.workspace-titlebar p{font-size:13px;color:var(--muted-strong,#77829a)}
.space-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}
.space-module-grid>.span-2{grid-column:1/-1}
.space-module-grid h2{font-size:16px}
.linked-spaces{display:grid;gap:9px;margin:13px 0}
.calendar-top{display:flex;justify-content:center;align-items:center;gap:15px;margin:17px 0}.calendar-top strong{min-width:155px;text-align:center;font-size:15px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.calendar-grid>b{text-align:center;font-size:11px;font-weight:750;color:var(--muted-strong,#8895ac);padding:8px 0}
.calendar-day{min-height:63px;border:1px solid var(--line,#e2e7f0);border-radius:9px;padding:7px;overflow:hidden}
.calendar-day strong{font-size:11px;display:block}.calendar-day span{display:block;margin-top:5px;padding:4px;background:var(--bg,#edf2ff);border-radius:5px;font-size:10px;overflow-wrap:anywhere}
.calendar-day.empty{background:transparent;border-color:transparent}
.workspace-master{display:grid;grid-template-columns:242px minmax(0,1fr);gap:18px;align-items:start}
.workspace-switcher{position:sticky;top:25px;overflow:hidden;padding:9px!important}
.workspace-switcher-head{padding:12px 12px 17px}.workspace-switcher-head strong,.workspace-switcher-head small{display:block}.workspace-switcher-head strong{font-size:13px}.workspace-switcher-head small{font-size:11px;color:var(--muted-strong,#74839a);margin-top:4px}
.workspace-choice{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;padding:12px 13px;border:0;border-radius:9px;cursor:pointer;background:transparent;color:inherit;font-family:inherit;margin:3px 0}
.workspace-choice strong{font-size:12px}.workspace-choice small{font-size:10px;color:var(--muted-strong,#8090a1)}
.workspace-choice.selected{background:var(--bg,#eaf0ff);box-shadow:inset 3px 0 0 #738be3}
.workspace-detail-head{margin-bottom:15px}.workspace-detail-head h2{font-size:20px}.workspace-detail-head p{margin:7px 0 12px}.workspace-detail-head small{font-size:11px;color:var(--muted-strong,#798399)}
.workspace-main>.panel{margin-bottom:16px}
.table-directory{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.table-directory a{padding:11px 13px;border:1px solid var(--line,#dce5ef);border-radius:9px;font-size:12px;font-weight:700;color:inherit;text-decoration:none}
.table-directory small{display:block;color:var(--muted-strong,#74839a);margin-top:6px}
.workspace-table{overflow:hidden}.workspace-table-head{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:19px 22px}.workspace-table-head h3{font-size:16px;margin:0 0 5px}.workspace-table-head small{font-size:11px;color:var(--muted-strong,#8691a1)}
.workspace-table .data-table th small{display:block;margin-top:5px;text-transform:none;font-size:10px;color:var(--muted-strong,#8b93a4);font-weight:500}
.todo-boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px;align-items:start}
.todo-list h3{font-size:16px;margin:0 0 5px}.todo-list small{font-size:11px;color:var(--muted-strong,#7b8aa1)}
.todo-progress{height:5px;background:var(--bg,#e9edf5);border-radius:10px;overflow:hidden;margin:14px 0}.todo-progress span{display:block;height:100%;background:#6782d7;border-radius:10px}
.todo-task{padding:12px 0;border-bottom:1px solid var(--line,#e5e8f1);display:flex;gap:9px;align-items:center;justify-content:space-between}
.todo-task label{display:flex;align-items:flex-start;gap:11px;cursor:pointer;min-width:0;flex:1}.todo-task label span{display:flex;flex-direction:column;gap:5px;min-width:0}.todo-task strong{font-size:12px}.todo-task.completed strong{text-decoration:line-through;opacity:.6}
.project-card{margin-top:15px}.project-check{display:block;padding:10px 0;font-size:13px;border-bottom:1px solid var(--line,#e5e8f1)}
.workspace-feed{display:grid;gap:16px;max-width:850px}.blog-post h3{margin:15px 0 8px;font-size:18px}.blog-post>p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.post-meta{display:flex;gap:10px;justify-content:space-between;font-size:11px;font-weight:700;color:var(--muted-strong,#758399)}
.blog-comments{border-top:1px solid var(--line,#e6e9f0);margin:20px 0 15px;padding-top:9px}.blog-comments>div{display:grid;gap:4px;padding:9px 0;font-size:12px}.blog-comments>div>span{white-space:pre-wrap;overflow-wrap:anywhere}
.embedded-posts{margin-top:12px;display:grid;gap:10px}.embedded-posts .blog-post{border-radius:10px;padding:13px!important}.embedded-posts .blog-post h3{font-size:13px;margin:5px 0}
.request-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.4fr);gap:17px;align-items:start}
.request-list-panel{overflow:hidden;position:sticky;top:20px}.request-list-panel .toolbar{padding:14px;display:flex;flex-wrap:wrap;gap:8px}.request-list-panel .toolbar-search{min-width:0;flex:1 1 180px}.request-list-panel select{border:1px solid var(--line,#dce3ed);border-radius:8px;color:inherit;background:var(--surface,#fff);padding:8px;min-width:130px}
.request-list{max-height:950px;overflow-y:auto;padding:5px 10px 12px}
.request-item{display:flex;flex-direction:column;width:100%;border:1px solid transparent;border-radius:11px;padding:14px;text-align:left;background:transparent;color:inherit;cursor:pointer;font:inherit;margin:4px 0;gap:8px}
.request-item.selected{background:var(--bg,#f0f3ff);border-color:var(--line,#dee6f4)}.request-item:hover{background:var(--bg,#f1f5fb)}
.request-item-top,.request-item-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center}.request-item-top strong{font-size:11px;color:var(--muted-strong,#7788a5)}.request-item>b{font-size:13px}.request-item>small,.request-item-bottom{font-size:11px;color:var(--muted-strong,#738196)}
.request-detail{display:grid;gap:16px}.request-detail>.panel{margin:0}.request-case-header h2{font-size:19px;margin:12px 0}.request-case-header p{font-size:12px;overflow-wrap:anywhere}
.request-owner{margin-top:18px;display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--bg,#f3f5fb);padding:14px;border-radius:11px}.request-owner small,.request-owner strong{display:block}.request-owner small{font-size:11px;color:var(--muted-strong,#73859d)}.request-owner strong{font-size:13px;margin-top:4px}
.case-messages{display:grid;gap:9px;margin:17px 0}.case-message{border:1px solid var(--line,#dee5ed);border-radius:10px;padding:13px}.case-message.from-staff{border-color:#91a8e5;background:var(--bg,#f5f8ff)}.case-message>span{font-size:11px;color:var(--muted-strong,#728196)}.case-message p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}
.case-drafts{margin:17px 0}.case-draft{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line,#dce3ed);border-radius:10px;margin:8px 0}.case-draft strong,.case-draft small{display:block}.case-draft strong{font-size:12px}.case-draft small{font-size:11px;margin-top:5px;color:var(--muted-strong,#72829a)}
.case-history{margin-top:20px}.case-history h3{font-size:13px}.timeline-row{border-left:2px solid #8298df;padding:10px 13px;margin:10px 0}.timeline-row strong,.timeline-row small{display:block;font-size:12px}.timeline-row small{font-size:11px;color:var(--muted-strong,#74839a);margin-top:5px}
.workspace-tab{font:inherit;font-size:12px;font-weight:700;border:1px solid var(--line,#dce4ed);border-radius:10px;padding:9px 15px;background:var(--surface,#fff);color:inherit;cursor:pointer}
.workspace-tab.selected,.feature-tabs .is-current{color:#4866c5;background:var(--bg,#eef2ff);border-color:#a6b8ed}
.legal-editor-form .panel{margin-bottom:16px}.legal-editor-form textarea{display:block;width:100%;margin-top:9px;font:inherit;font-size:13px;line-height:1.7;border:1px solid var(--line,#dce4ef);background:var(--surface,#fff);color:inherit;border-radius:10px;padding:16px;resize:vertical}
.legal-sticky-actions{position:sticky;bottom:13px;background:var(--surface,#fff);border:1px solid var(--line,#dde5ec);border-radius:12px;padding:12px 17px;display:flex;justify-content:space-between;gap:15px;align-items:center;box-shadow:0 9px 25px #0c1c3014}
.legal-sticky-actions>div{display:flex;gap:9px}.legal-sticky-actions small{font-size:11px;color:var(--muted-strong,#77859b)}
.field-inline{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.field-inline select{padding:9px;border:1px solid var(--line,#dce4ed);border-radius:9px;background:var(--surface,#fff);color:inherit}
@media(max-width:1150px){.workspace-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.request-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}}
@media(max-width:900px){.workspace-master{grid-template-columns:1fr}.workspace-switcher{position:static}.request-layout{grid-template-columns:1fr}.request-list-panel{position:static}.request-list{max-height:400px}.workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.workspace-intro,.workspace-titlebar,.workspace-table-head{flex-direction:column;align-items:stretch}.space-module-grid,.workspace-modal-fields{grid-template-columns:1fr}.space-module-grid>.span-2,.workspace-modal-fields .form-field:has(textarea){grid-column:auto}.workspace-tiles{grid-template-columns:1fr 1fr}.calendar-day{min-height:47px;padding:4px}.calendar-day span{font-size:9px}.workspace-modal-form,.app-dialog .dialog-content-inner{padding:18px}.app-dialog .dialog-top,.module-dialog .dialog-top,.workspace-dialog .dialog-top{padding:16px 18px}.module-dialog #module-edit-form{padding:0 18px 20px}.module-dialog .module-dialog-fields{grid-template-columns:1fr}.legal-sticky-actions{position:static;align-items:stretch;flex-direction:column}}
@media(max-width:430px){.workspace-metrics,.workspace-tiles{grid-template-columns:1fr}.calendar-day{min-height:38px}.workspace-master{gap:10px}.workspace-intro{padding:18px}.workspace-titlebar{padding:18px}}

.nav-link[hidden]{display:none!important}

/* Optional demo deletion controls; destructive operations always request confirmation. */
.column-delete{font-size:15px;margin-left:5px;padding:0 4px}
.project-check{display:flex;justify-content:space-between;align-items:center;gap:12px}
.project-check label{flex:1;cursor:pointer;line-height:1.6}
.project-check .action-link{flex:none}
.todo-list .section-head{flex-wrap:wrap;gap:8px}
.workspace-card-footer{flex-wrap:wrap}

/* Source: tasks.css */

/* One visible task per page; secondary technical details stay collapsed. */
.task-guide{border-left:3px solid var(--primary,#3b60de);padding:12px 16px;margin:0 0 22px;background:var(--surface,#fff);border-radius:0 10px 10px 0}
.task-guide p{margin:4px 0 0;color:var(--muted-strong,#667085);font-size:13px;line-height:1.6}
.task-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px;margin-bottom:24px}
.task-card{display:flex;gap:14px;align-items:flex-start;padding:22px;border:1px solid var(--line,#e5e7ed);border-radius:14px;background:var(--surface,#fff);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.task-card:hover{border-color:var(--primary,#3b60de);transform:translateY(-2px)}
.task-card strong{display:block;font-size:16px;margin:1px 0 7px}.task-card small{display:block;font-size:13px;line-height:1.65;color:var(--muted-strong,#667085)}
.task-card .task-arrow{margin-left:auto;flex:none}.task-card>span:first-child{min-width:0;flex:1}
.task-nav{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-bottom:1px solid var(--line,#e5e7ed);margin:0 0 22px}
.task-nav a{display:inline-flex;align-items:center;padding:10px 14px;border-radius:8px 8px 0 0;color:var(--muted-strong,#667085);text-decoration:none;font-weight:600;font-size:13px}
.task-nav a[aria-current=page]{color:var(--primary,#3b60de);background:var(--primary-soft,#edf1ff);box-shadow:inset 0 -2px var(--primary,#3b60de)}
.task-details{border:1px solid var(--line,#e5e7ed);padding:14px 16px;border-radius:10px;margin:16px 0}.task-details>summary{font-weight:600;cursor:pointer}.task-details[open]>summary{margin-bottom:16px}
.task-path{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muted-strong,#667085);margin:0 0 18px}.task-path a{color:inherit;text-decoration:none}.task-path a:hover{text-decoration:underline}
.task-confirm{padding:15px;background:var(--primary-soft,#edf1ff);border-radius:9px;margin-top:18px}.task-confirm input{flex:none}
.task-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px;list-style:none;padding:0}.task-steps li{padding:16px;border:1px solid var(--line,#e5e7ed);border-radius:10px;background:var(--surface,#fff)}.task-steps li strong{display:block;font-size:13px}.task-steps li small{display:block;margin-top:6px;color:var(--muted-strong,#667085);line-height:1.6}.task-steps [aria-current=step]{border-color:var(--primary,#3b60de);background:var(--primary-soft,#edf1ff)}
.task-result{border:1px solid var(--line,#e5e7ed);border-radius:12px;padding:20px;margin:18px 0}.task-result h3{margin-top:0}
.field-help,.field-note{line-height:1.6}.task-single{max-width:950px}.task-single>h2{margin-top:0}
@media(max-width:760px){.task-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.task-card{padding:18px}.task-nav{gap:3px}.task-nav a{padding:9px 10px;font-size:12px}}
@media(max-width:420px){.task-steps{grid-template-columns:1fr}.task-steps li{padding:12px}.task-steps li small{margin-top:3px}}

.request-inbox .request-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:12px;padding:16px}.request-inbox .request-item{display:block;width:100%;text-decoration:none;color:inherit}.request-detail{max-width:1050px}.task-nav{overflow-wrap:anywhere}.task-guide p{max-width:850px}.workspace-table{min-width:0}

/* Context navigation lives in the main sidebar; content remains one working view. */
.nav-main-links[hidden],.workspace-switcher[hidden]{display:none!important}
.nav-context{min-width:0;padding:2px 0 3px}
.nav-context-back{display:block;padding:6px 5px 9px;font-size:11px;line-height:1.4;color:#b9cae2}
.nav-context-title{display:block;padding:4px 7px 8px;color:#f5f8ff;font-size:11.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-context-link{display:block;min-height:29px;padding:6px 9px;font-size:11.6px;line-height:1.35;border-radius:7px;color:#b9cae2;margin:1px 0;overflow-wrap:anywhere}
.nav-context-link:hover{background:#273b59;color:#fff}.nav-context-link.active{color:#fff;background:#354d73;box-shadow:inset 2px 0 0 #91afff}
.nav-context a:focus-visible{outline:2px solid #91afff;outline-offset:1px}
.has-context-nav #intranet-content .task-nav{display:none}
.workspace-master.is-focused{grid-template-columns:minmax(0,1fr)}
.workspace-card-footer{flex-wrap:wrap}.workspace-intro>div,.workspace-titlebar>div{min-width:0}.workspace-intro h2,.workspace-titlebar h2{overflow-wrap:anywhere}
#employee-space-detail>.panel{margin-bottom:18px}.workspace-back{flex-wrap:wrap}.task-nav{min-width:0}
/* Standalone forms had only dialog-specific field styles. */
.module-form .form-field{display:grid;gap:8px;min-width:0;font-size:12px;font-weight:600;color:var(--text)}
.module-form .form-field input,.module-form .form-field select,.module-form .form-field textarea{display:block;width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:9px;padding:11px 12px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;line-height:1.6}
.module-form .form-field textarea{resize:vertical;min-height:90px}.module-form .form-field :is(input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.module-form .btn{justify-self:start}.section-head{flex-wrap:wrap;min-width:0}.section-head>.record-actions{min-width:0}
.calendar-day{background:var(--surface-2)}.calendar-day.empty{background:transparent}.calendar-day span{background:var(--primary-soft);color:var(--text-strong)}
.calendar-top{flex-wrap:wrap}.calendar-top .btn{min-height:36px;min-width:36px}
.task-card:focus-visible,.linked-spaces a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(max-height:790px){.nav-context-link{min-height:26px;padding:5px 8px}.nav-context-back{padding:4px 5px 6px}.nav-context-title{padding-bottom:6px}}
@media(max-height:730px){.nav-group-switch{height:27px}.nav-context-link{min-height:22px;padding:4px 8px;font-size:11px}.nav-context-back,.nav-context-title{padding-top:2px;padding-bottom:4px}.sidebar .sidebar-user{padding-top:4px;padding-bottom:4px}}
@media(max-height:530px){.sidebar .sidebar-bottom{display:none}.sidebar .brand-area{min-height:43px;padding-top:5px;padding-bottom:5px}.nav-group-switch{height:25px}.nav-context-link{min-height:21px;padding-top:3px;padding-bottom:3px}}
@media(max-width:850px){.side-nav{overflow-y:auto!important;scrollbar-width:thin}.has-context-nav #intranet-content .task-nav{display:flex}.nav-context-link{min-height:36px;padding:9px}.nav-context-back{padding-top:8px;padding-bottom:8px}.workspace-intro{gap:16px}.module-form .form-row{grid-template-columns:1fr}}
@media(max-width:520px){.workspace-intro,.workspace-titlebar{padding:18px}.workspace-card{padding:18px}.panel.padded{padding:18px}.workspace-table-head{padding:16px}.workspace-titlebar h2{font-size:21px}.workspace-card-footer .btn{flex:1}.calendar-day{min-height:44px}.post-meta,.workspace-back{align-items:flex-start}}

@media(min-width:851px) and (max-height:560px){.side-nav{overflow-y:auto!important;scrollbar-width:thin}}

/* Source: refinement.css */
/* Intranet 2.4: focused navigation, clear case work and distinct workspace surfaces. */
:root{--accent-violet:#7456cb;--accent-teal:#158b83;--accent-amber:#bb7a20;--tone-violet:#f1edfc;--tone-teal:#eaf7f3;--tone-amber:#fff5e4}
html[data-theme=dark]{--accent-violet:#b7a3fb;--accent-teal:#6ed2be;--accent-amber:#efbd69;--tone-violet:#302847;--tone-teal:#173d3b;--tone-amber:#403320}
.main-content{max-width:1700px;width:100%;margin:0 auto}.page-heading h1{letter-spacing:-.9px}.page-heading{gap:18px}.panel{box-shadow:0 3px 16px #17243a04}.panel h2{letter-spacing:-.3px}.btn{transition:background .16s,border-color .16s,box-shadow .16s}.btn-primary{box-shadow:0 3px 8px #3b60de16}.btn-primary:hover{box-shadow:0 4px 13px #3b60de2b}.data-table tbody tr:hover{background:var(--primary-soft)}.data-table td{border-bottom:1px solid var(--line)}.status-badge{gap:6px;white-space:normal}.status-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2,.section-head h3{margin:0}.section-head p{margin:5px 0 0;color:var(--muted-strong);font-size:12px}.section-head>div:first-child{min-width:0}.record-actions{flex-wrap:wrap;gap:8px}.text-muted{color:var(--muted-strong)}.form-field{min-width:0}button:disabled{cursor:default;opacity:.5}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;flex:none}.empty-state{display:grid;justify-items:center;text-align:center;gap:10px;padding:35px 22px;color:var(--muted-strong);border:1px dashed var(--line-strong);border-radius:13px;background:var(--surface-2)}.empty-state h3,.empty-state p{margin:0}.empty-state h3{font-size:15px;color:var(--text-strong)}.empty-state p{font-size:13px;max-width:400px}.empty-state svg{opacity:.6}.row-muted{color:var(--muted-strong);font-size:12px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:650}.meta-line{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted-strong);font-size:12px}.meta-line>span{display:inline-flex;align-items:center;gap:6px}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line)}.surface-head h2,.surface-head h3{margin:0}.surface-head h2{font-size:17px}.surface-head p{margin:5px 0 0;font-size:12px;color:var(--muted-strong)}
/* All destinations fit in one selected area; the directory exposes the other areas. */
.side-nav{overflow:hidden!important;padding:8px 14px}.nav-browser-head{padding:5px 4px 15px}.nav-browser-head>span{display:block;color:var(--sidebar-muted);font-size:9px;font-weight:750;letter-spacing:1.5px;margin-bottom:8px}.nav-browser-head button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;color:#d2def1;border:1px solid #324462;border-radius:9px;background:#192a43;font-size:11px;font-weight:650}.nav-browser-head button svg:last-child{margin-left:auto}.side-nav .nav-group{display:none}.side-nav .nav-group.group-open{display:block}.nav-group-switch{height:39px;padding:0 10px;margin-bottom:7px}.nav-group-switch.selected{background:transparent;color:#fff}.nav-group-switch .nav-group-title{font-size:14px}.nav-group-switch .nav-chevron{display:none}.nav-submenu{padding:0}.nav-submenu .nav-link{display:flex;align-items:center;gap:10px;height:31px;line-height:1.3;margin:2px 0;padding:5px 11px;font-weight:550;color:#afc0d9;font-size:11.5px}.nav-submenu .nav-label{white-space:normal;overflow:visible}.nav-item-icon{display:flex;color:#7c93b5}.nav-link.active .nav-item-icon{color:#c4d5ff}.nav-section-label{display:block;padding:9px 11px 3px;color:#7189aa;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px}.nav-browsing .nav-group{display:block}.nav-browsing .nav-submenu{display:none!important}.nav-browsing .nav-group-switch{height:38px;margin:3px 0;background:#192a43;border:1px solid #283d5e}.nav-browsing .nav-group-title{font-size:12px}.nav-browsing .nav-group-switch.selected{border-color:#7396e7}.nav-context-link{min-height:35px;padding:9px 11px;font-size:12px}.nav-context-title{padding:7px 10px 15px;color:#fff;font-size:13px;white-space:normal}.nav-context-back{padding:6px 10px 15px}.sidebar-bottom .support-box{display:none}.sidebar-bottom{border-top:1px solid #223653}.sidebar .brand-area{min-height:75px}.sidebar{height:100dvh}.nav-directory-hint{display:none}.nav-browsing .nav-section-label{display:none}
/* Shared section mastheads. */
.area-banner{--area-color:var(--primary);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;margin-bottom:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(112deg,var(--primary-soft),var(--surface) 75%);position:relative;overflow:hidden}.area-banner:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--area-color)}.area-banner h2{font-size:22px;letter-spacing:-.5px;margin:7px 0 9px}.area-banner p{max-width:680px;margin:0;color:var(--muted-strong);font-size:13px;line-height:1.7}.area-banner .module-label{color:var(--area-color);font-size:10px;letter-spacing:1.4px;font-weight:750}.area-banner .btn{flex:none}.area-banner.is-teal{--area-color:var(--accent-teal);background:linear-gradient(112deg,var(--tone-teal),var(--surface) 75%)}.area-banner.is-violet{--area-color:var(--accent-violet);background:linear-gradient(112deg,var(--tone-violet),var(--surface) 75%)}.area-banner.is-amber{--area-color:var(--accent-amber);background:linear-gradient(112deg,var(--tone-amber),var(--surface) 75%)}.banner-graphic{display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);color:var(--area-color);flex:none}.directory-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 19px;flex-wrap:wrap}.directory-bar h2{font-size:16px;margin:0}.directory-bar p{font-size:12px;margin:4px 0 0;color:var(--muted-strong)}.directory-search{display:flex;gap:9px;align-items:center;min-width:220px;max-width:350px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--muted-strong)}.directory-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:12px;outline:none}.directory-search:focus-within{outline:2px solid var(--focus)}.directory-empty{grid-column:1/-1}.workspace-metrics{gap:12px}.workspace-metrics>div{padding:15px 18px;border-radius:12px;gap:5px}.workspace-metrics strong{font-size:24px}.workspace-metrics span{font-size:11px}
/* Team spaces: identity, members and actual contents, with one clear way in. */
.workspace-cards,.space-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.team-card,.space-folder{--folder-color:var(--primary);border:1px solid var(--line-strong);border-radius:15px;background:var(--surface);overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:border-color .16s,box-shadow .16s}.team-card:hover,.space-folder:hover{border-color:var(--folder-color);box-shadow:0 8px 25px #182c4810}.team-card.is-violet,.space-folder.is-violet{--folder-color:var(--accent-violet)}.team-card.is-teal,.space-folder.is-teal{--folder-color:var(--accent-teal)}.team-card.is-amber,.space-folder.is-amber{--folder-color:var(--accent-amber)}.team-card-cover{height:62px;padding:15px 22px;background:var(--primary-soft);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.is-violet .team-card-cover{background:var(--tone-violet)}.is-teal .team-card-cover{background:var(--tone-teal)}.team-card-cover>span{display:flex;gap:8px;align-items:center;color:var(--folder-color);font-size:10px;font-weight:750;letter-spacing:1px}.team-card-body,.space-folder-body{padding:22px;flex:1}.team-card h3,.space-folder h3{font-size:19px;letter-spacing:-.4px;margin:0 0 9px}.team-card h3 a:hover,.space-folder h3 a:hover{color:var(--folder-color)}.team-card-body>p,.space-folder-body>p{font-size:13px;color:var(--muted-strong);line-height:1.7;margin:0 0 18px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack span{width:29px;height:29px;border-radius:50%;background:var(--primary-soft);border:2px solid var(--surface);color:var(--primary);font-size:9px;font-weight:800;display:grid;place-items:center;margin-left:-4px}.team-card-members{display:flex;align-items:center;gap:10px;margin-bottom:20px}.team-card-members>small{font-size:11px;color:var(--muted-strong)}.team-card-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 0 0;border-top:1px solid var(--line);gap:10px}.team-card-stats>span{font-size:11px;color:var(--muted-strong)}.team-card-stats strong{display:block;color:var(--text-strong);font-size:19px;margin-bottom:3px}.team-card-footer,.space-folder-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface-2);padding:13px 22px;border-top:1px solid var(--line)}.team-card-footer>a,.space-folder-footer>a{display:flex;gap:8px;align-items:center;color:var(--folder-color);font-weight:700;font-size:12px}.team-card-footer .action-link,.space-folder-footer .action-link{font-size:11px}.workspace-titlebar{padding:24px 26px;gap:18px;align-items:flex-start;border-color:var(--line-strong);box-shadow:inset 4px 0 var(--primary)}.workspace-titlebar h2{font-size:25px;letter-spacing:-.6px;margin:7px 0}.workspace-titlebar p{font-size:13px;margin:0 0 14px;line-height:1.7}.workspace-title-icon,.space-symbol{display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);border-radius:13px;width:46px;height:46px;flex:none}.workspace-titlebar .title-copy{flex:1;min-width:0}.workspace-titlebar .record-actions{justify-content:flex-end}.space-overview{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.space-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-tile{display:flex;gap:14px;align-items:flex-start;padding:22px;background:var(--surface);border:1px solid var(--line-strong);border-radius:13px;min-width:0;transition:border-color .16s,transform .16s}.module-tile:hover{border-color:var(--primary);transform:translateY(-2px)}.module-tile>span:first-child{width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none}.module-tile.is-teal>span:first-child{background:var(--tone-teal);color:var(--accent-teal)}.module-tile.is-violet>span:first-child{background:var(--tone-violet);color:var(--accent-violet)}.module-tile.is-amber>span:first-child{background:var(--tone-amber);color:var(--accent-amber)}.module-tile h3{font-size:14px;margin:2px 0 7px}.module-tile p{font-size:12px;color:var(--muted-strong);margin:0;line-height:1.6}.module-tile small{display:block;font-size:11px;font-weight:700;color:var(--primary);margin-top:15px}.space-sidebar{display:grid;gap:16px}.space-sidebar .panel{padding:20px}.space-sidebar h3{font-size:13px;margin:0 0 15px}.member-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.member-row>span{flex:none;width:30px;height:30px;background:var(--primary-soft);color:var(--primary);border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:700}.member-row strong{font-weight:650;overflow-wrap:anywhere}.space-sidebar p{font-size:12px;line-height:1.6;color:var(--muted-strong)}.next-event{border-left:2px solid var(--accent-teal);padding-left:12px}.next-event small{font-size:11px;color:var(--muted-strong);display:block;margin-bottom:5px}.next-event strong{font-size:12px}.module-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.module-shortcuts a{padding:17px;display:flex;flex-direction:column;gap:9px;border:1px solid var(--line);border-radius:11px}.module-shortcuts a:hover{background:var(--primary-soft)}.module-shortcuts svg{color:var(--primary)}.module-shortcuts strong{font-size:12px}.module-shortcuts small{font-size:11px;color:var(--muted-strong)}
/* Space -> contents -> single item, each level has a distinct layout. */
.workspace-master{display:block}.workspace-master .workspace-switcher{display:none!important}.space-folder-top{display:flex;gap:12px;align-items:center;margin-bottom:18px}.space-folder-top .space-symbol{color:var(--folder-color)}.space-folder-top small{color:var(--muted-strong);font-size:11px;display:block;margin-top:3px}.space-folder-top .chip{margin-left:auto;align-self:flex-start}.folder-preview{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:18px;min-height:60px}.folder-preview>div{display:flex;gap:10px;align-items:center;padding:9px 12px;font-size:11px;border-bottom:1px solid var(--line)}.folder-preview>div:last-child{border:0}.folder-preview svg{color:var(--folder-color)}.folder-preview small{margin-left:auto;color:var(--muted-strong);white-space:nowrap}.contents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-card{padding:21px;border:1px solid var(--line-strong);background:var(--surface);border-radius:13px;min-width:0;display:flex;flex-direction:column;gap:15px;transition:border-color .16s}.content-card:hover{border-color:var(--primary)}.content-card h3{margin:0;font-size:16px;letter-spacing:-.2px}.content-card .content-title{display:flex;gap:11px;align-items:center}.content-card .content-title>svg{color:var(--primary)}.content-card .content-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted-strong)}.content-card .content-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:auto;font-size:12px;font-weight:650;color:var(--primary)}.mini-table{border:1px solid var(--line);border-radius:7px;overflow:hidden;font-size:10px}.mini-table-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:1px solid var(--line)}.mini-table-row:first-child{border:0;background:var(--surface-2);font-weight:700}.mini-table-row span{padding:7px 9px;border-left:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-table-row span:first-child{border-left:0}.workspace-table .data-table td{max-width:340px;overflow-wrap:anywhere}.workspace-table .data-table th{min-width:120px}.workspace-table .data-table td:last-child{white-space:nowrap}.workspace-table-head{padding:22px}.workspace-table-head h3{font-size:20px}.workspace-table-head .record-actions{justify-content:flex-end}.item-back{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted-strong);margin-bottom:17px}.item-back:hover{color:var(--primary)}.work-list{padding:0;overflow:hidden}.work-list .surface-head{align-items:flex-start}.work-list h3{font-size:18px;margin:0 0 5px}.work-list .todo-progress{margin:0;height:4px;border-radius:0}.work-list .todo-task{padding:17px 22px;gap:15px}.work-list .todo-task:last-child{border:0}.work-list .todo-task strong{font-size:13px;font-weight:650}.work-list .todo-task small{font-size:11px;color:var(--muted-strong)}.work-list .todo-task label{align-items:center}.work-list .todo-task.completed{background:var(--surface-2)}.work-list .todo-task input{margin:0}.todo-row-actions{display:flex;align-items:center;gap:12px}.todo-row-actions button{font-size:11px}.completion-label{color:var(--accent-teal);font-size:11px;font-weight:750}.project-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);border-radius:11px;overflow:hidden;margin:18px 0}.project-summary>div{padding:17px;background:var(--surface-2)}.project-summary strong,.project-summary small{display:block}.project-summary strong{font-size:15px}.project-summary small{font-size:11px;color:var(--muted-strong);margin-bottom:6px}.project-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.project-check{padding:14px 0}.project-check label{display:flex;align-items:center;gap:10px;font-size:13px}.project-check:has(input:checked) label{color:var(--muted-strong);text-decoration:line-through}.project-card{margin-top:0}.project-card h2{font-size:23px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.calendar-grid{gap:6px}.calendar-day{min-height:88px;padding:9px;border-radius:8px;background:var(--surface)}.calendar-day.is-today{border-color:var(--primary);box-shadow:inset 0 3px var(--primary);background:var(--primary-soft)}.calendar-day strong{font-size:12px}.calendar-day span{font-size:10px;line-height:1.5;background:var(--tone-teal);color:var(--accent-teal)}.calendar-top{justify-content:space-between;margin:10px 0 20px}.calendar-top strong{font-size:17px}.calendar-grid>b{font-size:10px;text-transform:uppercase;letter-spacing:1px}.agenda-item{border-bottom:1px solid var(--line);padding:15px 0}.agenda-item small{display:block;font-size:10px;color:var(--accent-teal);font-weight:750;margin-bottom:5px}.agenda-item strong{font-size:12px;display:block;margin-bottom:10px}.agenda-item .record-actions{gap:12px}.agenda-item button{font-size:10px}.workspace-feed{max-width:none;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.blog-post{border:1px solid var(--line-strong);padding:25px!important;border-radius:14px}.blog-post h3{font-size:19px;margin:20px 0 12px}.blog-post>p{font-size:13px;line-height:1.85}.post-author{display:flex;align-items:center;gap:10px}.post-author .avatar{width:33px;height:33px;font-size:10px}.post-author strong,.post-author small{display:block}.post-author strong{font-size:12px;color:var(--text-strong)}.post-author small{font-size:10px;margin-top:2px}.blog-comments{background:var(--surface-2);padding:9px 15px;border:1px solid var(--line);border-radius:9px;margin:18px 0}.post-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-meta{align-items:center;flex-wrap:wrap}.workspace-members{gap:10px}.workspace-members span{font-size:12px}
/* CRM inbox and the seven separate work steps of a case. */
.request-inbox .request-list{display:block;max-height:none;padding:0;overflow:visible}.request-list-panel{position:static;overflow:hidden}.case-list-head,.case-list-row{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(130px,1fr) minmax(140px,1fr) 32px;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.case-list-head{padding-top:12px;padding-bottom:12px;background:var(--surface-2);font-size:10px;letter-spacing:.7px;font-weight:750;text-transform:uppercase;color:var(--muted-strong)}.case-list-row:hover{background:var(--primary-soft)}.case-list-row .case-main{display:flex;align-items:center;gap:13px;min-width:0}.case-main>span{display:flex;flex-direction:column;gap:5px;min-width:0}.case-main strong{font-size:13px}.case-main small{color:var(--muted-strong);font-size:11px}.case-type-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:16px}.case-type-icon.is-teal{background:var(--tone-teal);color:var(--accent-teal)}.case-type-icon.is-amber{background:var(--tone-amber);color:var(--accent-amber)}.case-cell small{display:block;font-size:11px;color:var(--muted-strong);margin-top:5px}.case-list-row>svg{color:var(--muted)}.request-detail{max-width:none}.request-case-header{border:1px solid var(--line-strong);padding:22px 25px!important;box-shadow:inset 4px 0 var(--primary)}.case-header-line{display:flex;align-items:center;gap:18px}.case-header-line>div:nth-child(2){min-width:0;flex:1}.request-case-header h2{font-size:22px;margin:8px 0;letter-spacing:-.5px}.request-case-header .case-type-icon{width:50px;height:50px;font-size:23px}.case-header-label{font-size:10px;letter-spacing:1px;font-weight:750;color:var(--muted-strong)}.case-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.case-step-title{display:flex;gap:14px;align-items:center;margin-bottom:21px}.case-step-title>span{background:var(--primary-soft);color:var(--primary);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-weight:750;font-size:12px}.case-step-title h2{font-size:18px;margin:0 0 4px}.case-step-title p{font-size:12px;margin:0;color:var(--muted-strong)}.case-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}.case-grid>.panel{margin:0}.participant-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.participant-card{padding:18px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);min-width:0}.participant-card>small{display:block;color:var(--muted-strong);font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:9px}.participant-card h3{margin:0 0 6px;font-size:15px}.participant-card p{font-size:12px;color:var(--muted-strong);overflow-wrap:anywhere;margin:0 0 5px}.participant-card code{font-size:10px;overflow-wrap:anywhere}.connection-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 22px;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;padding:0;list-style:none}.connection-steps li{padding:16px;background:var(--surface);border-right:1px solid var(--line);display:flex;gap:10px;align-items:center;font-size:12px}.connection-steps li:last-child{border:0}.connection-steps span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--surface-2);color:var(--muted-strong);font-size:11px;flex:none}.connection-steps .is-complete span{background:var(--tone-teal);color:var(--accent-teal)}.connection-steps [aria-current=step]{background:var(--primary-soft)}.connection-steps [aria-current=step] span{background:var(--primary);color:var(--surface)}.check-row.case-check{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.case-check>span{display:flex;flex-direction:column;gap:3px;min-width:0}.case-check small{color:var(--muted-strong);font-size:11px;line-height:1.5}.case-check input{margin:0}.case-helper{padding:13px 16px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted-strong);font-size:12px;line-height:1.7;margin:16px 0}.case-helper.is-success{background:var(--tone-teal);color:var(--accent-teal)}.case-helper.is-warning{background:var(--tone-amber);color:var(--accent-amber)}.message-preview{padding:20px;border:1px solid var(--line-strong);background:var(--surface-2);border-radius:10px}.message-preview>small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted-strong);margin-bottom:14px}.message-preview p{white-space:pre-wrap;font-size:13px;line-height:1.8}.case-channel{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.case-channel>span{flex:1;min-width:0}.case-channel strong{font-size:13px}.case-channel small{display:block;color:var(--muted-strong);font-size:11px;margin-top:4px}.case-message{padding:17px}.case-message p{font-size:13px;line-height:1.8}.case-message.from-staff{margin-left:22px;border-color:var(--line-strong);background:var(--primary-soft)}.case-message>span{font-weight:650}.case-history{margin:0}.timeline-row{position:relative;border-left:1px solid var(--line-strong);padding:4px 0 22px 23px;margin:0 0 0 6px}.timeline-row:before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;background:var(--primary);border:2px solid var(--surface);border-radius:50%}.timeline-row strong{font-size:13px}.timeline-row small{font-size:11px;line-height:1.8}.case-draft{background:var(--surface-2)}.case-draft strong{font-size:13px}.case-draft small{line-height:1.6}.detail-list>div strong{overflow-wrap:anywhere}.case-note{font-size:12px;color:var(--muted-strong)}.case-document{display:flex;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.case-document>div{flex:1;min-width:0}.case-document strong{display:block;font-size:13px}.case-document small{font-size:11px;color:var(--muted-strong)}.case-document svg{color:var(--primary)}.case-tabs{margin:0}.case-tabs a{font-size:12px;padding:11px}.case-decision-summary{display:grid;gap:13px;padding:19px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.case-decision-summary>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.case-decision-summary strong{font-size:13px}
/* Ticket overview and focused settings, with a shared visual hierarchy. */
.ticket-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.ticket-overview-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:13px;padding:21px}.ticket-overview-card>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted-strong);font-size:12px}.ticket-overview-card>strong{display:block;font-size:32px;margin:13px 0 5px;line-height:1.2;letter-spacing:-1px}.ticket-overview-card small{font-size:11px;color:var(--muted-strong)}.ticket-overview-card:hover{border-color:var(--primary)}.ticket-setting-note{font-size:12px;color:var(--muted-strong);max-width:750px;line-height:1.7}.ticket-identity{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ticket-identity h2{margin:8px 0 15px;font-size:23px;letter-spacing:-.5px}.ticket-identity .chip{margin-right:6px}.ticket-activity{display:grid;gap:0}.ticket-activity a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 21px;border-bottom:1px solid var(--line)}.ticket-activity a:last-child{border:0}.ticket-activity a:hover{background:var(--primary-soft)}.ticket-activity strong{display:block;font-size:13px;margin:0 0 5px}.ticket-activity small{font-size:11px;color:var(--muted-strong)}.ticket-description{white-space:pre-wrap;font-size:13px;line-height:1.85;color:var(--muted-strong);margin-top:20px}.app-dialog .dialog-top h2{max-width:520px}.workspace-dialog .dialog-top h2{font-size:20px}.module-form textarea{min-height:100px}
@media(min-width:1400px){.space-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.space-module-grid{gap:18px}.module-tile{padding:25px}.workspace-feed{max-width:1000px}}
@media(max-width:1150px){.space-overview,.calendar-layout{grid-template-columns:1fr}.space-sidebar{grid-template-columns:1fr 1fr}.calendar-layout>.panel:last-child{margin:0}.case-grid{grid-template-columns:1fr}.workspace-table-head{flex-wrap:wrap}.module-shortcuts{grid-template-columns:1fr 1fr}.connection-steps{grid-template-columns:1fr 1fr}.connection-steps li:nth-child(2){border-right:0}.connection-steps li:nth-child(-n+2){border-bottom:1px solid var(--line)}.case-list-head,.case-list-row{grid-template-columns:minmax(0,1.7fr) 135px 130px 16px;gap:12px}.case-list-row{padding:17px}}
@media(max-height:790px){.sidebar .brand-area{min-height:61px;padding-top:10px;padding-bottom:10px}.nav-browser-head{padding:0 3px 10px}.nav-group-switch{height:32px;margin-bottom:4px}.nav-submenu .nav-link{height:29px;padding-top:5px;padding-bottom:5px}.nav-section-label{padding-top:7px}.nav-context-link{min-height:32px;padding:8px 10px}}
@media(max-height:690px){.nav-submenu .nav-link{height:27px;margin:1px 0;font-size:11px}.nav-section-label{padding-top:5px;padding-bottom:2px;font-size:8px}.sidebar .brand-area{min-height:55px}.nav-browser-head>span{display:none}.nav-browser-head{padding-bottom:8px}.nav-group-switch{height:28px}.sidebar-bottom{padding:5px 13px}.sidebar-bottom .sidebar-user{padding:4px 3px}.nav-browsing .nav-group-switch{height:35px}}
@media(max-height:560px){.sidebar-bottom{display:none}.side-nav{padding-top:0}.nav-submenu .nav-link{height:24px;font-size:10px}.nav-section-label{padding:3px 10px 1px}.sidebar .brand-area{min-height:45px;padding-top:5px;padding-bottom:5px}.nav-browser-head button{padding:7px 9px}.nav-group-switch{height:26px;margin-bottom:1px}.nav-context-link{min-height:28px;padding-top:6px;padding-bottom:6px}.nav-browsing .nav-group-switch{height:32px}}
@media(max-width:850px){.side-nav{overflow:hidden!important}.area-banner{padding:22px}.workspace-titlebar{padding:22px}.workspace-cards,.space-directory{gap:15px}.page-actions{width:100%}.space-overview{gap:16px}.case-list-head,.case-list-row{grid-template-columns:minmax(0,1.7fr) 130px 140px 18px}.nav-submenu .nav-link{min-height:31px}.nav-context-link{min-height:37px}.has-context-nav #intranet-content .task-nav{display:flex;flex-wrap:wrap}}
@media(max-width:680px){.area-banner{align-items:stretch;flex-direction:column;gap:17px}.area-banner h2{font-size:20px}.banner-graphic{display:none}.workspace-cards,.space-directory,.contents-grid,.space-module-grid,.space-sidebar,.project-columns,.participant-grid{grid-template-columns:1fr}.workspace-titlebar{flex-direction:row;flex-wrap:wrap}.workspace-titlebar .record-actions{width:100%;justify-content:flex-start}.workspace-titlebar h2{font-size:21px}.space-symbol,.workspace-title-icon{width:38px;height:38px}.module-tile{padding:20px}.module-shortcuts{grid-template-columns:1fr 1fr}.case-list-head{display:none}.case-list-row{grid-template-columns:1fr auto;gap:12px;padding:18px}.case-list-row .case-main{grid-column:1/-1}.case-list-row>.case-cell:nth-child(3){text-align:right}.case-list-row>svg{display:none}.case-header-line{flex-wrap:wrap;gap:13px}.case-header-actions{width:100%;border-top:1px solid var(--line);padding-top:15px}.request-case-header h2{font-size:19px}.request-detail .panel.padded{padding:20px!important}.case-type-icon{width:35px;height:35px}.directory-search{max-width:none;flex:1;min-width:180px}.calendar-grid{gap:3px}.calendar-day{min-height:68px;padding:5px}.calendar-day span{font-size:9px;padding:2px}.calendar-top strong{font-size:15px;min-width:0}.calendar-grid>b{font-size:9px;letter-spacing:0}.project-summary{grid-template-columns:1fr}.project-summary>div{padding:13px 16px}.surface-head{padding:19px;flex-wrap:wrap}.work-list .todo-task{padding:16px 18px;flex-wrap:wrap}.todo-row-actions{padding-left:27px}.work-list .todo-task label{min-width:180px}.ticket-overview-grid{grid-template-columns:1fr 1fr}.ticket-identity{flex-wrap:wrap}.ticket-identity h2{font-size:20px}.team-card-cover{padding:13px 19px}.team-card-body,.space-folder-body{padding:19px}.team-card-footer,.space-folder-footer{padding:13px 19px}.connection-steps li{font-size:11px;padding:13px 11px;gap:7px}.case-message.from-staff{margin-left:10px}.post-meta>.chip{max-width:100%}.post-actions{flex-wrap:wrap}.workspace-table-head .record-actions{justify-content:flex-start}.workspace-table-head .btn{font-size:11px}}
@media(max-width:430px){.workspace-metrics{grid-template-columns:1fr 1fr}.workspace-metrics>div{padding:13px}.workspace-metrics strong{font-size:21px}.workspace-metrics span{font-size:10px}.module-shortcuts{grid-template-columns:1fr}.team-card-stats strong{font-size:17px}.team-card-stats>span{font-size:10px}.ticket-overview-card{padding:16px}.ticket-overview-card>strong{font-size:27px}.workspace-titlebar{padding:18px;gap:13px}.workspace-titlebar .title-copy{flex-basis:calc(100% - 55px)}.calendar-day{min-height:54px}.case-header-line>.case-type-icon{display:none}.request-case-header{padding:18px!important}.connection-steps li{font-size:10px}.module-tile{gap:12px}.directory-bar{align-items:stretch}.directory-search{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.module-tile:hover{transform:none}}
/* Short windows use two columns for long destination lists, without a nav scrollbar. */
@media(max-height:710px){
 .sidebar .brand-area{min-height:51px;padding-top:8px;padding-bottom:8px}
 .nav-browser-head{padding:2px 3px 7px}.nav-browser-head>span{display:none}.nav-browser-head button{padding:8px 10px}
 .side-nav .nav-main-links:has(>a:nth-of-type(10)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
 .side-nav .nav-main-links:has(>a:nth-of-type(10)) .nav-link{height:auto;min-height:36px;line-height:1.3;padding:6px 8px;margin:0;font-size:11px;align-items:center}
 .side-nav .nav-main-links:has(>a:nth-of-type(10)) .nav-item-icon{display:none}
 .side-nav .nav-main-links:has(>a:nth-of-type(10)) .nav-section-label{grid-column:1/-1;padding:5px 8px 2px;font-size:8px;line-height:1.4}
 .side-nav .nav-group-switch{height:29px;margin-bottom:6px}
 .sidebar-bottom{padding-top:4px;padding-bottom:4px}
}
@media(max-height:600px){.sidebar-bottom{display:none}.side-nav .nav-main-links:has(>a:nth-of-type(10)) .nav-link{min-height:33px;padding-top:5px;padding-bottom:5px}.nav-browsing .nav-group-switch{height:31px;margin:2px 0}}

/* 2.4.1: footer belongs to the content column on every viewport. */
.main-area{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:75px minmax(min-content,1fr) auto;grid-template-areas:"topbar" "content" "footer";min-width:0;min-height:100dvh}
.main-area>.topbar{grid-area:topbar}.main-area>.main-content{grid-area:content;min-width:0;width:100%;margin:0 auto}.main-area>.main-footer{grid-area:footer;align-self:end;position:static;float:none;clear:both;width:100%;min-width:0;margin:0}
.main-footer .footer-dot{display:inline}
@media(max-width:850px){.main-area{grid-template-rows:65px minmax(min-content,1fr) auto}}

.legal-editor-form{min-width:0;grid-template-columns:minmax(0,1fr)}.legal-editor-form>*,.legal-editor-form textarea{min-width:0;max-width:100%}
@media(max-width:680px){.legal-sticky-actions>div{flex-wrap:wrap}.legal-sticky-actions .btn{flex:1;white-space:normal}}

/* Source: partners.css */
.partner-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.partner-preview-body{padding:24px;min-width:0}.partner-preview-details{display:grid;grid-template-columns:minmax(130px,1fr) 3fr;gap:13px 22px;margin:0 0 24px}.partner-preview-details dt{font-size:13px;color:var(--muted,#6b7280)}.partner-preview-details dd{margin:0;overflow-wrap:anywhere;line-height:1.6}.partner-preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.partner-preview-doc{display:grid;gap:9px;padding:20px 0;border-bottom:1px solid var(--line,#e7e9ee)}.partner-preview-doc small{color:var(--muted,#6b7280)}.partner-preview-doc .btn{justify-self:start}.partner-preview-steps{line-height:1.8;padding-left:22px}.partner-preview-body details{padding:16px;margin:22px 0;border:1px solid var(--line,#e7e9ee);border-radius:12px}.partner-preview-body summary{cursor:pointer;font-weight:600}.partner-preview-body .btn{white-space:normal}.data-table [data-partner-row] small{display:block;margin-top:5px;font-size:12px;color:var(--muted,#6b7280)}@media(max-width:850px){.partner-preview-grid{grid-template-columns:1fr}.partner-preview-details{grid-template-columns:1fr;gap:5px}.partner-preview-details dd{margin-bottom:12px}.partner-preview-body{padding:18px}}

.partner-preview-body .notice+h3{margin-top:22px}

/* Source: internal-operations.css */
.internal-body{padding:24px}.internal-body>p{max-width:82ch;line-height:1.65}.internal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.internal-actions a{text-decoration:none}.internal-details{display:grid;grid-template-columns:minmax(140px,1fr) 3fr;gap:14px 24px;margin:0 0 26px}.internal-details dt{color:var(--muted);font-size:13px}.internal-details dd{margin:0;overflow-wrap:anywhere}.internal-details small,.internal-document small,.internal-detail-head p,.internal-metrics small,.internal-examples span{display:block;color:var(--muted);margin-top:6px}.internal-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin:8px 0 24px}.internal-detail-head h2{margin:10px 0;font-size:26px}.internal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.internal-metrics .panel{padding:22px;text-decoration:none;color:inherit}.internal-metrics strong{display:block;font-size:32px;margin:10px 0}.internal-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.internal-examples a{display:block;padding:20px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit}.internal-form fieldset{border:0;padding:0;margin:0 0 30px}.internal-form legend{font-size:17px;font-weight:700;padding:0;margin-bottom:20px}.internal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.internal-form label,.internal-message-input{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.internal-span{grid-column:1/-1}.internal-form input,.internal-form select,.internal-form textarea,.internal-message-input textarea,.internal-filter select,.database-controls select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:var(--surface);color:var(--text);font:inherit;box-sizing:border-box}.internal-form textarea,.internal-message-input textarea{resize:vertical}.internal-form small{font-weight:400;color:var(--muted)}.internal-callout{padding:17px 20px;background:var(--surface-2);border-left:3px solid var(--primary);border-radius:8px;margin:22px 0;line-height:1.6}.internal-callout p{margin:6px 0 0}.internal-filter{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:13px}.internal-filter select{min-width:160px}.internal-timeline{list-style:none;padding:0;margin:0}.internal-timeline li{border-left:2px solid var(--line);padding:0 0 24px 22px;line-height:1.6}.internal-timeline li:last-child{padding-bottom:0}.internal-timeline span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.internal-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 0 28px}.internal-stages li{border:1px solid var(--line);border-radius:10px;padding:13px;font-size:13px;display:flex;align-items:center;gap:10px}.internal-stages li>span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--surface-2)}.internal-stages .is-current{border-color:var(--primary);font-weight:700}.internal-stages .is-done{color:var(--muted)}.internal-message{padding:18px;background:var(--surface-2);border-radius:10px;line-height:1.65}.internal-message small{font-weight:400;color:var(--muted)}.internal-document{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:20px}.internal-document>div:nth-child(2){flex:1;min-width:180px}.internal-document p{font-size:13px;line-height:1.6}.database-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.database-source{padding:24px;border:1px solid var(--line);border-radius:12px}.database-source.is-active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.database-source h3{display:flex;justify-content:space-between;align-items:center;gap:10px}.database-source dl{margin:22px 0 0}.database-controls{max-width:760px}.database-controls>label{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-weight:600;font-size:14px}.database-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);padding:18px;border-radius:12px;margin-bottom:22px}.database-switch-row p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:0}.database-switch{position:relative;display:inline-flex;flex:none;align-items:center;width:50px;height:28px}.database-switch input{width:100%;height:100%;margin:0;opacity:0;cursor:pointer;position:absolute;z-index:1}.database-switch span{width:50px;height:28px;background:var(--line);border-radius:20px;transition:background .15s}.database-switch span:after{content:'';display:block;width:20px;height:20px;border-radius:50%;background:white;margin:4px;transition:transform .15s}.database-switch input:checked+span{background:var(--primary)}.database-switch input:checked+span:after{transform:translateX(22px)}.database-switch input:focus-visible+span{outline:3px solid var(--primary);outline-offset:3px}.database-scenarios{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.database-scenarios a{font-size:13px;padding:8px 12px;border:1px solid var(--line);border-radius:20px;text-decoration:none;color:inherit}.database-scenarios a[aria-current]{background:var(--surface-2);border-color:var(--primary)}.internal-preview-summary{display:grid;grid-template-columns:1fr 2fr;gap:12px;font-size:14px;line-height:1.5}.internal-preview-summary dt{color:var(--muted)}.internal-preview-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.internal-preview-note{padding:14px;border-radius:8px;background:var(--surface-2);margin:20px 0;line-height:1.6}
@media(max-width:1000px){.database-layout{grid-template-columns:1fr}.internal-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.internal-body{padding:18px}.internal-form-grid,.internal-examples,.internal-metrics{grid-template-columns:1fr}.internal-details{grid-template-columns:1fr;gap:6px}.internal-details dd{margin-bottom:12px}.internal-detail-head{flex-direction:column}.internal-detail-head h2{font-size:22px}.internal-stages{grid-template-columns:1fr 1fr}.internal-stages li{font-size:12px;padding:10px}.internal-filter{width:100%}.internal-filter select{flex:1}.internal-preview-summary{grid-template-columns:1fr;gap:5px}.internal-preview-summary dd{margin-bottom:12px}.database-source{padding:16px}.database-switch-row{padding:14px}}

.manual-failsafe-danger{border:2px solid #d53543!important;background:color-mix(in srgb,#d53543 6%,var(--surface));margin-bottom:24px}.manual-failsafe-danger h2,.manual-failsafe-danger .module-label{color:#cf3040}.manual-failsafe-danger .database-switch-row{margin:22px 0 0;border-color:#d5354340}.manual-failsafe-danger small{display:block;margin-top:8px;color:var(--muted-strong)}.manual-failsafe-danger .database-switch input:checked+span{background:#d53543}

/* Source: form-pages.css */
.template-form-page{display:block!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:1100px!important;max-height:none!important;margin:0!important;border:1px solid var(--line,#dce3ee)!important;border-radius:16px!important;box-shadow:none!important;background:var(--surface,#fff)!important;color:var(--text,#172235)!important;padding:24px!important;z-index:auto!important;overflow:visible!important}.template-form-page::backdrop{display:none!important}.template-form-page .dialog-top,.template-form-page .modal-head{padding:0 0 20px;border:0}.template-form-back{display:inline-block;margin:0 0 22px;color:var(--primary,#3b60de);font-size:13px}.template-form-active [hidden]{display:none!important}.template-form-page [data-action=close-dialog],.template-form-page [data-close-module],.template-form-page [data-modal-close]{cursor:pointer}.template-form-page .dialog-content-inner{padding:0}.template-form-page form{max-width:100%}.template-form-page .dialog-actions{position:static!important}@media(max-width:640px){.template-form-page{padding:18px!important;border-radius:12px!important}.template-form-page .form-row,.template-form-page .form-grid{grid-template-columns:1fr!important}}