/* Sicherstellen, dass [hidden] immer greift – auch wenn display in Author-CSS gesetzt ist */
[hidden] { display: none !important; }

.key-rotation-panel>header:nth-of-type(2),.key-rotation-panel>.settings-empty-reserved{display:none}.key-rotation-readiness{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;border:1px solid #dfe5ee;border-radius:14px;background:#f8fafc}.key-rotation-readiness>span{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:11px;background:#eef2f7;color:#64748b}.key-rotation-readiness strong,.key-rotation-readiness small{display:block}.key-rotation-readiness strong{color:#26344b;font-size:12px}.key-rotation-readiness small{margin-top:3px;color:#75839a;font-size:9px;line-height:1.5}.key-rotation-readiness.ready{border-color:#bfe6d7;background:#f1fbf7}.key-rotation-readiness.ready>span{background:#dcf5ea;color:#168263}.key-rotation-readiness.blocked{border-color:#f3c7ce;background:#fff6f7}.key-rotation-readiness.blocked>span{background:#fde7ea;color:#bd334a}.key-rotation-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:16px}.key-rotation-card,.key-rotation-progress{padding:20px;border:1px solid #e0e5ed;border-radius:16px;background:#fff}.key-rotation-card{display:flex;flex-direction:column;gap:17px}.key-rotation-card-head{display:flex;align-items:flex-start;gap:12px}.key-rotation-card-head>span{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:12px;background:#eeefff;color:#5b5fc7}.key-rotation-card-head small,.key-rotation-card-head h4{display:block}.key-rotation-card-head small,.key-rotation-progress-head small{color:#696fd0;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.key-rotation-card-head h4{margin:4px 0;color:#293750;font-size:14px}.key-rotation-card-head p{margin:0;color:#778499;font-size:9px;line-height:1.6}.key-rotation-start{justify-content:center;width:100%}.key-rotation-warning{display:flex;align-items:flex-start;gap:7px;margin:0;padding:10px 11px;border-radius:10px;background:#fff8e8;color:#8b681d;font-size:8px;line-height:1.55}.key-rotation-warning i{margin-top:2px}.key-rotation-progress-head{display:flex;align-items:end;justify-content:space-between}.key-rotation-progress-head strong{display:block;margin-top:4px;color:#2d3b52;font-size:12px}.key-rotation-progress-head b{color:#5d63ca;font-size:15px}.key-rotation-progress-track{height:7px;margin:12px 0 16px;overflow:hidden;border-radius:999px;background:#edf0f5}.key-rotation-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6468da,#4cae93);transition:width .35s ease}.key-rotation-progress ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.key-rotation-progress li{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e8ebf0;border-radius:11px;color:#8994a5;transition:.25s ease}.key-rotation-progress li>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#f2f4f7}.key-rotation-progress li strong,.key-rotation-progress li small{display:block}.key-rotation-progress li strong{color:#637086;font-size:9px}.key-rotation-progress li small{margin-top:2px;font-size:7px}.key-rotation-progress li>i{opacity:0;color:#198265}.key-rotation-progress li.active{border-color:#bcc2f3;background:#f8f8ff;color:#5d63ca;box-shadow:0 5px 18px rgba(84,89,185,.08)}.key-rotation-progress li.active>span{background:#e9eaff;color:#565bc5;animation:key-rotation-pulse 1.15s infinite}.key-rotation-progress li.complete{border-color:#c8e7db;background:#f5fcf9}.key-rotation-progress li.complete>span{background:#dff4eb;color:#168263}.key-rotation-progress li.complete>i{opacity:1}.key-rotation-progress li.failed{border-color:#f1bdc6;background:#fff6f7}.key-rotation-progress li.failed>span{background:#fde6ea;color:#bd334a}.key-rotation-result{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:12px;border-radius:11px;font-size:9px}.key-rotation-result.success{background:#edf9f4;color:#176d57}.key-rotation-result.error{background:#fff0f2;color:#a8283d}.key-rotation-result>i{margin-top:2px;font-size:14px}.key-rotation-result strong{display:block}.key-rotation-result p{margin:3px 0 0;line-height:1.5}.key-rotation-result code{font-size:8px}@keyframes key-rotation-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 5px rgba(91,95,199,.09)}}@media(max-width:900px){.key-rotation-layout{grid-template-columns:1fr}}

/* Verfeinerte Darstellung der Anwendungsschluessel-Rotation */
.key-rotation-panel{overflow:hidden;background:linear-gradient(180deg,#fff 0,#fbfcff 100%)}.key-rotation-panel>.settings-workspace-heading:first-child{padding-bottom:22px}.key-rotation-panel>.settings-workspace-heading:first-child h3{font-size:22px;letter-spacing:-.025em}.key-rotation-panel>.settings-workspace-heading:first-child p{max-width:720px;font-size:11px;line-height:1.6}.key-rotation-readiness{margin:0 0 20px;padding:15px 18px;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(25,130,99,.22)}.key-rotation-readiness>span{width:42px;height:42px;border-radius:13px;font-size:15px}.key-rotation-readiness strong{font-size:12px}.key-rotation-readiness small{font-size:9px}.key-rotation-layout{grid-template-columns:minmax(380px,.86fr) minmax(470px,1.14fr);gap:20px}.key-rotation-card,.key-rotation-progress{padding:25px;border-color:#dfe4ee;border-radius:19px;box-shadow:0 10px 30px rgba(30,43,75,.055)}.key-rotation-card{gap:20px;background:linear-gradient(145deg,#fff 0,#fbfbff 100%)}.key-rotation-card-head{gap:14px}.key-rotation-card-head>span{width:46px;height:46px;border-radius:14px;font-size:16px;box-shadow:inset 0 0 0 1px rgba(91,95,199,.08)}.key-rotation-card-head small,.key-rotation-progress-head small{font-size:9px}.key-rotation-card-head h4{margin:5px 0 4px;font-size:15px}.key-rotation-card-head p{font-size:10px;line-height:1.65}.key-rotation-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.key-rotation-scope article{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid #e5e8f1;border-radius:12px;background:rgba(255,255,255,.8)}.key-rotation-scope article>span{display:grid;width:31px;height:31px;flex:none;place-items:center;border-radius:9px;background:#f0f1ff;color:#6267cf;font-size:11px}.key-rotation-scope b,.key-rotation-scope small{display:block}.key-rotation-scope b{color:#26344c;font-size:13px}.key-rotation-scope small{overflow:hidden;margin-top:1px;color:#7a879a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.key-rotation-card .form-label{margin-bottom:7px;color:#344158;font-size:10px;font-weight:750}.key-rotation-card .form-control{height:49px;border-color:#d8deea;border-radius:12px;background:#fff;font-size:12px}.key-rotation-card .form-control:focus{border-color:#8589e8;box-shadow:0 0 0 4px rgba(92,96,207,.1)}.key-rotation-start{min-height:48px;border-radius:12px;font-size:11px;box-shadow:0 9px 22px rgba(77,70,229,.2)}.key-rotation-warning{gap:9px;padding:12px 13px;border:1px solid #f4e4b9;border-radius:12px;font-size:9px}.key-rotation-progress{background:linear-gradient(180deg,#fff,#fcfdff)}.key-rotation-progress-head strong{margin-top:5px;font-size:14px}.key-rotation-progress-head b{font-size:20px;letter-spacing:-.03em}.key-rotation-progress-track{height:8px;margin:14px 0 19px}.key-rotation-progress ol{gap:9px}.key-rotation-progress li{grid-template-columns:40px minmax(0,1fr) 24px;gap:12px;min-height:58px;padding:9px 12px;border:0;border-radius:13px;background:#f7f8fb;box-shadow:inset 0 0 0 1px #e6e9f0}.key-rotation-progress li>span{width:38px;height:38px;border-radius:11px;font-size:13px}.key-rotation-progress li strong{font-size:10px}.key-rotation-progress li small{margin-top:3px;font-size:8px;line-height:1.35}.key-rotation-progress li>i{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#dff4eb;font-size:8px}.key-rotation-progress li.active{transform:translateX(3px);background:#f4f4ff;box-shadow:inset 0 0 0 1px #b9bdf1,0 8px 20px rgba(84,89,185,.09)}.key-rotation-progress li.complete{background:#f2fbf7;box-shadow:inset 0 0 0 1px #c5e5d8}.key-rotation-result{padding:14px;border-radius:13px;font-size:10px}@media(max-width:1080px){.key-rotation-layout{grid-template-columns:1fr}.key-rotation-scope{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:680px){.key-rotation-card,.key-rotation-progress{padding:18px}.key-rotation-scope{grid-template-columns:repeat(2,minmax(0,1fr))}.key-rotation-panel>.settings-workspace-heading:first-child h3{font-size:19px}}

/* Konsistentes 8-Pixel-Raster und lesbare Typografie */
.key-rotation-panel>.settings-workspace-heading:first-child{padding:24px 28px 21px}.key-rotation-panel>.settings-workspace-heading:first-child h3{margin-top:7px;font-size:23px;line-height:1.18}.key-rotation-panel>.settings-workspace-heading:first-child p{margin-top:6px;font-size:12px;line-height:1.55}.key-rotation-panel>.key-rotation-readiness{margin:0 24px 18px;padding:13px 16px;min-height:58px}.key-rotation-readiness>span{width:38px;height:38px;border-radius:11px;font-size:14px}.key-rotation-readiness strong{font-size:13px;line-height:1.3}.key-rotation-readiness small{margin-top:3px;font-size:10px;line-height:1.45}.key-rotation-panel>.key-rotation-layout{margin:0 24px 24px;gap:18px}.key-rotation-card,.key-rotation-progress{padding:24px}.key-rotation-card{gap:18px}.key-rotation-card-head{gap:13px}.key-rotation-card-head>span{width:44px;height:44px}.key-rotation-card-head small,.key-rotation-progress-head small{font-size:9px;line-height:1.3}.key-rotation-card-head h4{margin:5px 0;font-size:16px;line-height:1.3}.key-rotation-card-head p{max-width:470px;font-size:11px;line-height:1.55}.key-rotation-scope{gap:8px}.key-rotation-scope article{min-height:55px;padding:10px 12px}.key-rotation-scope b{font-size:15px;line-height:1.1}.key-rotation-scope small{margin-top:3px;font-size:9px}.key-rotation-card .form-label{margin-bottom:8px;font-size:11px;line-height:1.35}.key-rotation-card .form-control{height:50px;padding-right:14px;padding-left:14px;font-size:13px}.key-rotation-start{min-height:49px;font-size:12px}.key-rotation-warning{padding:12px 14px;font-size:10px;line-height:1.5}.key-rotation-progress-head strong{font-size:15px;line-height:1.3}.key-rotation-progress-head b{font-size:21px}.key-rotation-progress-track{margin:13px 0 17px}.key-rotation-progress ol{gap:8px}.key-rotation-progress li{grid-template-columns:40px minmax(0,1fr) 24px;min-height:60px;padding:10px 13px}.key-rotation-progress li strong{font-size:11px;line-height:1.3}.key-rotation-progress li small{margin-top:3px;font-size:9px;line-height:1.35}.key-rotation-result{font-size:11px;line-height:1.5}@media(max-width:1080px){.key-rotation-panel>.key-rotation-layout{grid-template-columns:1fr}.key-rotation-panel>.key-rotation-readiness,.key-rotation-panel>.key-rotation-layout{margin-right:18px;margin-left:18px}}@media(max-width:680px){.key-rotation-panel>.settings-workspace-heading:first-child{padding:20px 18px}.key-rotation-panel>.key-rotation-readiness,.key-rotation-panel>.key-rotation-layout{margin-right:12px;margin-left:12px}.key-rotation-card,.key-rotation-progress{padding:17px}.key-rotation-panel>.settings-workspace-heading:first-child h3{font-size:20px}.key-rotation-panel>.settings-workspace-heading:first-child p{font-size:11px}}

:root {
  --ink: #0b1220;
  --ink-soft: #344054;
  --muted: #667085;
  --line: #e7eaf0;
  --line-strong: #d8dde7;
  --surface: #ffffff;
  --surface-soft: #f7f8fb;
  --canvas: #f2f4f8;
  --navy: #07111f;
  --navy-soft: #101d30;
  --blue: #4f46e5;
  --blue-dark: #4338ca;
  --cyan: #0ea5c6;
  --violet: #7c5ce7;
  --green: #17845a;
  --orange: #d56b1d;
  --red: #cf3a4f;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.035), 0 10px 28px rgba(15, 23, 42, 0.045);
  --shadow-md: 0 20px 55px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 30px 90px rgba(7, 17, 31, 0.22);
}

* {
  box-sizing: border-box;
}

html {
  background: var(--canvas);
  color: var(--ink);
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 82% 4%, rgba(49, 87, 232, 0.07), transparent 28rem),
    var(--canvas);
  color: var(--ink);
  font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(49, 87, 232, 0.2);
  outline-offset: 2px;
}

.app-shell {
  min-height: 100vh;
}

.toast-container {
  position: fixed;
  z-index: 200;
  top: 22px;
  right: 22px;
  display: grid;
  width: min(390px, calc(100vw - 32px));
  gap: 12px;
  pointer-events: none;
}

.toast {
  --toast-accent: var(--blue);
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 30px;
  gap: 12px;
  align-items: start;
  overflow: hidden;
  padding: 15px 14px;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 50px rgba(7, 17, 31, 0.18);
  pointer-events: auto;
  animation: toast-enter 240ms ease-out both;
  backdrop-filter: blur(14px);
}

.toast::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--toast-accent);
  content: "";
  transform-origin: left;
  animation: toast-progress var(--toast-duration, 5000ms) linear both;
}

.toast-success { --toast-accent: var(--green); }
.toast-error { --toast-accent: var(--red); }
.toast-warning { --toast-accent: var(--orange); }
.toast-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: color-mix(in srgb, var(--toast-accent) 12%, white); color: var(--toast-accent); font-size: 14px; }
.toast-content { min-width: 0; padding-top: 1px; }
.toast-content strong { display: block; color: var(--ink); font-size: 14px; line-height: 1.35; }
.toast-content p { margin: 4px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.toast-close { display: grid; width: 30px; height: 30px; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; }
.toast-close:hover { background: var(--surface-soft); color: var(--ink); }
.toast-leaving { animation: toast-leave 200ms ease-in both; }
.toast-leaving::after { animation-play-state: paused; }

@keyframes toast-enter { from { opacity: 0; transform: translate3d(24px, -8px, 0) scale(.98); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
@keyframes toast-leave { to { opacity: 0; transform: translate3d(18px, 0, 0) scale(.98); } }
@keyframes toast-progress { to { transform: scaleX(0); } }

.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  display: flex;
  width: 288px;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 22px 22px;
  background:
    radial-gradient(circle at 10% 0%, rgba(82, 113, 255, 0.22), transparent 21rem),
    linear-gradient(180deg, #0b1728 0%, #07111f 68%, #050c16 100%);
  color: #fff;
}

.sidebar::after {
  position: absolute;
  right: -90px;
  bottom: 70px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(255, 255, 255, 0.018), 0 0 0 70px rgba(255, 255, 255, 0.012);
  content: "";
}

.brand {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 2px 6px 30px;
}

.brand-mark {
  display: grid;
  width: 45px;
  height: 45px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 15px;
  background: linear-gradient(145deg, #5a78ff, #3157e8 55%, #2240b7);
  box-shadow: 0 12px 28px rgba(49, 87, 232, 0.38), inset 0 1px rgba(255, 255, 255, 0.25);
  font-size: 18px;
}

.brand-name {
  font-size: 17px;
  font-weight: 760;
  letter-spacing: -0.02em;
}

.brand-caption {
  margin-top: 3px;
  color: #8591a5;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.nav-label {
  margin: 12px 13px 8px;
  color: #66748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.nav-section:first-child .nav-label {
  margin-top: 4px;
}

.sidebar-nav {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  scrollbar-width: none;
}

.sidebar-nav::-webkit-scrollbar {
  display: none;
}

.nav-section {
  display: flex;
  flex-direction: column;
}

.nav-section + .nav-section {
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.primary-nav {
  display: grid;
  gap: 4px;
}

.nav-item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 13px 14px;
  background: transparent;
  color: #9ba8ba;
  cursor: pointer;
  font-size: 14px;
  font-weight: 650;
  text-align: left;
  transition: 180ms ease;
}

.nav-item:hover {
  background: rgba(255, 255, 255, 0.055);
  color: #fff;
  transform: translateX(2px);
}

.nav-item.active {
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(135deg, rgba(82, 113, 255, 0.24), rgba(82, 113, 255, 0.09));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
  color: #fff;
}

.nav-icon {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
  font-size: 13px;
}

.nav-item.active .nav-icon {
  background: #4868ef;
  box-shadow: 0 6px 16px rgba(49, 87, 232, 0.28);
}

.sidebar-bottom {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 7px;
  margin-top: auto;
}

.workspace-card {
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.04);
}

.workspace-status {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #8fa0b7;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #39d98a;
  box-shadow: 0 0 0 4px rgba(57, 217, 138, 0.1), 0 0 14px rgba(57, 217, 138, 0.7);
}

.workspace-name {
  margin-top: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.workspace-role {
  margin-top: 2px;
  color: #8591a5;
  font-size: 9px;
  font-weight: 650;
}

.logout-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  padding: 9px 12px;
  background: rgba(255, 255, 255, 0.035);
  color: #98a5b8;
  cursor: pointer;
  font-size: 11px;
  font-weight: 650;
  transition: 180ms ease;
}

.logout-button:hover {
  border-color: rgba(255, 105, 120, 0.18);
  background: rgba(207, 58, 79, 0.1);
  color: #ff9aa8;
}

.main-content {
  min-height: 100vh;
  margin-left: 288px;
  padding: 44px clamp(28px, 4vw, 64px) 64px;
}

.content-wrap {
  width: min(1540px, 100%);
  margin: 0 auto;
}

.mobile-bar {
  display: none;
}

.page-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 30px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
}
.page-header[hidden] { display:none; }

.eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.85;
}

.eyebrow::before {
  width: 22px;
  height: 2px;
  border-radius: 4px;
  background: var(--blue);
  content: "";
}

.page-title {
  margin: 0;
  color: #0a1322;
  font-size: clamp(21px, 2vw, 28px);
  font-weight: 760;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.page-subtitle {
  max-width: 600px;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid transparent;
  border-radius: 13px;
  padding: 0 17px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 720;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.button:hover {
  transform: translateY(-1px);
}

.button-primary {
  background: linear-gradient(160deg, #4a6df5, #2d51dc);
  box-shadow: 0 4px 14px rgba(49, 87, 232, 0.3), inset 0 1px rgba(255, 255, 255, 0.18);
  color: #fff;
}

.button-primary:hover {
  box-shadow: 0 8px 22px rgba(49, 87, 232, 0.38), inset 0 1px rgba(255, 255, 255, 0.18);
}

.button-dark {
  background: #101a2a;
  box-shadow: 0 9px 22px rgba(7, 17, 31, 0.15);
  color: #fff;
}

.button-secondary {
  border-color: var(--line);
  background: #fff;
  box-shadow: var(--shadow-sm);
  color: var(--ink-soft);
}

.button-secondary:hover {
  border-color: var(--line-strong);
  background: #fbfcfe;
}

.button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
}

.button-small {
  min-height: 37px;
  padding: 0 13px;
  border-radius: 11px;
  font-size: 11px;
}

.tab-view {
  display: none;
  animation: view-in 260ms ease both;
}

.tab-view.active {
  display: block;
}

@keyframes view-in {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 0;
}

.dashboard-section {
  margin-top: 32px;
}

#dashboard > .dashboard-section:first-child {
  margin-top: 0;
}

.dashboard-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
  padding-bottom: 13px;
  border-bottom: 1px solid #e3e8f0;
}

.dashboard-section-heading .panel-kicker {
  margin-bottom: 4px;
  color: #64748b;
}

.dashboard-section-heading .section-copy {
  margin-top: 4px;
  font-size: 11px;
}

.dashboard-module-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 0;
}

.dashboard-module-card {
  --module-color: #667085;
  --module-soft: #f2f4f7;
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid #e1e5ed;
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  color: inherit;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 2px 8px rgba(15,23,42,.025);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.dashboard-module-card:hover {
  border-color: color-mix(in srgb, var(--module-color) 28%, #dfe4ec);
  box-shadow: 0 12px 28px rgba(15,23,42,.07);
  transform: translateY(-2px);
}

.dashboard-module-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  background: var(--module-soft);
  color: var(--module-color);
  font-size: 14px;
}

.dashboard-module-card > span:nth-child(2) { display: grid; min-width: 0; gap: 4px; }
.dashboard-module-card strong { color: #273348; font-size: 12px; }
.dashboard-module-card small { overflow: hidden; color: #8791a2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-module-card > i { color: #b0b8c6; font-size: 9px; }
.dashboard-module-blue { --module-color:#3157e8; --module-soft:#edf1ff; }
.dashboard-module-red { --module-color:#cf3a4f; --module-soft:#fff0f2; }
.dashboard-module-orange { --module-color:#d56b1d; --module-soft:#fff2e7; }
.dashboard-module-green { --module-color:#17845a; --module-soft:#eaf8f2; }
.dashboard-module-violet { --module-color:#7158c7; --module-soft:#f1edff; }
.dashboard-module-neutral { --module-color:#5b6678; --module-soft:#f1f3f6; }

@keyframes metric-in {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.metric-card {
  position: relative;
  min-height: 138px;
  overflow: hidden;
  border: 1px solid rgba(218, 223, 233, 0.82);
  border-radius: 16px;
  padding: 17px 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-sm);
  animation: metric-in 480ms cubic-bezier(0.23, 1, 0.32, 1) both;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.metric-card:nth-child(1) { animation-delay: 0ms; }
.metric-card:nth-child(2) { animation-delay: 80ms; }
.metric-card:nth-child(3) { animation-delay: 160ms; }
.metric-card:nth-child(4) { animation-delay: 240ms; }

.metric-card:hover {
  border-color: #d0d8e8;
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

.metric-card::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 22px 22px 0 0;
  background: linear-gradient(90deg, var(--metric-color, var(--blue)), transparent 70%);
  content: "";
}

.metric-card::after {
  position: absolute;
  right: -28px;
  bottom: -38px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--metric-glow, rgba(49, 87, 232, 0.08));
  content: "";
  filter: blur(1px);
}

.metric-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.metric-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.metric-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 11px;
  background: var(--metric-soft, #eef2ff);
  box-shadow: 0 4px 10px var(--metric-glow, rgba(49, 87, 232, 0.14));
  color: var(--metric-color, var(--blue));
  font-size: 14px;
}

.metric-value {
  position: relative;
  z-index: 1;
  margin-top: 12px;
  color: #0a1322;
  font-size: clamp(22px, 1.9vw, 30px);
  font-weight: 760;
  letter-spacing: -0.04em;
  line-height: 1;
}

.metric-note {
  position: relative;
  z-index: 1;
  margin-top: 8px;
  color: #8791a2;
  font-size: 11px;
  font-weight: 600;
}

.metric-blue { --metric-color: #3157e8; --metric-soft: #edf1ff; --metric-glow: rgba(49, 87, 232, 0.075); }
.metric-orange { --metric-color: #d56b1d; --metric-soft: #fff2e7; --metric-glow: rgba(213, 107, 29, 0.075); }
.metric-red { --metric-color: #cf3a4f; --metric-soft: #fff0f2; --metric-glow: rgba(207, 58, 79, 0.07); }
.metric-green { --metric-color: #17845a; --metric-soft: #eaf8f2; --metric-glow: rgba(23, 132, 90, 0.075); }

.panel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 20px;
}

.panel-grid.dashboard-chart-single { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 900px) {
  .dashboard-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .dashboard-module-grid { grid-template-columns: 1fr; }
  .dashboard-section { margin-top: 26px; }
}

.panel {
  overflow: hidden;
  border: 1px solid rgba(218, 223, 233, 0.82);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow-sm);
}

.panel-body {
  padding: 22px 24px 24px;
}

.panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.panel-kicker {
  margin-bottom: 5px;
  color: #8b95a6;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.panel-title {
  margin: 0;
  color: #111b2b;
  font-size: 15px;
  font-weight: 760;
  letter-spacing: -0.018em;
}

.panel-badge {
  border: 1px solid #e6e9f0;
  border-radius: 999px;
  padding: 7px 10px;
  background: #f8f9fb;
  color: #778296;
  font-size: 10px;
  font-weight: 750;
}

.chart-wrap {
  position: relative;
  height: 285px;
}

.dashboard-chart-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 28px;
  color: #7b8799;
  text-align: center;
}

.dashboard-chart-empty > span {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  place-items: center;
  border-radius: 14px;
  background: #eef1ff;
  color: #5b57d5;
  font-size: 18px;
}

.dashboard-chart-empty strong {
  color: #344158;
  font-size: 13px;
}

.dashboard-chart-empty small {
  max-width: 310px;
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.5;
}

/* ---- Dashboard: Statusbalken ---- */
.dash-status-bar {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
  margin-bottom: 0;
  padding: 14px 20px;
  border: 1px solid rgba(218, 223, 233, 0.82);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-sm);
}

.dash-status-items {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.dash-status-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 650;
  color: #667085;
}

.dash-status-item strong {
  font-size: 13px;
  font-weight: 760;
}

.dash-status-paid   { color: #17845a; }
.dash-status-warned { color: #d56b1d; }
.dash-status-unpaid { color: #cf3a4f; }

.dash-status-total {
  margin-left: auto;
  color: #98a2b3;
  font-size: 11px;
  font-weight: 650;
}

.dash-progress-bar {
  display: flex;
  height: 5px;
  border-radius: 99px;
  overflow: hidden;
  background: #edf0f5;
  gap: 2px;
}

.dash-prog-segment {
  height: 100%;
  border-radius: 99px;
  transition: width 700ms cubic-bezier(0.23, 1, 0.32, 1);
  min-width: 0;
}

.dash-prog-paid   { background: #17845a; }
.dash-prog-warned { background: #d56b1d; }
.dash-prog-unpaid { background: #cf3a4f; }

/* ---- Dashboard: Letzte Rechnungen ---- */
.dash-recent {
  margin-top: 32px;
}

.dash-invoice-table {
  min-width: 700px;
}

@media (min-width: 1000px) {
  #dashboard.customer-dashboard.active {
    display: grid;
    grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
    gap: 32px 20px;
  }

  #dashboard.customer-dashboard > #dashboardMetricsSection {
    grid-column: 1 / -1;
  }

  #dashboard.customer-dashboard > .dashboard-section {
    min-width: 0;
    margin-top: 0;
  }

  #dashboard.customer-dashboard #dashboardInvoiceStatusPanel .panel-heading {
    display: none;
  }

  #dashboard.customer-dashboard #dashboardInvoiceStatusPanel .panel-body {
    padding: 20px 24px;
  }

  #dashboard.customer-dashboard #dashboardInvoiceStatusPanel .chart-wrap {
    width: 100%;
    max-width: 380px;
    height: 250px;
    margin: 0 auto;
  }

  #dashboard.customer-dashboard .dash-invoice-table {
    min-width: 560px;
  }

  #dashboard.customer-dashboard .dash-invoice-table th:nth-child(2),
  #dashboard.customer-dashboard .dash-invoice-table td:nth-child(2) {
    display: none;
  }
}

.section-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}

.section-title {
  margin: 0;
  color: #111b2b;
  font-size: 17px;
  font-weight: 760;
  letter-spacing: -0.022em;
}

.section-copy {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1.6fr) minmax(150px, 0.7fr) minmax(130px, 0.55fr) auto;
  gap: 11px;
  margin-bottom: 14px;
  padding: 13px;
  border: 1px solid rgba(218, 223, 233, 0.82);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-sm);
}

.toolbar-compact {
  grid-template-columns: minmax(260px, 560px);
}

.customer-toolbar { display:flex; align-items:center; gap:12px; }
.customer-toolbar .input-wrap { flex:1; }
.customer-source-filter { position:relative; display:flex; align-items:center; min-width:190px; }
.customer-source-filter > i { position:absolute; z-index:1; left:13px; color:#667085; pointer-events:none; }
.customer-source-filter select { width:100%; padding-left:36px; }
.customer-source-badge { display:inline-flex; align-items:center; gap:6px; width:max-content; padding:6px 9px; border:1px solid transparent; border-radius:999px; font-size:10px; font-weight:800; white-space:nowrap; }
.customer-source-internal { border-color:#dbe3ed; background:#f8fafc; color:#475467; }
.customer-source-online { border-color:#c7d7fe; background:#eef4ff; color:#3157a5; }
.customer-avatar-wrap { position:relative; display:inline-flex; flex:0 0 auto; }
.customer-account-badge { position:absolute; z-index:2; right:-2px; bottom:-2px; display:grid; width:15px; height:15px; place-items:center; border:2px solid #fff; border-radius:50%; background:#2563a9; color:#fff; box-shadow:0 1px 3px rgba(15,23,42,.16); }
.customer-account-badge > i { font-size:7px; }
.customer-status-badge { display:inline-flex; align-items:center; gap:6px; width:max-content; margin:0; padding:6px 9px; border:1px solid transparent; border-radius:999px; font-size:10px; font-weight:850; line-height:1; letter-spacing:0; text-transform:none; white-space:nowrap; }
.customer-status-normal { border-color:#dbe3ed; background:#f8fafc; color:#475467; }
.customer-status-priority { border-color:#fecaca; background:#fff1f2; color:#be123c; }
.customer-status-gold { border-color:#fde68a; background:#fffbeb; color:#a16207; box-shadow:inset 0 0 0 1px rgba(255,255,255,.6); }
.customer-status-partner { border-color:#a7f3d0; background:#ecfdf5; color:#047857; }
.customer-info-item .customer-status-badge { display:inline-flex; margin:0; font-size:10px; letter-spacing:0; text-transform:none; }
.customer-info-item .customer-status-normal,.customer-record-meta .customer-status-normal,.customer-record-meta .customer-status-normal > i { color:#475467; }
.customer-info-item .customer-status-priority,.customer-record-meta .customer-status-priority,.customer-record-meta .customer-status-priority > i { color:#be123c; }
.customer-info-item .customer-status-gold,.customer-record-meta .customer-status-gold,.customer-record-meta .customer-status-gold > i { color:#a16207; }
.customer-info-item .customer-status-partner,.customer-record-meta .customer-status-partner,.customer-record-meta .customer-status-partner > i { color:#047857; }

/* Produkte und Plesk */
.product-head-actions { display:flex; align-items:center; gap:9px; }
.product-settings-layout { grid-template-columns:270px minmax(0,1fr); gap:18px; }
.product-settings-layout.customer-product-layout { grid-template-columns:minmax(0,1fr); }
.customer-product-layout .product-settings-content { grid-column:1 / -1; }
.product-navigation { top:98px; }
.product-settings-content { min-width:0; }
.product-subview-panel[hidden] { display:none; }
.product-subview-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; padding:17px 18px; border:1px solid #e3e8ef; border-radius:17px; background:linear-gradient(180deg,#fff,#fafbfe); box-shadow:var(--shadow-sm); }
.product-subview-heading h3 { margin:2px 0 0; color:#172033; font-size:16px; }
.product-subview-heading p { margin:4px 0 0; color:#7d899c; font-size:10px; }
.product-section-actions { display:flex; align-items:center; gap:12px; }
.product-section-actions > span { color:#8a94a5; font-size:10px; }
.product-settings-content .admin-my-products-section { margin-top:0; }
.product-connection-notice { display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; padding:14px 16px; border:1px solid #bfdbfe; border-radius:14px; background:#eff6ff; color:#1e4f91; }
.product-connection-notice > i { margin-top:2px; }
.product-connection-notice strong,.product-connection-notice p { display:block; margin:0; }
.product-connection-notice p { margin-top:3px; color:#4c6f9d; font-size:11px; line-height:1.5; }
.product-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.product-overview article { display:flex; align-items:center; gap:11px; min-width:0; padding:15px; border:1px solid #e3e8ef; border-radius:16px; background:#fff; box-shadow:var(--shadow-sm); }
.product-overview article > span { display:grid; width:36px; height:36px; flex:0 0 auto; place-items:center; border-radius:11px; background:#eef2ff; color:#4f46e5; }
.product-overview article > span.tone-blue { background:#eff6ff; color:#2563eb; }
.product-overview article > span.tone-orange { background:#fff7ed; color:#ea580c; }
.product-overview article > span.tone-green { background:#ecfdf5; color:#059669; }
.product-overview small,.product-overview strong { display:block; }
.product-overview small { color:#8a94a5; font-size:10px; }
.product-overview strong { margin-top:2px; color:#172033; font-size:16px; }
.product-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) minmax(180px,230px); gap:10px; margin-bottom:18px; }
.product-toolbar.customer-view { grid-template-columns:minmax(0,1fr); }
.product-catalog-section { margin-bottom:18px; }
.product-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:0 2px 11px; }
.product-section-heading h3 { margin:2px 0 0; color:#172033; font-size:15px; }
.product-section-heading > span { color:#8a94a5; font-size:10px; }
.product-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.product-card { display:flex; min-width:0; min-height:230px; flex-direction:column; padding:17px; border:1px solid #dfe5ee; border-radius:18px; background:linear-gradient(160deg,#fff,#fafbff); box-shadow:var(--shadow-sm); }
.product-card.is-inactive { opacity:.7; }
.product-catalog.customer-hosting-catalog { grid-template-columns:repeat(auto-fill,minmax(380px,460px)); justify-content:start; }
.customer-hosting-card { min-width:0; overflow:hidden; border:1px solid #dce3ed; border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(33,48,78,.07); }
.customer-hosting-card.is-plesk-missing { border-color:#d8dde5; background:#f4f5f7; box-shadow:none; }
.customer-hosting-card.is-plesk-missing > :not(.customer-hosting-missing-note) { filter:grayscale(.8); opacity:.62; }
.customer-hosting-missing-note { display:flex; align-items:flex-start; gap:9px; margin:0 14px 14px; padding:11px 12px; border:1px solid #d7dce4; border-radius:12px; background:#e9ebef; color:#4f5969; font-size:11px; line-height:1.45; }
.customer-hosting-missing-note i { margin-top:2px; color:#737d8d; }
.customer-hosting-missing-note strong { display:block; margin-bottom:2px; color:#343d4c; font-size:12px; }
.customer-hosting-card-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:13px; padding:18px 18px 16px; }
.customer-hosting-card-head > div { min-width:0; }
.customer-hosting-card-head small { color:#8a95a8; font-size:10px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.customer-hosting-card-head h4 { margin:3px 0 2px; overflow:hidden; color:#172033; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.customer-hosting-card-head p { margin:0; color:#7c889c; font-size:11px; line-height:1.35; }
.customer-hosting-card-main { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; margin:0 14px 14px; padding:12px; border:1px solid #e7ebf2; border-radius:13px; background:#f8faff; }
.customer-hosting-domain { display:flex; min-width:0; align-items:center; gap:10px; }
.customer-hosting-domain > span { display:grid; width:36px; height:36px; flex:0 0 auto; place-items:center; border-radius:11px; background:#e9efff; color:#4967ed; }
.customer-hosting-domain div { min-width:0; }
.customer-hosting-domain small,.customer-hosting-price small { display:block; margin-bottom:3px; color:#8390a5; font-size:10px; }
.customer-hosting-domain strong { display:block; overflow:hidden; color:#243046; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.customer-hosting-manage { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 11px; border:1px solid #d8e0fa; border-radius:10px; background:#fff; color:#3857d7; font-size:10px; font-weight:750; text-decoration:none; transition:border-color 160ms ease,background 160ms ease,color 160ms ease; }
.customer-hosting-manage:hover { border-color:#b9c7f5; background:#f1f4ff; color:#2946c1; }
.customer-hosting-price { text-align:right; }
.customer-hosting-price strong { color:#172033; font-size:17px; }
.customer-hosting-price span { margin-left:4px; color:#7f8ba0; font-size:10px; }
.customer-hosting-consumption { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; padding:15px 18px 17px; border-top:1px solid #edf0f5; border-bottom:1px solid #edf0f5; background:#fbfcfe; }
.customer-usage-range { min-width:0; }
.customer-usage-label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.customer-usage-label span { display:flex; align-items:center; gap:6px; color:#657187; font-size:11px; font-weight:600; }
.customer-usage-label strong { overflow:hidden; color:#354159; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.customer-usage-track { position:relative; height:7px; overflow:hidden; border-radius:999px; background:#e5eaf3; box-shadow:inset 0 1px 2px rgba(28,39,60,.08); }
.customer-usage-track i { display:block; min-width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#526ff5,#778cff); transition:width .3s ease; }
.customer-usage-track.traffic i { background:linear-gradient(90deg,#16a77a,#52cba6); }
.customer-usage-track.warning i { background:linear-gradient(90deg,#e9a11b,#f6bd49); }
.customer-usage-track.danger i { background:linear-gradient(90deg,#df4b5f,#f17482); }
.customer-usage-track.unlimited i { opacity:.55; background:repeating-linear-gradient(135deg,#7d8ba5 0,#7d8ba5 6px,#aab4c5 6px,#aab4c5 12px); }
.customer-hosting-details { padding:15px 14px 14px; background:#fff; }
.customer-hosting-details-title { display:flex; align-items:center; gap:6px; padding:0 3px 10px; color:#637087; font-size:10px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.customer-hosting-details-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.customer-hosting-details-grid > div { min-width:0; padding:10px 10px 9px; border:1px solid #e9edf3; border-radius:10px; background:#f8fafc; }
.customer-hosting-details-grid span { display:flex; align-items:center; gap:5px; overflow:hidden; color:#768297; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.customer-hosting-details-grid strong { display:block; margin-top:5px; color:#2f3b51; font-size:15px; }
.customer-hosting-footer { display:flex; min-height:48px; align-items:center; justify-content:space-between; gap:12px; padding:9px 14px; border-top:1px solid #e8edf5; background:#fbfcfe; }
.customer-hosting-service-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px; }
.customer-hosting-card.is-cancelling,.admin-my-product-card.is-cancelling,.customer-record-hosting-card.is-cancelling { border-color:#f0c98d; }
.product-cancellation-notice { display:flex; align-items:flex-start; gap:10px; padding:11px 14px; border-top:1px solid #f3dfbd; border-bottom:1px solid #f3dfbd; background:#fff8e9; color:#81571d; }
.customer-hosting-card > .product-cancellation-notice { padding:13px 18px; }
.customer-hosting-card.is-cancelling .customer-hosting-card-main { margin-top:14px; }
.product-cancellation-notice > i { margin-top:2px; color:#c47a16; }
.product-cancellation-notice div { min-width:0; }
.product-cancellation-notice strong,.product-cancellation-notice span,.product-cancellation-notice em { display:block; }
.product-cancellation-notice strong { font-size:10px; }
.product-cancellation-notice span { margin-top:3px; color:#8d6c3c; font-size:9px; line-height:1.45; }
.product-cancellation-notice em { margin-top:4px; color:#b54708; font-size:8px; font-style:normal; font-weight:750; }
.product-service-link { display:inline-flex; align-items:center; gap:5px; min-height:30px; padding:0 8px; border:0; border-radius:8px; background:transparent; color:#526078; font:inherit; font-size:10px; font-weight:700; cursor:pointer; }
.product-service-link:hover { background:#edf2ff; color:#3157d8; }
.product-service-link.danger { color:#a9515e; }
.product-service-link.danger:hover { background:#fff0f2; color:#973847; }
.customer-hosting-updated { display:flex; align-items:center; gap:5px; color:#8792a4; font-size:10px; white-space:nowrap; }
.customer-hosting-updated strong { color:#657187; font-weight:600; }
.product-booking-view { max-width:1120px; margin:0 auto; }
.booking-page-head { display:flex; align-items:flex-start; gap:20px; margin-bottom:22px; }
.booking-page-head h2 { margin:4px 0 5px; color:#172033; font-size:24px; }
.booking-page-head p { margin:0; color:#748096; font-size:12px; }
.booking-back { display:inline-flex; min-height:36px; align-items:center; gap:7px; margin-top:2px; padding:0 11px; border:1px solid #dfe5ee; border-radius:10px; background:#fff; color:#566277; font:inherit; font-size:10px; font-weight:700; cursor:pointer; }
.booking-back:hover { border-color:#c7d1e1; color:#3157e8; }
.booking-steps { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); margin-bottom:20px; padding:13px 18px; border:1px solid #e1e6ee; border-radius:15px; background:#fff; box-shadow:var(--shadow-sm); }
.booking-steps > span { position:relative; display:flex; align-items:center; justify-content:center; gap:8px; color:#98a2b3; font-size:10px; }
.booking-steps > span:not(:last-child)::after { position:absolute; z-index:0; top:50%; left:calc(50% + 45px); width:calc(100% - 90px); height:1px; background:#e2e7ef; content:""; }
.booking-steps > span > i { position:relative; z-index:1; display:grid; width:25px; height:25px; place-items:center; border:1px solid #dfe5ee; border-radius:50%; background:#fff; font-style:normal; font-weight:800; }
.booking-steps > span > i i { font-size:9px; }
.booking-steps > span.active { color:#3157e8; }
.booking-steps > span.active > i { border-color:#3157e8; background:#3157e8; color:#fff; box-shadow:0 0 0 4px #edf1ff; }
.booking-steps > span.complete { color:#16825d; }
.booking-steps > span.complete > i { border-color:#cceedd; background:#eafaf2; color:#16825d; }
.booking-content { min-height:430px; padding:28px; border:1px solid #dee4ed; border-radius:20px; background:#fff; box-shadow:0 14px 36px rgba(27,39,67,.07); }
.booking-step-heading { max-width:650px; margin:0 auto 24px; text-align:center; }
.booking-step-heading > span { color:#3157e8; font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.booking-step-heading h3 { margin:5px 0 7px; color:#172033; font-size:22px; }
.booking-step-heading p { margin:0; color:#7a869a; font-size:11px; line-height:1.55; }
.booking-unavailable { display:flex; max-width:760px; gap:11px; margin:0 auto 20px; padding:13px 15px; border:1px solid #f2d29b; border-radius:12px; background:#fff9ed; color:#9a6415; }
.booking-unavailable > i { margin-top:2px; }
.booking-unavailable strong,.booking-unavailable p { display:block; }
.booking-unavailable p { margin:3px 0 0; font-size:10px; }
.booking-product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:13px; }
.booking-product-card { display:flex; min-height:270px; flex-direction:column; align-items:flex-start; padding:18px; border:1px solid #dfe5ee; border-radius:16px; background:linear-gradient(155deg,#fff,#fafbff); color:inherit; font:inherit; text-align:left; transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease; }
.booking-product-card:hover { border-color:#aebef6; box-shadow:0 12px 25px rgba(49,87,232,.12); transform:translateY(-2px); }
.booking-product-icon { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; background:#e9efff; color:#3157e8; }
.booking-product-card > small { margin-top:15px; color:#8995a8; font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.booking-product-card h4 { margin:4px 0 6px; color:#172033; font-size:17px; }
.booking-product-card p { margin:0; color:#748096; font-size:10px; line-height:1.5; }
.booking-product-card > div:not(.booking-product-icon) { display:flex; align-items:baseline; gap:7px; margin-top:auto; padding-top:18px; }
.booking-product-card > div strong { color:#172033; font-size:20px; }
.booking-product-card > div span { color:#8a94a6; font-size:9px; }
.booking-product-card > b { display:flex; width:100%; align-items:center; justify-content:space-between; margin-top:13px; padding-top:12px; border-top:1px solid #e9edf4; color:#3157e8; font-size:10px; }
.booking-product-card > .button { width:100%; justify-content:center; margin-top:13px; }
.booking-simple-heading { margin:28px 0 14px; }
.booking-category-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:14px; }
.booking-category-card { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr) auto 18px; align-items:center; gap:14px; min-height:118px; padding:18px; border:1px solid #dfe5ee; border-radius:17px; background:linear-gradient(145deg,#fff,#f8faff); color:inherit; font:inherit; text-align:left; cursor:pointer; transition:160ms ease; }
.booking-category-card:hover { border-color:#9eb1ef; box-shadow:0 13px 28px rgba(49,87,232,.12); transform:translateY(-2px); }
.booking-category-card > span { display:grid; width:48px; height:48px; place-items:center; border-radius:14px; background:linear-gradient(145deg,#eaf0ff,#dfe8ff); color:#3157e8; font-size:18px; }
.booking-category-card small,.booking-category-card h4,.booking-category-card p { display:block; margin:0; }
.booking-category-card small { color:#8792a5; font-size:8px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.booking-category-card h4 { margin-top:4px; color:#172033; font-size:16px; }
.booking-category-card p { margin-top:5px; color:#748096; font-size:9px; }
.booking-category-card > strong { color:#3157e8; font-size:11px; white-space:nowrap; }
.booking-category-card > i { color:#9aa5b7; font-size:10px; }
.booking-category-back { display:inline-flex; align-items:center; gap:7px; margin-bottom:13px; padding:7px 10px; border:0; border-radius:9px; background:#eef2f8; color:#526175; font:inherit; font-size:9px; font-weight:750; cursor:pointer; }
.booking-category-back:hover { background:#e3eaff; color:#3157e8; }
.booking-payment-methods { margin:18px 0; padding:17px; border:1px solid #dfe5ee; border-radius:16px; background:#f9fbfe; }
.booking-payment-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
.booking-payment-heading span { color:#172033; font-size:12px; font-weight:850; }
.booking-payment-heading strong { color:#c24141; font-size:9px; }
.booking-payment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.booking-payment-grid label { position:relative; display:flex; align-items:flex-start; gap:11px; padding:14px; border:1px solid #dfe5ee; border-radius:13px; background:#fff; cursor:pointer; transition:150ms ease; }
.booking-payment-grid label.selected,.booking-payment-grid label:has(input:checked) { border-color:#829cf2; background:#f0f4ff; box-shadow:0 7px 17px rgba(49,87,232,.1); }
.booking-payment-grid label.disabled { opacity:.58; cursor:not-allowed; box-shadow:none; }
.booking-payment-grid input { position:absolute; opacity:0; pointer-events:none; }
.booking-payment-grid label > span { display:grid; width:36px; height:36px; flex:none; place-items:center; border-radius:10px; background:#eef2f7; color:#536174; font-size:15px; }
.booking-payment-grid label.selected > span,.booking-payment-grid label:has(input:checked) > span { background:#3157e8; color:#fff; }
.booking-payment-grid strong,.booking-payment-grid small { display:block; }
.booking-payment-grid strong { color:#1b2637; font-size:11px; }
.booking-payment-grid small { margin-top:4px; color:#748096; font-size:9px; line-height:1.45; }
.booking-payment-unavailable { display:flex; grid-column:1/-1; align-items:center; gap:12px; padding:15px; border:1px solid #f1d5a8; border-radius:12px; background:#fff8ea; color:#8b5a13; }
.booking-payment-unavailable > i { font-size:17px; }
.booking-payment-unavailable strong,.booking-payment-unavailable small { display:block; }
.booking-payment-unavailable small { margin-top:3px; color:#8a6b3e; }
.booking-payment-methods > p { display:flex; align-items:center; gap:6px; margin:10px 0 0; color:#7b8798; font-size:9px; }
.booking-payment-order { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:14px 0 4px; padding:15px 18px; border:1px solid #dfe5ee; border-radius:13px; background:#fff; color:#526175; font-size:11px; font-weight:800; }
.booking-payment-order strong { color:#172033; font-size:20px; }
.booking-paypal-checkout { max-width:560px; }
.booking-paypal-invoice { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:18px 0; padding:14px 16px; border:1px solid #dce4f1; border-radius:12px; background:#f7f9fd; color:#667085; font-size:11px; font-weight:750; }
.booking-paypal-invoice strong { color:#172033; font-size:19px; }
.booking-payment-state { display:flex; align-items:center; justify-content:center; gap:9px; min-height:46px; margin-bottom:12px; border-radius:10px; background:#f4f7fc; color:#526175; font-size:11px; font-weight:750; }
.booking-payment-state i { color:#3157e8; }
.booking-paypal-checkout #bookingPaypalButton { min-height:44px; }
.booking-paypal-checkout > .button { width:100%; margin-top:12px; }
.booking-comparison-heading { margin-bottom:18px; }
.booking-billing-switch { display:flex; width:max-content; gap:4px; margin:0 auto 16px; padding:4px; border:1px solid #dfe5ee; border-radius:12px; background:#f5f7fb; }
.booking-billing-switch button { display:flex; align-items:center; gap:7px; padding:9px 14px; border:0; border-radius:9px; background:transparent; color:#667085; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
.booking-billing-switch button span { padding:3px 6px; border-radius:999px; background:#e8f8ef; color:#07834f; font-size:7px; text-transform:uppercase; }
.booking-billing-switch button.active { background:#fff; color:#3157e8; box-shadow:0 3px 10px rgba(28,39,62,.09); }
.booking-comparison-scroll { overflow:auto; border:1px solid #dfe5ee; border-radius:18px; background:#fff; }
.booking-comparison { width:100%; min-width:820px; border-collapse:separate; border-spacing:0; table-layout:fixed; }
.booking-comparison th,.booking-comparison td { padding:13px 15px; border-right:1px solid #e7ebf1; border-bottom:1px solid #e7ebf1; color:#344054; font-size:11px; text-align:center; vertical-align:middle; }
.booking-comparison tr > :last-child { border-right:0; }
.booking-comparison tbody tr:last-child > * { border-bottom:0; }
.booking-comparison thead th { padding:18px 14px; background:linear-gradient(180deg,#f8faff,#f3f6fc); }
.booking-comparison thead th:first-child,.booking-comparison tbody th,.booking-comparison tfoot th { width:220px; color:#475467; font-weight:750; text-align:left; }
.booking-comparison thead th > span { display:block; color:#8b96a8; font-size:8px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.booking-comparison thead th > strong { display:block; margin-top:4px; color:#172033; font-size:15px; }
.booking-comparison thead th > div { display:flex; align-items:baseline; justify-content:center; gap:6px; margin:9px 0 11px; }
.booking-comparison thead th > div b { color:#3157e8; font-size:18px; }
.booking-comparison thead th > div small { color:#8b96a8; font-size:8px; }
.booking-comparison thead th > div.has-discount { flex-wrap:wrap; }
.booking-comparison thead th > div del { width:100%; color:#98a2b3; font-size:9px; font-weight:600; }
.booking-comparison thead th > em { display:block; margin:-5px 0 10px; color:#07834f; font-size:8px; font-style:normal; font-weight:800; }
.booking-comparison thead .button,.booking-comparison tfoot .button { width:100%; justify-content:center; }
.booking-comparison tbody tr:nth-child(even) > * { background:#fbfcfe; }
.booking-comparison tbody th { background:#fff; }
.booking-feature-check { color:#4f46e5; font-size:13px; }
.booking-feature-empty { color:#a7b0bf; }
.booking-comparison tfoot th,.booking-comparison tfoot td { padding:15px; border-top:1px solid #dfe5ee; border-bottom:0; background:#f8faff; }
.booking-domain-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:760px; margin:0 auto; }
.booking-domain-options label { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; padding:16px; border:1px solid #dfe5ee; border-radius:14px; cursor:pointer; transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease; }
.booking-domain-options label.selected { border-color:#9eb0f6; background:#f7f8ff; box-shadow:0 0 0 3px #edf1ff; }
.booking-domain-options label.disabled { opacity:.5; cursor:not-allowed; }
.booking-domain-options input { position:absolute; opacity:0; }
.booking-domain-options label > span { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:#edf2ff; color:#4967ed; }
.booking-domain-options strong,.booking-domain-options small { display:block; }
.booking-domain-options strong { margin:2px 0 4px; color:#263147; font-size:12px; }
.booking-domain-options small { color:#7d899b; font-size:9px; line-height:1.45; }
.booking-domain-field { display:block; max-width:760px; margin:17px auto 0; }
.booking-domain-field > span { display:block; margin-bottom:7px; color:#59667c; font-size:10px; font-weight:750; }
.booking-domain-field > div { position:relative; }
.booking-domain-field > div i { position:absolute; top:50%; left:14px; color:#8290a6; transform:translateY(-50%); }
.booking-domain-field input { width:100%; height:46px; padding:0 14px 0 39px; border:1px solid #dfe5ee; border-radius:12px; background:#fafbfc; color:#253148; font:inherit; font-size:12px; outline:none; }
.booking-domain-field input:focus { border-color:#869cf3; background:#fff; box-shadow:0 0 0 4px #edf1ff; }
.booking-domain-field > small { display:block; margin-top:6px; color:#929daf; font-size:9px; }
.booking-navigation { display:flex; max-width:760px; align-items:center; justify-content:space-between; gap:10px; margin:26px auto 0; padding-top:18px; border-top:1px solid #e9edf3; }
.booking-review { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:15px; max-width:780px; margin:0 auto; }
.booking-review > section,.booking-review > aside { padding:18px; border:1px solid #e1e6ee; border-radius:15px; }
.booking-review-product { display:flex; align-items:flex-start; gap:12px; padding-bottom:16px; border-bottom:1px solid #e8edf3; }
.booking-review-product small,.booking-review-product strong,.booking-review-product p { display:block; }
.booking-review-product small { color:#8b96a8; font-size:9px; }
.booking-review-product strong { margin:3px 0; color:#202b40; font-size:15px; }
.booking-review-product p { margin:0; color:#7b879a; font-size:9px; }
.booking-review dl { margin:7px 0 0; }
.booking-review dl > div { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:10px 0; border-bottom:1px solid #eef1f5; font-size:10px; }
.booking-review dl > div:last-child { border-bottom:0; }
.booking-review dt { color:#7b8799; }
.booking-review dd { margin:0; color:#344056; font-weight:700; text-align:right; }
.booking-review > aside { background:#f8faff; }
.booking-review > aside small,.booking-review > aside strong,.booking-review > aside span { display:block; }
.booking-review > aside small { color:#7f8ca0; font-size:9px; }
.booking-review > aside strong { margin:7px 0 2px; color:#172033; font-size:25px; }
.booking-review > aside span { color:#718097; font-size:9px; }
.booking-review > aside p { margin:18px 0 0; color:#7c889a; font-size:9px; line-height:1.55; }
.booking-consents { display:grid; max-width:780px; gap:8px; margin:14px auto 0; }
.booking-consent { display:flex; align-items:flex-start; gap:10px; padding:13px 15px; border:1px solid #dde4ed; border-radius:12px; background:#fbfcfe; }
.booking-consent input { margin-top:2px; accent-color:#3157e8; }
.booking-consent label { cursor:pointer; }
.booking-consent strong,.booking-consent small { display:block; }
.booking-consent strong { color:#344056; font-size:10px; }
.booking-consent small { margin-top:3px; color:#7d899b; font-size:9px; line-height:1.45; }
.booking-consent a { color:#3157e8; font-weight:800; text-decoration:none; }
.booking-consent a:hover { text-decoration:underline; }
.booking-checkout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:15px; max-width:860px; margin:0 auto; }
.booking-checkout > section,.booking-cart { padding:20px; border:1px solid #dfe5ee; border-radius:17px; background:#fff; }
.booking-order-facts { margin:8px 0 18px; }
.booking-order-facts > div { display:flex; justify-content:space-between; gap:20px; padding:10px 0; border-bottom:1px solid #edf0f4; font-size:10px; }
.booking-order-facts dt { color:#7b8799; }.booking-order-facts dd { margin:0; color:#344056; font-weight:750; text-align:right; }
.booking-coupon { padding:14px; border:1px dashed #ccd5e3; border-radius:13px; background:#fafbfe; }
.booking-coupon > label { display:block; margin-bottom:7px; color:#344054; font-size:10px; font-weight:800; }
.booking-coupon > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.booking-coupon > small { display:block; margin-top:7px; color:#7d899b; font-size:8px; }.booking-coupon > small i { color:#079455; }
.booking-cart { background:linear-gradient(155deg,#f9faff,#f4f7fc); }
.booking-cart-title { display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; border-bottom:1px solid #dfe5ee; color:#344054; font-size:12px; font-weight:850; }
.booking-cart-title small { color:#98a2b3; font-size:8px; }
.booking-cart dl { margin:12px 0 0; }
.booking-cart dl > div { display:flex; justify-content:space-between; gap:16px; padding:7px 0; color:#667085; font-size:10px; }
.booking-cart dl > div.discount dd { color:#07834f; }
.booking-cart dl > div.total { margin-top:8px; padding-top:14px; border-top:1px solid #cfd7e4; color:#172033; font-size:13px; font-weight:850; }
.booking-cart dl dd { margin:0; font-weight:750; text-align:right; }
.booking-renewal { display:flex; gap:9px; margin-top:15px; padding:11px; border-radius:11px; background:#fff; color:#667085; }
.booking-renewal i { margin-top:2px; color:#4f46e5; font-size:9px; }.booking-renewal p { margin:0; font-size:8px; line-height:1.5; }
.booking-submit { min-width:210px; }
.booking-provisioning-active { overflow:hidden; }
.booking-provisioning-overlay { position:fixed; z-index:500; inset:0; display:grid; place-items:center; padding:24px; background:rgba(242,245,250,.72); backdrop-filter:blur(6px); animation:booking-overlay-in 180ms ease-out; }
.booking-provisioning-overlay:focus { outline:none; }
.booking-provisioning { width:min(680px,100%); max-height:calc(100vh - 48px); overflow:auto; padding:28px 30px 22px; border:1px solid #dfe5ee; border-radius:18px; background:#fff; box-shadow:0 24px 70px rgba(24,39,75,.16); }
@keyframes booking-overlay-in { from { opacity:0; } to { opacity:1; } }
.booking-provisioning-main { display:flex; align-items:center; gap:16px; }
.booking-provisioning-icon { display:grid; width:48px; height:48px; flex:0 0 auto; place-items:center; border-radius:14px; background:#edf1ff; color:#3157e8; font-size:17px; }
.booking-provisioning-heading small { color:#6478d8; font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.booking-provisioning-heading h3 { margin:4px 0 4px; color:#172033; font-size:18px; letter-spacing:-.02em; }
.booking-provisioning-heading p { margin:0; color:#748096; font-size:10px; line-height:1.5; }
.booking-provisioning-progress { height:6px; margin:22px 0 16px; overflow:hidden; border-radius:99px; background:#edf0f5; }
.booking-provisioning-progress span { display:block; width:25%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#3157e8,#7088f4); transition:width 350ms ease; }
.booking-provisioning ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.booking-provisioning li { display:flex; min-width:0; align-items:center; gap:6px; color:#a0a9b8; font-size:8px; font-weight:700; }
.booking-provisioning li i { flex:0 0 auto; font-size:8px; }
.booking-provisioning li span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.booking-provisioning li.active { color:#3157e8; }
.booking-provisioning li.complete { color:#16825d; }
.booking-provisioning-note { display:flex; align-items:center; gap:7px; margin-top:18px; padding-top:14px; border-top:1px solid #edf0f4; color:#8a95a6; font-size:8px; }
.booking-provisioning-note i { color:#667eea; }
.booking-provisioning.complete .booking-provisioning-icon { background:#e8f8ef; color:#16825d; }
.booking-provisioning.complete .booking-provisioning-progress span { background:#28a875; }
.product-card-top { display:flex; align-items:center; justify-content:space-between; }
.product-card-icon { display:grid; width:39px; height:39px; place-items:center; border-radius:12px; background:linear-gradient(145deg,#e9efff,#dce7ff); color:#3157e8; }
.product-card-state { padding:5px 8px; border-radius:999px; background:#f2f4f7; color:#667085; font-size:9px; font-weight:800; }
.product-card-state.active { background:#ecfdf3; color:#16825d; }
.product-card-copy h4 { margin:15px 0 5px; color:#172033; font-size:15px; }
.product-card-copy p { min-height:32px; margin:0; color:#7b8597; font-size:10px; line-height:1.55; }
.product-card-price { display:flex; align-items:baseline; gap:6px; margin-top:13px; }
.product-card-price strong { color:#172033; font-size:18px; }
.product-card-price small { color:#8a94a5; font-size:9px; }
.product-card-meta { display:flex; flex-wrap:wrap; gap:8px 12px; margin-top:12px; color:#667085; font-size:9px; }
.product-card-meta span { display:inline-flex; align-items:center; gap:5px; }
.product-card-actions { display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:14px; border-top:1px solid #edf0f5; }
.product-card-actions .button { flex:1; justify-content:center; }
.product-empty { grid-column:1/-1; padding:35px; border:1px dashed #cfd7e3; border-radius:18px; color:#8a94a5; text-align:center; }
.product-empty > i,.product-empty strong { display:block; }
.product-empty > i { margin-bottom:9px; font-size:24px; }
.product-empty p { margin:5px 0 0; font-size:11px; }
.product-subscription-panel .product-section-heading { padding:16px 18px 12px; }
.admin-my-products-section { margin-top:22px; overflow:hidden; border:1px solid #dce3ee; border-radius:18px; background:#fff; box-shadow:0 8px 25px rgba(23,34,56,.045); }
.admin-my-products-section > .product-section-heading { padding:17px 18px; border-bottom:1px solid #e8edf4; background:linear-gradient(180deg,#fff,#fafbfe); }
.admin-my-products-heading-actions { display:flex; align-items:center; gap:14px; }
.admin-my-products-heading-actions > span { color:#8a95a7; font-size:10px; }
.admin-my-products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,420px)); gap:12px; padding:14px; }
.admin-my-products-warning { display:flex; grid-column:1/-1; align-items:center; gap:8px; padding:10px 12px; border:1px solid #f0d7aa; border-radius:11px; background:#fff8ea; color:#936116; font-size:10px; }
.admin-my-product-card { overflow:hidden; border:1px solid #e1e6ef; border-radius:15px; background:#fbfcfe; }
.admin-my-product-card.is-missing { border-color:#d7dce4; background:#f0f2f5; }
.admin-my-product-card.is-missing > :not(p) { filter:grayscale(.85); opacity:.65; }
.admin-my-product-card > header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:13px; border-bottom:1px solid #e8ecf3; background:#fff; }
.admin-my-product-card > header > span { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:#e9efff; color:#4a63e6; }
.admin-my-product-card > header small,.admin-my-product-domain small,.admin-my-product-usage small { display:block; color:#8a95a7; font-size:8px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.admin-my-product-card > header h4 { margin:3px 0 0; color:#263247; font-size:13px; }
.admin-my-product-domain { display:flex; align-items:center; gap:9px; padding:12px 13px; }
.admin-my-product-domain > i { color:#6074d9; }
.admin-my-product-domain strong { display:block; margin-top:2px; color:#354158; font-size:11px; }
.admin-my-product-usage { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #e8ecf3; border-bottom:1px solid #e8ecf3; }
.admin-my-product-usage > span { min-width:0; padding:10px 13px; }
.admin-my-product-usage > span + span { border-left:1px solid #e8ecf3; }
.admin-my-product-usage strong { display:block; overflow:hidden; margin-top:3px; color:#4d596d; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.admin-my-product-card > p { display:flex; align-items:flex-start; gap:7px; margin:10px 12px 0; padding:9px; border-radius:9px; background:#e3e6eb; color:#596273; font-size:9px; line-height:1.45; }
.admin-my-product-card > footer { display:flex; min-height:48px; align-items:center; justify-content:flex-end; gap:7px; padding:8px 12px; }
.product-subscription-table { min-width:1050px; }
.product-domain-cell { display:flex; align-items:center; gap:9px; }
.product-domain-cell > span { display:grid; width:31px; height:31px; flex:0 0 auto; place-items:center; border-radius:9px; background:#eef4ff; color:#3157e8; }
.product-domain-cell strong,.product-domain-cell small { display:block; }
.product-domain-cell small { margin-top:3px; color:#98a2b3; font-size:9px; }
.product-plan-badge,.product-customer,.product-unassigned,.product-usage { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
.product-plan-badge { padding:5px 8px; border-radius:999px; background:#f1f4ff; color:#425bb5; font-size:9px; font-weight:800; }
.product-customer { color:#344054; font-size:10px; font-weight:650; }
.product-unassigned { color:#d06b20; font-size:9px; font-weight:750; }
.product-card-category { display:inline-flex; align-items:center; gap:5px; margin-bottom:6px; color:#526cc8; font-size:8px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.product-usage { color:#475467; font-size:10px; }
.product-usage small { color:#98a2b3; }
.product-subscription-status { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:999px; background:#f2f4f7; color:#667085; font-size:9px; font-weight:800; }
.product-subscription-status > i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.product-subscription-status.status-active { background:#ecfdf3; color:#16825d; }
.product-subscription-status.status-suspended { background:#fff7ed; color:#c35c17; }
.product-subscription-status.status-disabled { background:#fef2f2; color:#c24141; }
.product-subscription-status.status-missing { background:#e4e7ec; color:#596273; }
.product-modal-card { width:min(780px,calc(100vw - 30px)); }
.product-wizard-card { overflow:hidden; padding-bottom:0; }
.product-wizard-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:19px 0 0; padding:7px; border:1px solid #e3e8f0; border-radius:15px; background:#f6f8fb; }
.product-wizard-steps button { display:flex; min-width:0; align-items:center; gap:8px; padding:9px 10px; border:0; border-radius:10px; background:transparent; color:#8a94a6; font:inherit; font-size:10px; font-weight:750; text-align:left; }
.product-wizard-steps button i { display:grid; width:23px; height:23px; flex:none; place-items:center; border-radius:50%; background:#e7ebf1; color:#6f7a8b; font-size:9px; font-style:normal; }
.product-wizard-steps button.active { background:#fff; color:#243b75; box-shadow:0 4px 13px rgba(37,55,96,.09); }
.product-wizard-steps button.active i { background:#3157e8; color:#fff; }
.product-wizard-steps button.complete { color:#16825d; cursor:pointer; }
.product-wizard-steps button.complete i { background:#dcfce7; color:#16825d; }
.product-wizard-body { min-height:390px; max-height:calc(100vh - 330px); margin:16px -4px 0; padding:2px 4px 18px; overflow:auto; }
.product-wizard-panel { animation:product-wizard-in 180ms ease both; }
.product-wizard-heading { display:flex; align-items:flex-start; gap:13px; margin-bottom:18px; }
.product-wizard-heading > span { display:grid; width:42px; height:42px; flex:none; place-items:center; border-radius:13px; background:linear-gradient(145deg,#edf2ff,#e2e9ff); color:#3157e8; font-size:16px; }
.product-wizard-heading small,.product-wizard-heading h3,.product-wizard-heading p { display:block; margin:0; }
.product-wizard-heading small { color:#3157e8; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.product-wizard-heading h3 { margin-top:3px; color:#172033; font-size:19px; }
.product-wizard-heading p { margin-top:4px; color:#758196; font-size:10px; line-height:1.5; }
.product-wizard-panel > .settings-feature-toggle + .settings-feature-toggle { margin-top:12px; }
.product-provisioning-choice { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.product-provisioning-choice label { position:relative; display:flex; align-items:flex-start; gap:12px; padding:16px; border:1px solid #dfe5ee; border-radius:15px; background:#fff; cursor:pointer; transition:160ms ease; }
.product-provisioning-choice label:has(input:checked) { border-color:#829cf2; background:#f3f6ff; box-shadow:0 8px 20px rgba(49,87,232,.1); }
.product-provisioning-choice input { position:absolute; opacity:0; pointer-events:none; }
.product-provisioning-choice label > span { display:grid; width:37px; height:37px; flex:none; place-items:center; border-radius:11px; background:#eef2f7; color:#637083; }
.product-provisioning-choice label:has(input:checked) > span { background:#3157e8; color:#fff; }
.product-provisioning-choice strong,.product-provisioning-choice small { display:block; }
.product-provisioning-choice strong { color:#1c2738; font-size:12px; }
.product-provisioning-choice small { margin-top:4px; color:#7a8597; font-size:9px; line-height:1.45; }
.product-wizard-ready { display:flex; gap:11px; margin-top:16px; padding:14px; border:1px solid #ccebdc; border-radius:13px; background:#f0fdf7; color:#167553; }
.product-wizard-ready p { margin:3px 0 0; color:#5e7b70; font-size:9px; }
.product-wizard-actions { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; }
@keyframes product-wizard-in { from { opacity:0; transform:translateX(8px); } to { opacity:1; transform:none; } }
.product-feature-editor { margin-top:18px; padding-top:18px; border-top:1px solid #e5e9f0; }
.product-pricing-editor { margin-top:18px; padding-top:18px; border-top:1px solid #e5e9f0; }
.product-pricing-editor > .settings-feature-toggle { margin-top:12px; }
.product-pricing-fields { margin-top:11px; padding:12px; border:1px solid #e4e8ef; border-radius:13px; background:#fafbfc; }
.product-promotion-toggle { margin-top:14px!important; }
.product-coupon-field { display:block; margin-top:14px; }
.product-feature-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 14px; }
.product-feature-fields label { min-width:0; }
.product-feature-source { display:flex; align-items:center; gap:5px; min-height:17px; margin-top:4px; color:#667eea; font-size:8px; font-weight:700; }
.product-feature-source.manual { color:#98a2b3; }
.product-plesk-fields,.product-direct-assignment { margin-top:14px; padding:14px; border:1px solid #e4e9f0; border-radius:14px; background:#fafbfc; }
.product-modal-section-head { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.product-modal-section-head > span { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:#eef4ff; color:#3157e8; }
.product-modal-section-head strong,.product-modal-section-head small { display:block; }
.product-modal-section-head small { margin-top:2px; color:#8a94a5; font-size:9px; }
.product-active-toggle { margin-top:14px; }
.product-assignment-note { display:flex; gap:10px; margin-top:14px; padding:12px; border-radius:12px; background:#eff6ff; color:#3157a5; font-size:10px; line-height:1.5; }
.product-assignment-note p { margin:0; }

@media (max-width: 760px) {
  .customer-toolbar { align-items:stretch; flex-direction:column; }
  .customer-source-filter { width:100%; }
  .product-section-intro,.product-section-heading { align-items:stretch; flex-direction:column; }
  .product-subview-heading,.product-section-actions { align-items:stretch; flex-direction:column; }
  .product-subview-heading .button,.product-section-actions .button { width:100%; justify-content:center; }
  .product-head-actions { align-items:stretch; flex-direction:column; }
  .product-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-toolbar { grid-template-columns:1fr; }
  .product-catalog.customer-hosting-catalog { grid-template-columns:1fr; }
  .customer-hosting-consumption { grid-template-columns:1fr; gap:15px; }
  .customer-hosting-card-main { grid-template-columns:1fr; }
  .customer-hosting-price { text-align:left; }
  .customer-hosting-manage { justify-content:center; }
  .customer-hosting-details-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-hosting-footer { align-items:flex-start; flex-direction:column-reverse; }
  .customer-hosting-service-actions { width:100%; justify-content:space-between; }
  .booking-page-head { flex-direction:column; }
  .booking-content { padding:20px 14px; }
  .booking-comparison-scroll { margin-right:-5px; margin-left:-5px; border-radius:13px; }
  .booking-steps { padding:12px 6px; }
  .booking-steps > span b { display:none; }
  .booking-steps > span:not(:last-child)::after { left:calc(50% + 18px); width:calc(100% - 36px); }
  .booking-domain-options,.booking-review,.booking-checkout { grid-template-columns:1fr; }
  .booking-provisioning-overlay { padding:14px; }
  .booking-provisioning { max-height:calc(100vh - 28px); padding:22px 18px 18px; }
  .booking-provisioning ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .booking-billing-switch { width:100%; }.booking-billing-switch button { flex:1; justify-content:center; }
  .booking-coupon > div { grid-template-columns:1fr; }
  .booking-payment-heading { align-items:flex-start; flex-direction:column; gap:4px; }
  .booking-payment-grid { grid-template-columns:1fr; }
  .booking-navigation { align-items:stretch; flex-direction:column-reverse; }
  .booking-navigation .button { width:100%; justify-content:center; }
  .product-catalog { grid-template-columns:1fr; }
  .product-feature-fields { grid-template-columns:1fr; }
  .product-wizard-card { width:100%; max-height:calc(100vh - 18px); padding:20px 16px 0; }
  .product-wizard-steps { grid-template-columns:repeat(4,1fr); }
  .product-wizard-steps button { justify-content:center; padding:8px 4px; }
  .product-wizard-steps button span { display:none; }
  .product-wizard-body { min-height:360px; max-height:calc(100vh - 285px); }
  .product-provisioning-choice { grid-template-columns:1fr; }
  .product-wizard-actions { grid-template-columns:1fr 1fr; gap:8px; }
  .product-wizard-actions > span { display:none; }
  .product-wizard-actions .button { width:100%; justify-content:center; }
}

@media (max-width: 1100px) {
  .product-settings-layout { grid-template-columns:235px minmax(0,1fr); }
}

@media (max-width: 800px) {
  .product-settings-layout { grid-template-columns:1fr; }
}

.toolbar-expenses {
  grid-template-columns: minmax(240px, 1.6fr) minmax(170px, 0.75fr) auto;
}

.toolbar-offers {
  grid-template-columns: minmax(260px, 1fr) minmax(170px, 240px);
}

.input-wrap {
  position: relative;
}

.input-wrap > i {
  position: absolute;
  top: 50%;
  left: 15px;
  color: #98a2b3;
  font-size: 12px;
  pointer-events: none;
  transform: translateY(-50%);
}

.control {
  width: 100%;
  height: 44px;
  border: 1px solid #e1e5ec;
  border-radius: 12px;
  padding: 0 13px;
  background: #f9fafc;
  color: #344054;
  font-size: 12px;
  font-weight: 620;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.control-search {
  padding-left: 39px;
}

.control::placeholder {
  color: #a1a9b6;
}

.control:focus {
  border-color: rgba(49, 87, 232, 0.55);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(49, 87, 232, 0.08);
  outline: none;
}

.table-panel {
  overflow: hidden;
  border: 1px solid rgba(218, 223, 233, 0.82);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-sm);
}

.table-scroll {
  overflow-x: auto;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.invoice-table {
  min-width: 1080px;
  table-layout: fixed;
}

.data-table thead {
  background: #f8f9fb;
}

.data-table th {
  height: 44px;
  padding: 0 17px;
  border-bottom: 1px solid #e6eaf1;
  color: #69788f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.data-table td {
  height: 58px;
  padding: 9px 17px;
  border-bottom: 1px solid #edf0f4;
  color: #475467;
  font-size: 12px;
  vertical-align: middle;
}

.data-table tbody tr {
  transition: background 150ms ease;
}

.data-table tbody tr:hover {
  background: #f4f7ff;
}

.data-table tbody tr:last-child td {
  border-bottom: 0;
}

.invoice-number {
  color: #172033;
  font-weight: 760;
  letter-spacing: -0.01em;
}

.customer-cell {
  overflow: hidden;
  color: #344054;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.amount-cell {
  color: #172033;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}

.subtle-cell {
  color: #8791a2;
  font-size: 11px;
}

.entity-cell {
  display: flex;
  align-items: center;
  gap: 11px;
}

.entity-open {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.entity-open:hover .entity-name {
  color: var(--blue);
}

.entity-open > span:last-child {
  display: grid;
}

.entity-avatar {
  display: grid;
  width: 35px;
  height: 35px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(145deg, #eef2ff, #e4eafd);
  color: #3157e8;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.entity-name {
  color: #172033;
  font-weight: 750;
}

.entity-meta {
  margin-top: 3px;
  color: #929bac;
  font-size: 10px;
}

/* Gedimmter Avatar (kein Kundenstamm-Link) */
.entity-avatar-dim {
  background: linear-gradient(145deg, #f2f4f8, #e8ecf2);
  color: #98a2b3;
}

.user-avatar { position:relative; overflow:hidden; }
.user-avatar-fallback { display:grid; width:100%; height:100%; place-items:center; }
.user-avatar > img { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; border-radius:inherit; object-fit:cover; object-position:center; }

/* Ausgaben-Kategorie-Badges */
.exp-cat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 760;
  white-space: nowrap;
  letter-spacing: 0.01em;
}

.exp-cat-konto    { background: #f3f0ff; color: #7c5ce7; }
.exp-cat-zahlung  { background: #eaf8f3; color: #16815b; }
.exp-cat-software { background: #edf1ff; color: #3157e8; }
.exp-cat-buero    { background: #eff6ff; color: #3b7cf5; }
.exp-cat-hardware { background: #fff2e7; color: #d56b1d; }
.exp-cat-werbung  { background: #fff0f2; color: #cf3a4f; }
.exp-cat-reisen   { background: #eaf8f2; color: #17845a; }
.exp-cat-sonstiges{ background: #f7f8fb; color: #7a8899; }

/* Rechnungsnummer-Zelle mit Icon */
.inv-num-cell {
  display: flex;
  align-items: center;
  gap: 9px;
}

.inv-num-icon {
  color: #b0bac8;
  font-size: 16px;
  flex: 0 0 auto;
}

/* Überfällige Fälligkeit */
.overdue-cell {
  color: #cf3a4f;
  font-weight: 680;
}

/* Ergebnisleiste unter der Toolbar */
.results-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 15px;
  border: 1px solid #edf0f5;
  border-radius: 12px;
  background: #f8f9fc;
  color: #667085;
  font-size: 12px;
  font-weight: 620;
}

.results-bar strong {
  color: #172033;
  font-weight: 760;
}

.results-sep {
  color: #d0d5dd;
  user-select: none;
}

.results-open {
  color: #cf3a4f;
  font-weight: 720;
}

.contact-stack {
  display: grid;
  gap: 3px;
}

.contact-link {
  color: #5d6b80;
  font-size: 11px;
  text-decoration: none;
}

.contact-link:hover {
  color: var(--blue);
}

.table-entity-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: #344054;
  cursor: pointer;
  font: inherit;
  font-weight: 650;
  text-align: left;
}

.table-entity-link:hover {
  color: var(--blue);
}

.offer-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.offer-status::before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.offer-status-draft { border-color: #dfe3ea; background: #f5f6f8; color: #6f7a8c; }
.offer-status-sent { border-color: #ccd7ff; background: #edf1ff; color: #3157e8; }
.offer-status-accepted { border-color: #c8eadc; background: #eaf8f2; color: #13704c; }
.offer-status-rejected { border-color: #f0cbd2; background: #fff0f2; color: #b62940; }

.ticket-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.ticket-stats article { display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid #e2e7ee; border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); color: #667085; font-size: 11px; }
.ticket-stats i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; background: #eef2ff; color: #4f46e5; }
.ticket-stats strong { margin-right: 4px; color: #172033; font-size: 17px; }
.toolbar-tickets { grid-template-columns: minmax(260px,1fr) 190px 170px; }
.ticket-table { min-width: 1120px; }
.ticket-row { cursor: pointer; }
.ticket-row:hover td { background: #fafbff; }
.ticket-message-count { display: block; margin-top: 5px; color: #98a2b3; font-size: 9px; }
.ticket-subject { display: block; max-width: 260px; overflow: hidden; color: #344054; text-overflow: ellipsis; white-space: nowrap; }
.ticket-status,.ticket-priority { display: inline-flex; align-items: center; gap: 6px; width: max-content; padding: 5px 8px; border: 1px solid transparent; border-radius: 999px; font-size: 9px; font-weight: 780; white-space: nowrap; }
.ticket-status::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: ''; }
.ticket-status-offen { border-color: #bfdbfe; background: #eff6ff; color: #2563eb; }
.ticket-status-in-bearbeitung { border-color: #c7d2fe; background: #eef2ff; color: #4f46e5; }
.ticket-status-wartet-auf-kunde { border-color: #fed7aa; background: #fff7ed; color: #c2410c; }
.ticket-status-beantwortet { border-color: #a7f3d0; background: #ecfdf5; color: #047857; }
.ticket-status-geschlossen { border-color: #e2e8f0; background: #f8fafc; color: #64748b; }
.ticket-priority-niedrig { background: #f8fafc; color: #64748b; }
.ticket-priority-normal { background: #eef2ff; color: #4f46e5; }
.ticket-priority-hoch { background: #fff7ed; color: #c2410c; }
.ticket-priority-dringend { background: #fff1f2; color: #be123c; }
.ticket-message-input { min-height: 170px; }
.ticket-detail-card { width: min(980px,100%); }
.ticket-detail-kicker { margin-bottom: 3px; color: #4f46e5; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ticket-detail-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 14px; padding: 11px 13px; border: 1px solid #e5e9f0; border-radius: 12px; background: #f8fafc; color: #667085; font-size: 10px; }
.ticket-admin-controls { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 10px; margin-bottom: 15px; padding: 13px; border: 1px solid #dfe5ef; border-radius: 13px; background: #fbfcff; }
.ticket-conversation { display: grid; gap: 12px; max-height: 42vh; overflow-y: auto; padding: 16px; border: 1px solid #e1e6ed; border-radius: 15px; background: #f4f6f9; }
.ticket-message { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; width: min(82%,720px); }
.ticket-message-team { justify-self: end; }
.ticket-message-avatar { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #fff; color: #64748b; box-shadow: 0 2px 8px rgba(15,23,42,.08); }
.ticket-message:not(.ticket-message-team) .ticket-message-avatar { grid-column:1; }
.ticket-message:not(.ticket-message-team) > div:last-child { grid-column:2; }
.ticket-message-team { grid-template-columns:minmax(0,1fr) 34px; }
.ticket-message-team .ticket-message-avatar { grid-column:2; grid-row:1; background: #4f46e5; color: #fff; }
.ticket-message-team > div:last-child { grid-column:1; grid-row:1; }

/* Mail-Zentrale */
.broadcast-mail-panel { padding-bottom: 28px; }
.broadcast-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.broadcast-overview article { display:flex; min-width:0; align-items:center; gap:11px; padding:13px 14px; border:1px solid #e5e9f2; border-radius:13px; background:#f9fafc; }
.broadcast-overview article > i { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; background:#ecefff; color:#4f46e5; }
.broadcast-overview article span { display:grid; gap:1px; }
.broadcast-overview strong { color:#182033; font-size:16px; }
.broadcast-overview small { color:#7b8798; font-size:10px; }
.broadcast-layout { display:grid; grid-template-columns:minmax(290px,.78fr) minmax(430px,1.22fr); gap:16px; align-items:start; }
.broadcast-audience,.broadcast-composer { min-width:0; padding:18px; border:1px solid #e5e9f2; border-radius:16px; background:#fff; }
.broadcast-audience { background:#fbfcff; }
.broadcast-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }
.broadcast-section-heading > div { display:flex; align-items:center; gap:10px; }
.broadcast-section-heading > div > span { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; border-radius:9px; background:#4f46e5; color:#fff; font-size:11px; font-weight:800; }
.broadcast-section-heading h4,.broadcast-list-heading strong { margin:0; color:#182033; font-size:13px; }
.broadcast-section-heading p { margin:2px 0 0; color:#8893a3; font-size:10px; }
.broadcast-section-heading .text-button { border:0; background:transparent; color:#596579; cursor:pointer; font:inherit; font-size:10px; font-weight:700; }
.broadcast-all-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.broadcast-all-options label { position:relative; cursor:pointer; }
.broadcast-all-options input { position:absolute; opacity:0; pointer-events:none; }
.broadcast-all-options label > span { display:grid; min-height:88px; align-content:center; gap:3px; padding:12px; border:1px solid #e1e6ef; border-radius:12px; background:#fff; transition:.18s ease; }
.broadcast-all-options label > span i { margin-bottom:4px; color:#69758b; }
.broadcast-all-options strong { color:#344054; font-size:11px; }
.broadcast-all-options small { color:#8a95a5; font-size:9px; line-height:1.45; }
.broadcast-all-options input:checked + span { border-color:#818cf8; background:#eef0ff; box-shadow:0 0 0 2px rgba(79,70,229,.08); }
.broadcast-all-options input:checked + span i,.broadcast-all-options input:checked + span strong { color:#4338ca; }
.broadcast-recipient-group { margin-top:14px; padding-top:14px; border-top:1px solid #e8ebf1; }
.broadcast-list-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.broadcast-list-heading small { color:#8a95a5; font-size:9px; }
.broadcast-role-options { display:flex; flex-wrap:wrap; gap:6px; }
.broadcast-role-options label { cursor:pointer; }
.broadcast-role-options input { position:absolute; opacity:0; }
.broadcast-role-options span { display:flex; align-items:center; gap:6px; min-height:29px; padding:0 9px; border:1px solid #dfe4ec; border-radius:999px; background:#fff; color:#5e6a7d; font-size:10px; font-weight:700; }
.broadcast-role-options span small { display:grid; min-width:17px; height:17px; place-items:center; border-radius:999px; background:#eef1f5; font-size:8px; }
.broadcast-role-options input:checked + span { border-color:#818cf8; background:#4f46e5; color:#fff; }
.broadcast-role-options input:checked + span small { background:rgba(255,255,255,.2); }
.broadcast-directory-tabs { display:flex; gap:4px; margin-top:15px; padding:4px; border-radius:10px; background:#eef1f6; }
.broadcast-directory-tabs button { flex:1; min-height:31px; border:0; border-radius:7px; background:transparent; color:#718096; cursor:pointer; font:inherit; font-size:10px; font-weight:700; }
.broadcast-directory-tabs button.active { background:#fff; box-shadow:0 2px 7px rgba(16,24,40,.08); color:#344054; }
.broadcast-directory { margin-top:10px; }
.broadcast-search { display:flex; align-items:center; gap:8px; min-height:36px; padding:0 10px; border:1px solid #dfe4ec; border-radius:9px; background:#fff; color:#98a2b3; }
.broadcast-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#344054; font:inherit; font-size:10px; }
.broadcast-contact-list { display:grid; max-height:318px; gap:4px; margin-top:7px; overflow:auto; }
.broadcast-contact { display:grid; grid-template-columns:16px 31px minmax(0,1fr); align-items:center; gap:8px; padding:7px 8px; border-radius:9px; cursor:pointer; }
.broadcast-contact:hover { background:#f0f3fa; }
.broadcast-contact input { accent-color:#4f46e5; }
.broadcast-contact-avatar { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:#e9edff; color:#4f46e5; font-size:10px; font-weight:800; }
.broadcast-contact > span:last-child { display:grid; min-width:0; gap:0; }
.broadcast-contact strong,.broadcast-contact small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.broadcast-contact strong { color:#344054; font-size:10px; }
.broadcast-contact small { color:#8792a3; font-size:8px; }
.broadcast-empty { padding:14px; color:#98a2b3; font-size:10px; text-align:center; }
.broadcast-composer { display:grid; gap:13px; }
.broadcast-composer .broadcast-section-heading { margin-bottom:0; }
.broadcast-template-row { display:grid; grid-template-columns:minmax(140px,.8fr) minmax(160px,1fr) auto; gap:8px; align-items:end; padding:12px; border-radius:12px; background:#f6f7fb; }
.broadcast-template-row > div { display:flex; gap:5px; }
.broadcast-template-row .button { white-space:nowrap; }
.broadcast-toolbar { margin-bottom:-13px; border-radius:10px 10px 0 0; }
.broadcast-body { border-radius:0 0 10px 10px; font-family:"SFMono-Regular",Consolas,monospace; font-size:10px; line-height:1.6; }
.broadcast-preview-heading { display:flex; align-items:center; justify-content:space-between; }
.broadcast-preview-heading small { color:#98a2b3; font-size:9px; }
.broadcast-preview { width:100%; height:210px; border:1px solid #dfe4ec; border-radius:11px; background:#fff; }
.broadcast-send-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:2px -18px -18px; padding:14px 18px; border-top:1px solid #e6eaf1; border-radius:0 0 16px 16px; background:#f8f9fc; }
.broadcast-send-bar > div { display:grid; gap:2px; }
.broadcast-send-bar strong { color:#344054; font-size:11px; }
.broadcast-send-bar small { color:#8792a3; font-size:9px; }

@media (max-width:1180px) {
  .broadcast-layout { grid-template-columns:1fr; }
  .broadcast-contact-list { max-height:240px; }
}
@media (max-width:720px) {
  .broadcast-overview { grid-template-columns:1fr; }
  .broadcast-all-options,.broadcast-template-row { grid-template-columns:1fr; }
  .broadcast-send-bar { align-items:stretch; flex-direction:column; }
  .broadcast-send-bar .button { width:100%; }
}
.ticket-message > div:last-child { padding: 11px 13px; border: 1px solid #e1e6ed; border-radius: 4px 14px 14px; background: #fff; box-shadow: 0 3px 12px rgba(15,23,42,.04); }
.ticket-message-team > div:last-child { border-color: #cdd5ff; border-radius: 14px 4px 14px 14px; background: #eef2ff; }
.ticket-message header { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; margin-bottom: 7px; }
.ticket-message header strong { color: #344054; font-size: 11px; }
.ticket-message header span { color: #98a2b3; font-size: 8px; }
.ticket-message p { margin: 0; color: #475467; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.ticket-reply { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 10px; margin-top: 14px; }
.ticket-reply label { display: grid; gap: 6px; }
.ticket-reply textarea { min-height: 90px; resize: vertical; }
.ticket-detail-actions { justify-content: space-between; }

@media (max-width: 760px) {
  .ticket-stats { grid-template-columns: 1fr; }
  .toolbar-tickets { grid-template-columns: 1fr; }
  .ticket-admin-controls { grid-template-columns: 1fr; }
  .ticket-message { width: 96%; }
  .ticket-reply { grid-template-columns: 1fr; }
}

.status-select {
  width: 108px;
  height: 32px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0 9px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 750;
  text-transform: capitalize;
}

.status-paid {
  border-color: #c8eadc;
  background: #eaf8f2;
  color: #13704c;
}

.status-warned {
  border-color: #f0d8b8;
  background: #fff4e8;
  color: #a94f12;
}

.status-open {
  border-color: #f0cbd2;
  background: #fff0f2;
  color: #b62940;
}

.table-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.icon-button {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #e5e8ef;
  border-radius: 10px;
  background: #fff;
  color: #5e6a7e;
  cursor: pointer;
  font-size: 11px;
  text-decoration: none;
  transition: 160ms ease;
}

.icon-button:hover {
  border-color: #d6dce6;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
  color: var(--blue);
  transform: translateY(-1px);
}

.icon-button-danger:hover {
  border-color: #f0cbd2;
  background: #fff6f7;
  color: var(--red);
}

.empty-state {
  padding: 62px 24px !important;
  color: #8b95a6 !important;
  text-align: center;
}

.empty-state i {
  display: block;
  margin-bottom: 12px;
  color: #c3c9d3;
  font-size: 24px;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.modal.open {
  display: flex;
}

.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 10, 19, 0.7);
  backdrop-filter: blur(8px);
}

.modal-card {
  position: relative;
  width: min(570px, 100%);
  max-height: calc(100vh - 44px);
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 24px;
  padding: 27px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--shadow-lg);
  animation: modal-in 220ms ease both;
}

.modal-card-wide {
  width: min(880px, 100%);
}

.modal-card-extra-wide {
  width: min(1380px, calc(100vw - 40px));
  max-height: calc(100vh - 32px);
}

.customer-files-card{width:min(1420px,calc(100vw - 34px));height:min(880px,calc(100vh - 34px));max-height:none;padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:22px}.customer-files-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 28px 18px;border-bottom:1px solid #e8edf3}.customer-files-header h2{margin:3px 0 4px;font-size:25px}.customer-files-header p{margin:0;color:#687386}.customer-files-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;border-bottom:1px solid #e8edf3;background:#fbfcfe}.customer-files-breadcrumbs{display:flex;align-items:center;gap:6px;min-width:0;overflow:auto}.customer-files-breadcrumbs button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#647084;padding:7px;border-radius:8px;white-space:nowrap;cursor:pointer}.customer-files-breadcrumbs button:hover{background:#edf3ff;color:#2457d6}.customer-files-breadcrumbs button[aria-current=page]{color:#172033;font-weight:700}.customer-files-breadcrumbs>i{font-size:9px;color:#aab2bf}.customer-files-actions{display:flex;align-items:center;gap:9px;flex:none}.customer-files-search{display:flex;align-items:center;gap:8px;width:220px;padding:0 12px;border:1px solid #dce2ea;border-radius:10px;background:#fff;color:#8a94a5}.customer-files-search input{width:100%;padding:9px 0;border:0;outline:0;background:transparent}.customer-files-upload{cursor:pointer}.customer-files-folder-form{display:flex;align-items:flex-end;gap:10px;padding:14px 28px;border-bottom:1px solid #e8edf3;background:#f7f9fc}.customer-files-folder-form label{flex:1;max-width:440px}.customer-files-workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:0;flex:1}.customer-files-main{display:flex;flex-direction:column;min-width:0;padding:18px 22px 22px}.customer-files-dropzone{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px dashed #bdc8d8;border-radius:11px;background:#fafcff;color:#657287;cursor:pointer;transition:.18s ease}.customer-files-dropzone:hover,.customer-files-dropzone.dragging{border-color:#3569db;background:#edf4ff;color:#2457d6}.customer-files-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:10px;padding-top:16px;overflow:auto}.customer-file-entry{position:relative;border:1px solid #e1e6ed;border-radius:12px;background:#fff;transition:.16s ease}.customer-file-entry:hover,.customer-file-entry.selected{border-color:#9db8ee;box-shadow:0 5px 16px rgba(30,64,130,.08)}.customer-file-entry.selected{background:#f5f8ff}.customer-file-open{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border:0;background:transparent;text-align:left;cursor:pointer}.customer-file-entry:has(.customer-file-entry-actions) .customer-file-open{padding-right:70px}.customer-file-entry-actions{position:absolute;top:8px;right:7px;display:none;gap:3px}.customer-file-entry:hover .customer-file-entry-actions{display:flex}.customer-file-entry-actions button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:7px;background:#f0f3f8;color:#667184;cursor:pointer}.customer-file-entry-actions button:hover{background:#dfe8fa;color:#2457d6}.customer-file-entry-actions button:last-child:hover{background:#fee8e8;color:#c93636}.customer-file-entry-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:#eef3fb;color:#3769cf;font-size:18px}.is-folder .customer-file-entry-icon{background:#fff4d8;color:#d39214}.customer-file-entry-copy{min-width:0;flex:1}.customer-file-entry-copy strong,.customer-file-entry-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-file-entry-copy strong{color:#202a3a;font-size:14px}.customer-file-entry-copy small{margin-top:4px;color:#8791a0;font-size:12px}.customer-file-chevron{font-size:11px;color:#a2aab6}.customer-files-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;color:#8993a2;text-align:center}.customer-files-empty i{margin-bottom:12px;font-size:28px}.customer-files-empty span{margin-top:5px;font-size:13px}.customer-file-preview{min-width:0;padding:20px;border-left:1px solid #e5eaf0;background:#f7f9fc;overflow:auto}.customer-file-preview-empty,.customer-file-no-preview{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;color:#8a94a3;text-align:center}.customer-file-preview-empty i,.customer-file-no-preview i{margin-bottom:12px;font-size:30px}.customer-file-preview-empty span,.customer-file-no-preview span{margin-top:5px;font-size:13px}.customer-file-preview-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.customer-file-preview-head>div{min-width:0}.customer-file-preview-head strong,.customer-file-preview-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-file-preview-head small{margin-top:4px;color:#7b8594}.customer-file-preview-media{display:grid;place-items:center;height:calc(100% - 130px);min-height:330px;border:1px solid #e1e6ec;border-radius:12px;background:#fff;overflow:hidden}.customer-file-preview-media img,.customer-file-preview-media video{display:block;max-width:100%;max-height:100%;object-fit:contain}.customer-file-preview-media iframe{width:100%;height:100%;border:0}.customer-file-preview-media audio{width:90%}.customer-file-preview-actions{display:flex;gap:8px;margin-top:14px}.customer-file-preview-actions .button-danger{margin-left:auto}.customer-files-card>.form-message{margin:12px 28px 0}.customer-files-dropzone.uploading{pointer-events:none}

@media (max-width:980px){.customer-files-card{width:100%;height:calc(100vh - 20px)}.customer-files-toolbar{align-items:stretch;flex-direction:column}.customer-files-actions{flex-wrap:wrap}.customer-files-search{flex:1;width:auto;min-width:180px}.customer-files-workspace{grid-template-columns:1fr}.customer-file-preview{display:none}.customer-files-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media (max-width:620px){.customer-files-modal{padding:0}.customer-files-card{height:100vh;border-radius:0}.customer-files-header,.customer-files-toolbar,.customer-files-main{padding-left:16px;padding-right:16px}.customer-files-actions .button{flex:1}.customer-files-list{grid-template-columns:1fr}}

.inline-number-field,
.schedule-interval {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.inline-number-field > span { color: var(--muted); font-size: 13px; font-weight: 700; }
.schedule-interval { grid-template-columns: 90px minmax(0, 1fr); }
.automation-modal-card { overflow-y: auto; }
.automation-toolbar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.automation-form { display: grid; gap: 18px; }
.schedule-list { display: grid; gap: 10px; }
.schedule-card { display: grid; grid-template-columns: minmax(0, 1fr) 170px auto; gap: 18px; align-items: center; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-soft); }
.schedule-card-main { display: flex; gap: 12px; align-items: center; min-width: 0; }
.schedule-card-main strong { display: block; margin-bottom: 4px; }
.schedule-card-main p { margin: 0; color: var(--muted); font-size: 13px; }
.schedule-card-date { display: grid; gap: 3px; }
.schedule-card-date span,.schedule-card-date small { color: var(--muted); font-size: 11px; }
.schedule-switches { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.invoice-page-intro { margin-bottom: 18px; }
.invoice-settings-layout { grid-template-columns: 270px minmax(0, 1fr); gap: 18px; }
.invoice-settings-layout.customer-invoice-layout { grid-template-columns: minmax(0, 1fr); }
.customer-invoice-layout .invoice-settings-content { grid-column: 1 / -1; }
.invoice-navigation { top: 98px; }
.invoice-settings-content { min-width: 0; }
.invoice-subview-panel[hidden] { display: none; }
.invoice-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.invoice-panel-heading h3 { margin: 5px 0 4px; color: #182236; font-size: 21px; }
.invoice-panel-heading p { margin: 0; color: #7b8799; font-size: 12px; }
.invoice-panel-heading .header-actions { justify-content: flex-end; }
.invoice-automation-panel { padding: 23px 24px 24px; border: 1px solid rgba(218,223,233,.9); border-radius: 21px; background: #fff; box-shadow: var(--shadow-sm); }
.invoice-schedule-form { margin-top: 18px; padding-top: 20px; border-top: 1px solid #e8ecf2; }
.invoice-schedule-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 4px; }
@media(max-width:1100px){.invoice-settings-layout{grid-template-columns:235px minmax(0,1fr)}.invoice-panel-heading{align-items:stretch;flex-direction:column}.invoice-panel-heading .header-actions{justify-content:flex-start}}
@media(max-width:800px){.invoice-settings-layout{grid-template-columns:1fr}.invoice-navigation{position:static;display:flex;overflow-x:auto}.invoice-navigation .account-navigation-head,.invoice-navigation .account-navigation-note{display:none}.invoice-navigation button.settings-nav-item{display:flex;min-height:44px;flex:0 0 auto;margin:0}.invoice-automation-panel{padding:18px}.schedule-card{grid-template-columns:1fr}.invoice-schedule-actions .button{flex:1}}
.template-studio-view.active { display: block; }
.template-studio { overflow: hidden; padding: 24px 24px 0; border: 1px solid #dfe5ed; border-radius: 22px; background: #fff; box-shadow: 0 18px 55px rgba(15,23,42,.08); }
.template-studio-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 20px; }
.template-studio-heading { display: flex; align-items: center; gap: 13px; min-width: 0; }
.template-studio-heading .modal-icon { flex: 0 0 auto; }
.template-studio-heading .modal-title { margin: 2px 0 3px; }
.template-back-button { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; border: 1px solid #dce2eb; border-radius: 11px; background: #fff; color: #475467; cursor: pointer; }
.template-back-button:hover { border-color: #a5b4fc; background: #eef2ff; color: #4338ca; }
.template-header-actions { display: flex; align-items: center; gap: 14px; }
.template-save-state { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; background: #ecfdf3; color: #067647; font-size: 11px; font-weight: 750; }
.template-save-state.is-dirty { background: #fffaeb; color: #b54708; }
.template-save-state i { font-size: 8px; }
.invoice-template-manager { display: grid; grid-template-columns: minmax(210px,.75fr) minmax(240px,1fr) auto minmax(360px,auto); align-items: end; gap: 12px; margin: 0 0 16px; padding: 14px; border: 1px solid #dfe5ed; border-radius: 15px; background: linear-gradient(145deg,#f8faff,#f4f7fc); }
.invoice-template-manager > label { min-width: 0; }
.invoice-template-manager-actions { display: flex; justify-content: flex-end; gap: 8px; }
.invoice-template-default-badge { align-self: end; min-height: 42px; justify-content: center; border: 1px solid #bce5d0; background: #ecfdf3; color: #067647; }
.invoice-template-default-badge[hidden] { display: none; }
.template-studio-toolbar { display: flex; align-items: center; gap: 10px; margin-inline: -24px; padding: 9px 24px; border-block: 1px solid #e5e9f0; background: #f8fafc; }
.template-tool-group { display: flex; overflow: hidden; border: 1px solid #d9e0ea; border-radius: 9px; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.template-tool { display: inline-grid; place-items: center; min-width: 34px; height: 33px; padding: 0 9px; border: 0; border-right: 1px solid #e6eaf0; background: transparent; color: #475467; cursor: pointer; font-family: inherit; font-size: 11px; font-weight: 750; line-height: 1; }
.template-tool:last-child { border-right: 0; }
.template-tool:hover { background: #eef2ff; color: #4338ca; }
.template-tool-labeled { display: inline-flex; gap: 7px; }
.template-tool-spacer { flex: 1; }
.template-placeholder-panel { margin: 14px 0; padding: 12px 14px; border: 1px solid #e3e8ef; border-radius: 13px; background: linear-gradient(145deg,#fbfcff,#f7f9fc); }
.template-placeholder-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
.template-placeholder-heading > div { display: flex; align-items: baseline; gap: 9px; }
.template-placeholder-heading strong { color: #344054; font-size: 12px; }
.template-placeholder-heading span { color: #98a2b3; font-size: 10px; }
.template-placeholder-search { display: flex; align-items: center; gap: 7px; width: min(230px,40%); padding: 6px 9px; border: 1px solid #d8dee8; border-radius: 8px; background: #fff; color: #98a2b3; }
.template-placeholder-search input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #344054; font-size: 11px; }
.template-placeholders { display: flex; flex-wrap: wrap; gap: 12px 18px; }
.template-placeholder-group { display: flex; align-items: center; gap: 7px; }
.template-placeholder-group > span { color: #98a2b3; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.template-placeholder-group > div { display: flex; flex-wrap: wrap; gap: 5px; }
.template-placeholders button { padding: 5px 8px; border: 1px solid #cdd7f6; border-radius: 7px; background: #eef2ff; color: #4338ca; cursor: pointer; font: 700 10px/1.2 Consolas,monospace; transition: .15s ease; }
.template-placeholders button:hover { border-color: #818cf8; background: #e0e7ff; transform: translateY(-1px); }
.template-placeholder-empty { margin: 3px 0; color: #98a2b3; font-size: 11px; }
.invoice-template-layout { display: grid; grid-template-columns: minmax(380px, .82fr) minmax(460px, 1.18fr); gap: 18px; min-height: 68vh; }
.template-editor-column,.template-preview-column { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 7px; min-width: 0; }
.template-preview-column { grid-template-rows: auto minmax(0,1fr); }
.template-column-heading { display: flex; align-items: center; justify-content: space-between; min-height: 27px; gap: 12px; }
.template-char-count { color: #98a2b3; font-size: 10px; }
.invoice-template-source { min-height: 68vh; resize: none; border-color: #d6dce6; border-radius: 11px; background: #101827; color: #dce7f7; caret-color: #a5b4fc; font: 12px/1.55 Consolas,Monaco,monospace; tab-size: 2; }
.invoice-template-source:focus { border-color: #818cf8; box-shadow: 0 0 0 3px rgba(99,102,241,.14); }
.template-editor-hint { margin: 0; color: #98a2b3; font-size: 9px; }
.template-editor-hint kbd { padding: 1px 4px; border: 1px solid #d0d5dd; border-radius: 4px; background: #f9fafb; color: #667085; font: inherit; }
.template-preview-controls { display: flex; align-items: center; gap: 7px; }
.template-segmented { display: flex; overflow: hidden; border: 1px solid #d8dee8; border-radius: 8px; }
.template-segmented button { width: 31px; height: 27px; border: 0; border-right: 1px solid #e3e7ed; background: #fff; color: #667085; cursor: pointer; }
.template-segmented button:last-child { border: 0; }
.template-segmented button.active { background: #eef2ff; color: #4f46e5; }
.template-zoom { height: 29px; border: 1px solid #d8dee8; border-radius: 8px; background: #fff; color: #667085; font-size: 10px; }
.template-preview-frame { --template-scale: 1; overflow: auto; min-height: 68vh; padding: 18px; border: 1px solid #d6dce6; border-radius: 11px; background: #e8edf3; }
.invoice-template-preview { display: block; border: 0; background: white; box-shadow: 0 8px 24px rgba(15,23,42,.15); zoom: var(--template-scale); }
.template-preview-frame.preview-page { display: flex; align-items: flex-start; justify-content: center; }
.template-preview-frame.preview-page .invoice-template-preview { flex: 0 0 auto; width: 794px; min-width: 794px; height: 1123px; min-height: 1123px; }
.template-preview-frame.preview-wide .invoice-template-preview { width: calc(100% / var(--template-scale)); min-height: calc(68vh / var(--template-scale)); }
.template-studio-actions { margin: 16px -24px 0; padding: 14px 24px; border-top: 1px solid #e5e9f0; background: #f8fafc; }
.template-studio-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.template-studio-actions > span { color: #98a2b3; font-size: 10px; }
.template-studio-actions > div { display: flex; gap: 9px; }

@media (max-width: 1180px) {
  .invoice-template-manager { grid-template-columns: 1fr 1fr; }
  .invoice-template-manager-actions { justify-content: flex-start; }
  .invoice-template-layout { grid-template-columns: 1fr; min-height: 0; }
  .invoice-template-source,.template-preview-frame { min-height: 430px; }
}

@media (max-width: 700px) {
  .template-save-state { display: none; }
  .template-studio { padding: 16px 16px 0; border-radius: 16px; }
  .template-studio-header { align-items: flex-start; }
  .template-studio-heading .modal-icon { display: none; }
  .template-header-actions > .button { display: none; }
  .invoice-template-manager { grid-template-columns: 1fr; }
  .invoice-template-manager-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .invoice-template-manager-actions .button:last-child { grid-column: 1/-1; }
  .template-studio-toolbar { flex-wrap: wrap; margin-inline: -16px; padding-inline: 16px; }
  .template-tool-spacer { display: none; }
  .template-placeholder-heading { align-items: stretch; flex-direction: column; }
  .template-placeholder-search { width: 100%; }
  .template-placeholder-group { align-items: flex-start; flex-direction: column; }
  .template-studio-actions { align-items: stretch; flex-direction: column; margin-inline: -16px; padding-inline: 16px; }
  .template-studio-actions > div { display: grid; grid-template-columns: 1fr 1fr; }
  .template-preview-frame { padding: 10px; }
}

.template-studio-active .page-header { display: none; }
.template-studio-active .main-content { padding-top: 24px; }

.customer-detail-card {
  width: min(1040px, 100%);
}

.customer-record-view.active { display: block; }
.customer-record-page-header { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 18px; padding: 20px 22px; border: 1px solid #dfe5ed; border-radius: 19px; background: #fff; box-shadow: 0 12px 35px rgba(15,23,42,.07); }
.customer-record-page-heading { display: flex; align-items: center; gap: 13px; min-width: 0; }
.customer-record-page-heading .modal-title { margin: 2px 0 3px; }
.customer-record-page-heading .modal-icon { flex: 0 0 auto; }
.customer-record-active .page-header { display: none; }
.customer-detail-stats.customer-detail-stats-four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.customer-access-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.customer-ticket-table tbody tr { cursor: pointer; }
.customer-ticket-table tbody tr:hover td { background: #fafbff; }

.customer-detail-header {
  align-items: flex-start;
}

.customer-detail-header-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

.customer-detail-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.customer-detail-stats article {
  display: grid;
  gap: 7px;
  min-height: 120px;
  padding: 17px;
  border: 1px solid #e5e9ef;
  border-radius: 16px;
  background: linear-gradient(145deg, #fbfcfe, #f6f8fb);
}

.customer-detail-stats span {
  color: #7c8798;
  font-size: 10px;
  font-weight: 720;
}

.customer-detail-stats strong {
  align-self: end;
  color: #172033;
  font-size: 22px;
  letter-spacing: -0.035em;
}

.customer-detail-stats small {
  color: #98a2b3;
  font-size: 9px;
  font-weight: 650;
}

.account-wizard-card { width: min(820px,100%); }
.account-wizard-progress { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 10px; margin: 2px 0 24px; padding: 13px 16px; border: 1px solid #e4e8ef; border-radius: 14px; background: #f8fafc; }
.account-wizard-progress > i { height: 2px; background: #dfe4ec; }
.account-wizard-progress button { display: flex; align-items: center; gap: 8px; border: 0; background: transparent; color: #98a2b3; cursor: default; font-family: inherit; }
.account-wizard-progress button span { display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid #d9dfe8; border-radius: 50%; background: #fff; font-size: 10px; font-weight: 800; }
.account-wizard-progress button small { font-size: 10px; font-weight: 750; }
.account-wizard-progress button.active { color: #4338ca; }
.account-wizard-progress button.active span { border-color: #6366f1; background: #4f46e5; color: #fff; }
.account-wizard-step { animation: view-in 180ms ease both; }
.wizard-step-heading { margin-bottom: 18px; }
.wizard-step-heading h3 { margin: 4px 0; color: #172033; font-size: 18px; }
.wizard-step-heading p { margin: 0; color: #7a8799; font-size: 11px; }
.wizard-password-field { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.wizard-password-field input { font-family: Consolas,Monaco,monospace; letter-spacing: .035em; }
.wizard-role-option { display: flex; align-items: flex-start; gap: 9px; padding: 11px; border: 1px solid #e1e6ed; border-radius: 11px; background: #fff; cursor: pointer; }
.wizard-role-option:has(input:checked) { border-color: #a5b4fc; background: #f5f6ff; }
.wizard-role-option input { margin-top: 2px; accent-color: #4f46e5; }
.wizard-role-option span { display: grid; gap: 3px; }
.wizard-role-option strong { color: #344054; font-size: 11px; }
.wizard-role-option small { color: #98a2b3; font-size: 9px; line-height: 1.35; }
.account-wizard-review { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.account-wizard-review article { display: grid; gap: 5px; padding: 12px 13px; border: 1px solid #e3e8ef; border-radius: 11px; background: #f9fafc; }
.account-wizard-review span { color: #98a2b3; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.account-wizard-review strong,.account-wizard-review code { color: #344054; font-size: 11px; overflow-wrap: anywhere; }
.account-wizard-review code { font-family: Consolas,Monaco,monospace; }
.wizard-confirm { display: flex; align-items: center; gap: 9px; margin-top: 15px; padding: 12px 13px; border-radius: 11px; background: #eef2ff; color: #4338ca; font-size: 11px; font-weight: 700; }
.wizard-confirm input { accent-color: #4f46e5; }
.account-wizard-actions { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; }

@media (max-width: 950px) {
  .customer-detail-stats-four { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
  .customer-record-page-header { align-items: flex-start; flex-direction: column; padding: 16px; }
  .customer-record-page-header .header-actions,.customer-record-page-header .button { width: 100%; }
  .customer-record-page-heading .modal-icon { display: none; }
  .customer-detail-stats-four { grid-template-columns: 1fr; }
  .account-wizard-progress button small { display: none; }
  .account-wizard-review { grid-template-columns: 1fr; }
  .wizard-password-field { grid-template-columns: 1fr; }
  .account-wizard-actions { grid-template-columns: 1fr 1fr; }
}

.customer-info-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-bottom: 22px;
  border: 1px solid #e5e9ef;
  border-radius: 16px;
  background: #e8ebf0;
}

.customer-info-item,
.customer-info-notes {
  min-height: 82px;
  padding: 15px 16px;
  background: #fff;
}

.customer-info-item span,
.customer-info-notes > span {
  display: block;
  margin-bottom: 8px;
  color: #98a2b3;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.customer-info-item strong {
  color: #344054;
  font-size: 11px;
  font-weight: 680;
  line-height: 1.5;
}

.customer-info-item a {
  color: var(--blue);
  text-decoration: none;
}

.customer-info-notes {
  grid-column: 1 / -1;
  min-height: auto;
}

.customer-info-notes p {
  margin: 0;
  color: #5c687a;
  font-size: 11px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.customer-record-section {
  overflow: hidden;
  margin-top: 14px;
  border: 1px solid #e5e9ef;
  border-radius: 16px;
  background: #fff;
}

.customer-record-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 17px;
  border-bottom: 1px solid #e9ecf1;
  background: #f9fafc;
}

.customer-record-heading h3 {
  margin: 0;
  color: #172033;
  font-size: 14px;
  font-weight: 750;
}

.customer-record-heading > span {
  display: grid;
  min-width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 9px;
  background: #edf1ff;
  color: var(--blue);
  font-size: 10px;
  font-weight: 800;
}

.detail-table {
  min-width: 700px;
}

.detail-table td {
  height: 56px;
}

.customer-detail-empty {
  display: grid;
  min-height: 105px;
  place-items: center;
  align-content: center;
  gap: 9px;
  padding: 20px;
  color: #98a2b3;
  font-size: 10px;
}

.customer-detail-empty i {
  color: #c3c9d3;
  font-size: 18px;
}

@keyframes modal-in {
  from { opacity: 0; transform: translateY(12px) scale(0.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.modal-icon {
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: 15px;
  place-items: center;
  border-radius: 13px;
  background: #eef2ff;
  color: var(--blue);
  font-size: 15px;
}

.modal-title {
  margin: 0;
  color: #101828;
  font-size: 19px;
  font-weight: 760;
  letter-spacing: -0.028em;
}

.modal-copy {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.modal-close {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #e7eaf0;
  border-radius: 10px;
  background: #f8f9fb;
  color: #7d8798;
  cursor: pointer;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.form-field-wide {
  grid-column: 1 / -1;
}

.offer-items-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #edf0f4;
}

.offer-items-copy {
  margin-top: 3px;
  color: #929bac;
  font-size: 10px;
}

.offer-items-actions {
  display: flex;
  align-items: end;
  gap: 8px;
}

.offer-items-actions > label > span:first-child {
  display: block;
  margin: 0 0 5px 2px;
  color: #667085;
  font-size: 10px;
  font-weight: 700;
}

.offer-bulk-discount,
.offer-item-discount {
  position: relative;
  display: block;
}

.offer-bulk-discount .form-control,
.offer-item-discount .form-control {
  padding-right: 28px;
}

.offer-bulk-discount .form-control {
  width: 88px;
  min-height: 36px;
}

.offer-bulk-discount b,
.offer-item-discount b {
  position: absolute;
  top: 50%;
  right: 11px;
  color: #667085;
  font-size: 11px;
  transform: translateY(-50%);
  pointer-events: none;
}

.offer-items {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.offer-item {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) 78px 112px 88px 100px 34px;
  gap: 9px;
  align-items: end;
  padding: 12px;
  border: 1px solid #e7eaf0;
  border-radius: 14px;
  background: #fafbfc;
}

.offer-item .form-control {
  background: #fff;
}

.offer-item.billing-item {
  grid-template-columns: minmax(200px, 1fr) 132px 74px 82px 108px 70px;
  align-items: end;
}

.billing-item > div {
  display: flex;
  grid-column: 1 / -2;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  min-height: 34px;
  padding-top: 3px;
}

.billing-item > div .form-label {
  margin: 0;
}

.billing-item .billingItemTotal {
  min-height: 0;
}

.billing-item .billing-remove-item {
  grid-column: -2 / -1;
  justify-self: end;
  margin: 0;
}

.offer-line-total {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: flex-end;
  color: #172033;
  font-size: 12px;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}

.offer-remove-item {
  margin-bottom: 5px;
}

.offer-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 26px;
  margin-top: 22px;
}

.offer-summary {
  padding: 16px;
  border: 1px solid #e6e9ef;
  border-radius: 15px;
  background: #f8f9fb;
}

.tax-field {
  display: block;
  margin-bottom: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid #e4e8ee;
}

.tax-field > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.tax-field .form-control {
  width: 82px;
  min-height: 38px;
  background: #fff;
}

.tax-field > div > span {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.offer-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 6px 0;
  color: #667085;
  font-size: 11px;
}

.offer-summary-row strong {
  color: #344054;
  font-variant-numeric: tabular-nums;
}

.offer-summary-discount strong {
  color: #16845b;
}

.offer-summary-total {
  margin-top: 7px;
  padding-top: 12px;
  border-top: 1px solid #dce1e8;
  color: #172033;
  font-size: 13px;
  font-weight: 750;
}

.offer-summary-total strong {
  color: var(--blue);
  font-size: 16px;
}

.form-label {
  display: block;
  margin: 0 0 7px 2px;
  color: #475467;
  font-size: 11px;
  font-weight: 720;
}

.optional-label {
  margin-left: 5px;
  color: #98a2b3;
  font-size: 9px;
  font-weight: 650;
  text-transform: uppercase;
}

.upload-customer-field {
  display: block;
  margin-top: 16px;
}

.form-control {
  width: 100%;
  min-height: 44px;
  border: 1px solid #dfe4eb;
  border-radius: 12px;
  padding: 10px 12px;
  background: #fafbfc;
  color: #273345;
  font-size: 12px;
  transition: 160ms ease;
}

.form-control:focus {
  border-color: rgba(49, 87, 232, 0.55);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(49, 87, 232, 0.08);
  outline: none;
}

textarea.form-control {
  min-height: 92px;
  resize: vertical;
}

.file-drop {
  display: block;
  padding: 23px;
  border: 1.5px dashed #ccd3df;
  border-radius: 16px;
  background: #f9fafc;
  text-align: center;
  transition: 160ms ease;
}

.file-drop:hover {
  border-color: #8ca0f3;
  background: #f7f8ff;
}

.file-drop-icon {
  display: grid;
  width: 46px;
  height: 46px;
  margin: 0 auto 12px;
  place-items: center;
  border-radius: 14px;
  background: #eaf0ff;
  color: var(--blue);
}

.file-drop-title {
  display: block;
  color: #344054;
  font-size: 12px;
  font-weight: 730;
}

.file-drop-copy {
  display: block;
  margin-top: 4px;
  color: #8a94a6;
  font-size: 10px;
}

.form-message {
  margin: 13px 0 0;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 11px 13px;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.45;
}

.form-message-error {
  border-color: #f1ccd3;
  background: #fff1f3;
  color: #a92239;
}

.form-message-success {
  border-color: #c8eadc;
  background: #edf9f4;
  color: #126b49;
}

.account-create-box {
  padding: 14px 16px;
  border: 1px solid var(--border-color, #d9e1ea);
  border-radius: 12px;
  background: rgba(245, 248, 252, .75);
}

.account-create-box .switch-row + .switch-row { margin-top: 10px; }
.field-hint { margin: 8px 0 0; color: var(--muted, #64748b); font-size: .82rem; }
.invoice-number-field { position: relative; display: flex; align-items: center; }
.invoice-number-field .form-control { padding-right: 42px; font-family: Consolas,Monaco,monospace; font-weight: 700; letter-spacing: .025em; }
.invoice-number-field button { position: absolute; right: 5px; display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 8px; background: #eef2ff; color: #4f46e5; cursor: pointer; }
.invoice-number-field button:hover { background: #e0e7ff; }
.invoice-number-field button:disabled { cursor: wait; opacity: .55; }
.invoice-number-field .is-loading { color: #98a2b3; }
.account-password-heading { margin-top: 8px; padding-top: 16px; border-top: 1px solid #e4e9f0; }

.settings-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 20px; align-items: start; }
.settings-navigation, .settings-card { border: 1px solid rgba(218, 223, 233, .9); border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.settings-navigation { position: sticky; top: 24px; padding: 18px 12px; }
.settings-navigation .panel-kicker { padding: 0 10px 12px; }
.settings-nav-item { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 0 11px; border-radius: 10px; color: #526074; text-decoration: none; font-size: 12px; font-weight: 700; }
.settings-navigation button.settings-nav-item { width: 100%; border: 0; background: transparent; font-family: inherit; text-align: left; cursor: pointer; }
.settings-nav-item i { width: 18px; color: #7a8799; text-align: center; }
.settings-nav-item.active, .settings-nav-item:hover:not(.disabled) { background: #edf1ff; color: #3157e8; }
.settings-navigation button.settings-nav-item.active,
.settings-navigation button.settings-nav-item:hover { background: #edf1ff; color: #3157e8; }
.settings-nav-item.disabled { cursor: default; opacity: .55; }
.settings-nav-item small { margin-left: auto; font-size: 9px; text-transform: uppercase; }
.settings-content { display: grid; gap: 18px; }
.settings-card { scroll-margin-top: 20px; padding: 24px; }
.settings-card-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.settings-card-heading h3 { margin: 0 0 4px; color: #101828; font-size: 16px; }
.settings-card-heading p { margin: 0; color: #7a8799; font-size: 11px; }
.settings-card-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: #edf1ff; color: #3157e8; }
.settings-actions { display: flex; justify-content: flex-end; }
.two-factor-secret { display: flex; align-items: center; gap: 10px; margin-top: 7px; padding: 12px 14px; border: 1px solid #dce3ed; border-radius: 10px; background: #f7f9fc; }
.two-factor-qr { display: grid; width: 220px; min-height: 220px; margin: 18px 0; padding: 12px; place-items: center; border: 1px solid #dce3ed; border-radius: 14px; background: #fff; }
.two-factor-qr img, .two-factor-qr canvas { max-width: 100%; height: auto; }
.two-factor-secret code { flex: 1; overflow-wrap: anywhere; color: #20304a; font-size: 13px; font-weight: 750; letter-spacing: .08em; }
.two-factor-confirm { margin-top: 18px; align-items: end; }
.two-factor-button-field { display: flex; align-items: end; min-height: 58px; }
.two-factor-backup-modal{z-index:1300}.two-factor-backup-card{display:flex;width:min(590px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 28px));flex-direction:column;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:24px;background:#fff}.two-factor-backup-header{display:flex;align-items:flex-start;gap:15px;padding:21px 23px 18px;border-bottom:1px solid #edf0f6;background:linear-gradient(135deg,#f7f8ff 0%,#fff 62%)}.two-factor-backup-icon{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:14px;background:linear-gradient(145deg,#665cf6,#4338ca);color:#fff;font-size:17px;box-shadow:0 9px 20px rgba(79,70,229,.2)}.two-factor-backup-heading{min-width:0;flex:1}.two-factor-backup-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.two-factor-backup-eyebrow small{color:#5d66c7;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.two-factor-backup-eyebrow span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #dfe3ff;border-radius:999px;background:#f1f3ff;color:#5158b7;font-size:8px;font-weight:800;white-space:nowrap}.two-factor-backup-header h2{margin:5px 0 4px;color:#1e293b;font-size:20px;letter-spacing:-.025em}.two-factor-backup-header p{max-width:470px;margin:0;color:#758196;font-size:10px;line-height:1.45}.two-factor-backup-body{min-height:0;padding:16px 23px 14px;overflow-y:auto}.two-factor-backup-notice{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #cce9dd;border-radius:11px;background:#f2fbf7;color:#24634e}.two-factor-backup-notice>span{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border-radius:8px;background:#d8f2e6;color:#13795b;font-size:10px}.two-factor-backup-notice strong,.two-factor-backup-notice p{display:block;margin:0}.two-factor-backup-notice strong{font-size:10px}.two-factor-backup-notice p{margin-top:2px;color:#4f786a;font-size:9px}.two-factor-backup-codes{margin-top:13px;padding:13px;border:1px solid #dfe5ee;border-radius:15px;background:#f8fafc}.two-factor-backup-codes>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px}.two-factor-backup-codes>header strong,.two-factor-backup-codes>header small{display:block}.two-factor-backup-codes>header strong{color:#27364d;font-size:11px}.two-factor-backup-codes>header small{margin-top:2px;color:#8792a4;font-size:8px}.two-factor-backup-codes>header>i{color:#9aa5b6;font-size:11px}.two-factor-backup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.two-factor-backup-list code{display:grid;min-height:39px;grid-template-columns:25px minmax(0,1fr);align-items:center;padding:0 11px 0 7px;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#24344f;font:760 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.075em;box-shadow:0 1px 2px rgba(15,23,42,.025)}.two-factor-backup-code-index{display:grid;width:20px;height:20px;place-items:center;border-radius:6px;background:#eef1ff;color:#5961ca;font:800 8px/1 system-ui,sans-serif;letter-spacing:0}.two-factor-backup-code-value{text-align:center;white-space:nowrap}.two-factor-backup-security{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:0 3px;color:#7c8798}.two-factor-backup-security i{margin-top:2px;color:#858fc2;font-size:10px}.two-factor-backup-security p{margin:0;font-size:8px;line-height:1.5}.two-factor-backup-card>.form-message{margin:0 23px 12px}.two-factor-backup-actions{position:relative;bottom:auto;flex:0 0 auto;margin:0;padding:14px 23px;border-top:1px solid #e8edf3;background:#fff;backdrop-filter:none}.two-factor-backup-actions .button{min-height:39px}.two-factor-backup-actions .button-primary{box-shadow:0 7px 16px rgba(79,70,229,.18)}@media(max-width:600px){.two-factor-backup-card{width:100%;max-height:94vh;border-radius:22px 22px 0 0}.two-factor-backup-header{padding:18px}.two-factor-backup-eyebrow span{display:none}.two-factor-backup-header h2{font-size:18px}.two-factor-backup-body{padding:14px 18px 12px}.two-factor-backup-list{grid-template-columns:1fr}.two-factor-backup-actions{display:grid;padding:13px 18px}.two-factor-backup-actions .button{width:100%}}
.two-factor-backup-loading{grid-column:1/-1;display:flex;min-height:128px;align-items:center;justify-content:center;gap:8px;color:#758196;font-size:10px}
.trusted-devices-heading { align-items:flex-start; }
.trusted-devices-heading > div:nth-child(2) { flex:1; }
.trusted-devices-heading > .button { flex:0 0 auto; }
.trusted-devices-list { display:grid; gap:10px; }
.trusted-device { display:grid; grid-template-columns:44px minmax(0,1fr) 36px; align-items:center; gap:13px; padding:14px; border:1px solid #e1e7ef; border-radius:15px; background:linear-gradient(145deg,#fff,#f8fafc); }
.trusted-device-current { border-color:#a7f3d0; background:linear-gradient(145deg,#f7fffb,#ecfdf5); }
.trusted-device-icon { display:grid; width:44px; height:44px; place-items:center; border-radius:13px; background:#eef2ff; color:#4f46e5; font-size:16px; }
.trusted-device-current .trusted-device-icon { background:#d1fae5; color:#047857; }
.trusted-device-content { min-width:0; }
.trusted-device-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.trusted-device-title strong { color:#243047; font-size:12px; }
.trusted-device-title span { padding:4px 7px; border-radius:999px; background:#d1fae5; color:#047857; font-size:8px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.trusted-device-facts { display:flex; flex-wrap:wrap; gap:7px 15px; margin-top:7px; color:#718096; font-size:9px; }
.trusted-device-facts span { display:inline-flex; align-items:center; gap:5px; }
.trusted-device-facts i { color:#94a3b8; }
.trusted-device .removeTrustedDevice { color:#b42318; }
.trusted-device .removeTrustedDevice:hover { border-color:#fecaca; background:#fff1f2; color:#dc2626; }
.trusted-device-notice { display:flex; gap:9px; margin-top:14px; padding:11px 12px; border:1px solid #dbeafe; border-radius:12px; background:#eff6ff; color:#1d4ed8; }
.trusted-device-notice i { margin-top:2px; }
.trusted-device-notice p { margin:0; font-size:9px; line-height:1.55; }
@media (max-width:680px) {
  .trusted-devices-heading { flex-wrap:wrap; }
  .trusted-devices-heading > .button { width:100%; justify-content:center; }
  .trusted-device { grid-template-columns:38px minmax(0,1fr) 34px; gap:9px; padding:12px; }
  .trusted-device-icon { width:38px; height:38px; }
  .trusted-device-facts { display:grid; gap:5px; }
}
.button-danger { border-color: #efcbd1; background: #fff1f3; color: #a92239; }
.button-danger:hover { background: #ffe5e9; }
.modal-icon-danger{background:#fff0f2!important;color:#b4233c!important}.service-suspension-form-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);margin-top:20px}.service-suspension-banner{border-color:#efcbd2;background:#fff7f8}.service-suspension-banner>span{background:#ffe6ea;color:#b4233c}.service-suspension-banner strong{color:#8f1f34}.service-suspension-invoices{display:grid;gap:10px;margin:0 26px 20px;padding:14px 16px;border:1px solid #e2e7ee;border-radius:14px;background:#fafbfc}.service-suspension-invoices>header{display:flex;align-items:center;gap:11px}.service-suspension-invoices>header>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#eef2ff;color:#5754d6}.service-suspension-invoices header strong,.service-suspension-invoices header small{display:block}.service-suspension-invoices header strong{color:#344156;font-size:12px}.service-suspension-invoices header small{margin-top:3px;color:#7e8a9c;font-size:10px}.service-suspension-invoices>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service-suspension-invoices>div>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e5e9ef;border-radius:10px;background:#fff;color:#4c596d;font-size:11px}.service-suspension-invoices>div i{color:#c23a4e}.service-suspension-invoices>div small{color:#78869a;font-size:9px}.service-suspension-form-grid .settings-input-help{color:#7c899a;font-size:10px}@media(max-width:720px){.service-suspension-form-grid{grid-template-columns:1fr}.service-suspension-invoices{margin-right:17px;margin-left:17px}.service-suspension-invoices>div{grid-template-columns:1fr}}

@media (max-width: 800px) {
  .settings-layout { grid-template-columns: 1fr; }
  .settings-navigation { position: static; display: flex; overflow-x: auto; gap: 4px; }
  .settings-navigation .panel-kicker { display: none; }
  .settings-nav-item { flex: 0 0 auto; }
}

.file-input {
  width: 100%;
  margin-top: 16px;
  color: #667085;
  font-size: 11px;
}

.file-input::file-selector-button {
  margin-right: 10px;
  border: 0;
  border-radius: 9px;
  padding: 8px 11px;
  background: #e9edfb;
  color: #3150c5;
  cursor: pointer;
  font-weight: 700;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #edf0f4;
}

.login-page {
  position: relative;
  display: grid;
  min-height: 100vh;
  grid-template-columns: minmax(0, 1.12fr) minmax(420px, 0.88fr);
  overflow: hidden;
  background: #07111f;
}

.login-visual {
  position: relative;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: clamp(34px, 6vw, 78px);
  background:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    radial-gradient(circle at 32% 24%, rgba(63, 94, 234, 0.34), transparent 25rem),
    #07111f;
  background-size: 48px 48px, 48px 48px, auto, auto;
  color: #fff;
}

.login-visual::before {
  position: absolute;
  right: -14%;
  bottom: -22%;
  width: 64vw;
  height: 64vw;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255, 255, 255, 0.018), 0 0 0 145px rgba(255, 255, 255, 0.012);
  content: "";
}

.login-brand {
  position: relative;
  z-index: 1;
}

.login-hero {
  position: relative;
  z-index: 1;
  max-width: 650px;
  margin: auto 0;
  padding: 70px 0;
}

.login-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  padding: 8px 11px;
  background: rgba(255, 255, 255, 0.05);
  color: #a9b6ca;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.login-title {
  max-width: 620px;
  margin: 25px 0 18px;
  color: #fff;
  font-size: clamp(44px, 6vw, 78px);
  font-weight: 780;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.login-title span {
  color: #7891ff;
}

.login-description {
  max-width: 510px;
  margin: 0;
  color: #8998ae;
  font-size: 15px;
  line-height: 1.75;
}

.login-footnote {
  position: relative;
  z-index: 1;
  color: #536177;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.login-form-side {
  position: relative;
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 34px 34px 58px;
  background: #f3f5f9;
}

.public-legal-links {
  position: absolute;
  right: 24px;
  bottom: 16px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.public-legal-links[hidden],
.sidebar-legal-links[hidden] {
  display: none;
}

.public-legal-links a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border-radius: 8px;
  padding: 0 9px;
  color: #5f6b7c;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: 150ms ease;
}

.public-legal-links a:hover {
  background: #e8ecf5;
  color: #4f46e5;
}

.registration-legal-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 15px 0 2px;
  border: 1px solid #e1e6ef;
  border-radius: 13px;
  padding: 11px 12px;
  background: #f9fafc;
  color: #697386;
  cursor: pointer;
  font-size: 9.5px;
  line-height: 1.55;
}

.registration-legal-consent > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.registration-consent-check {
  display: grid;
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #cbd3df;
  border-radius: 6px;
  background: #fff;
  color: transparent;
  font-size: 8px;
  transition: 150ms ease;
}

.registration-legal-consent > input:checked + .registration-consent-check {
  border-color: #4f46e5;
  background: #4f46e5;
  color: #fff;
}

.registration-legal-consent > input:focus-visible + .registration-consent-check {
  outline: 3px solid rgba(99, 102, 241, .18);
  outline-offset: 2px;
}

.registration-legal-consent a {
  color: #4338ca;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sidebar-legal-links {
  display: flex;
  justify-content: center;
  gap: 4px 6px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255, 255, 255, .07);
  padding: 10px 3px 0;
}

.sidebar-legal-links a {
  border-radius: 6px;
  padding: 4px 5px;
  color: #91a0b5;
  font-size: 9.5px;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
  transition: 150ms ease;
}

.sidebar-legal-links a:hover {
  background: rgba(255, 255, 255, .06);
  color: #aebdf8;
}

.account-legal-links {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
  border-top: 1px solid #e5e9ef;
  padding: 16px 8px 3px;
}

.account-legal-links[hidden] {
  display: none;
}

.account-legal-links a {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  border: 1px solid #e0e5ec;
  border-radius: 9px;
  padding: 0 10px;
  background: #fff;
  color: #566276;
  font-size: 10.5px;
  font-weight: 700;
  text-decoration: none;
  transition: 150ms ease;
}

.account-legal-links a:hover {
  border-color: #c7d2fe;
  background: #f3f5ff;
  color: #4f46e5;
}

.legal-settings-notice {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 4px;
  border: 1px solid #dbe3ff;
  border-radius: 13px;
  padding: 12px 14px;
  background: #f6f8ff;
  color: #667085;
}

.legal-settings-notice > i {
  margin-top: 2px;
  color: #6366f1;
}

.legal-settings-notice strong,
.legal-settings-notice p,
.legal-settings-completeness strong,
.legal-settings-completeness small {
  display: block;
}

.legal-settings-notice strong {
  margin-bottom: 3px;
  color: #344054;
  font-size: 11px;
}

.legal-settings-notice p {
  margin: 0;
  font-size: 9.5px;
  line-height: 1.5;
}

.legal-settings-completeness {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  border-radius: 11px;
  padding: 10px 12px;
}

.legal-settings-completeness.is-incomplete {
  border: 1px solid #fed7aa;
  background: #fff8ed;
  color: #c2410c;
}

.legal-settings-completeness.is-complete {
  border: 1px solid #bbebce;
  background: #f0fdf4;
  color: #15803d;
}

.legal-settings-completeness strong {
  font-size: 10px;
}

.legal-settings-completeness small {
  margin-top: 2px;
  color: #7b8698;
  font-size: 9px;
}

.login-card {
  width: min(430px, 100%);
  border: 1px solid rgba(218, 223, 233, 0.9);
  border-radius: 28px;
  padding: clamp(28px, 4vw, 42px);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12);
}

.login-card-icon {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 28px;
  place-items: center;
  border-radius: 15px;
  background: #edf1ff;
  color: var(--blue);
  font-size: 17px;
}

.login-card-logo {
  width: 100%;
  margin-bottom: 32px;
}

.login-card-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 92px;
  object-fit: contain;
  object-position: left center;
}

.login-card h1 {
  margin: 0;
  color: #101828;
  font-size: 29px;
  font-weight: 780;
  letter-spacing: -0.045em;
}

.login-card > p {
  margin: 10px 0 27px;
  color: #7a8495;
  font-size: 13px;
  line-height: 1.6;
}

.password-wrap {
  position: relative;
}

.password-wrap i {
  position: absolute;
  top: 50%;
  left: 15px;
  color: #98a2b3;
  font-size: 12px;
  transform: translateY(-50%);
}

.password-wrap.has-password-toggle .login-input { padding-right:48px; }
.password-wrap .password-toggle { position:absolute; top:50%; right:8px; z-index:2; display:grid; width:34px; height:34px; place-items:center; border:0; border-radius:9px; outline:0; background:transparent; color:#7d899b; cursor:pointer; transform:translateY(-50%); transition:background 160ms ease,color 160ms ease,box-shadow 160ms ease; }
.password-wrap .password-toggle i { position:static; top:auto; left:auto; color:inherit; font-size:13px; transform:none; }
.password-wrap .password-toggle:hover,.password-wrap .password-toggle.active { background:#edf2f8; color:#3157e8; }
.password-wrap .password-toggle:focus-visible { box-shadow:0 0 0 3px rgba(49,87,232,.16); }
.password-wrap input::-ms-reveal,.password-wrap input::-ms-clear { display:none; }

.login-input {
  width: 100%;
  height: 50px;
  border: 1px solid #dce1e9;
  border-radius: 13px;
  padding: 0 15px 0 42px;
  background: #f9fafc;
  color: #1d2939;
  font-size: 13px;
}

.login-input:focus {
  border-color: rgba(49, 87, 232, 0.55);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(49, 87, 232, 0.09);
  outline: none;
}

.login-password-label {
  margin-top: 14px;
}

.login-forgot-action {
  display: grid;
  width: 100%;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  border: 1px solid #dfe5f5;
  border-radius: 12px;
  padding: 9px 11px;
  background: #f7f9ff;
  color: #3448a7;
  cursor: pointer;
  text-align: left;
  transition: 170ms ease;
}

.login-forgot-action:hover {
  border-color: #b9c6fb;
  background: #eef2ff;
  box-shadow: 0 7px 18px rgba(49,87,232,.09);
  transform: translateY(-1px);
}

.login-forgot-action > span:nth-child(2) { display: grid; gap: 2px; }
.login-forgot-action strong { color: #253b9b; font-size: 11px; }
.login-forgot-action small { color: #7885a8; font-size: 9px; }
.login-forgot-action > i { color: #7183d6; font-size: 10px; }
.login-forgot-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #e7ecff; color: #3f5fe8; }

.login-button {
  width: 100%;
  height: 50px;
  margin-top: 13px;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(135deg, #4164ef, #294bd2);
  box-shadow: 0 13px 28px rgba(49, 87, 232, 0.25);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 750;
  transition: 170ms ease;
}

.login-button:hover {
  box-shadow: 0 16px 34px rgba(49, 87, 232, 0.34);
  transform: translateY(-1px);
}

.login-security {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 22px;
  color: #98a2b3;
  font-size: 10px;
  font-weight: 650;
}
.login-registration-cta { margin-top:18px; }
.login-registration-cta[hidden] { display:none; }
.login-registration-divider { display:flex; align-items:center; gap:10px; margin-bottom:11px; color:#98a2b3; font-size:9px; font-weight:750; letter-spacing:.035em; text-transform:uppercase; }
.login-registration-divider::before,.login-registration-divider::after { height:1px; flex:1; background:#e6eaf1; content:""; }
.login-registration-cta > button { display:grid; width:100%; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:11px; border:1px solid #d8def0; border-radius:13px; padding:10px 12px; background:#fff; color:#283d91; cursor:pointer; text-align:left; transition:170ms ease; }
.login-registration-cta > button:hover { border-color:#aebcf6; background:#f7f9ff; box-shadow:0 9px 22px rgba(49,87,232,.1); transform:translateY(-1px); }
.login-registration-cta > button > span:nth-child(2) { display:grid; gap:2px; }
.login-registration-cta strong { color:#20347f; font-size:11px; }
.login-registration-cta small { color:#7f8aa5; font-size:9px; }
.login-registration-cta > button > i { color:#6178dd; font-size:11px; }
.login-registration-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:#eef2ff; color:#4261e9; }
.login-passkey-area { margin-top:16px; }
.login-passkey-area[hidden] { display:none; }
.login-passkey-divider { display:flex; align-items:center; gap:10px; margin-bottom:10px; color:#98a2b3; font-size:8px; font-weight:750; letter-spacing:.045em; text-transform:uppercase; }
.login-passkey-divider::before,.login-passkey-divider::after { height:1px; flex:1; background:#e6eaf1; content:""; }
.login-passkey-button { display:grid; width:100%; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:11px; border:1px solid #d7deeb; border-radius:13px; padding:10px 12px; background:linear-gradient(145deg,#fff,#f8fafc); color:#243047; cursor:pointer; text-align:left; transition:170ms ease; }
.login-passkey-button:hover { border-color:#98a9c4; background:#f8fafc; box-shadow:0 9px 22px rgba(15,23,42,.09); transform:translateY(-1px); }
.login-passkey-button:disabled { cursor:wait; opacity:.65; transform:none; }
.login-passkey-button > span:nth-child(2) { display:grid; gap:2px; }
.login-passkey-button strong { color:#1f2a3d; font-size:11px; }
.login-passkey-button small { color:#7c879a; font-size:9px; }
.login-passkey-button > i { color:#68768d; font-size:11px; }
.login-passkey-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:#eaf2ff; color:#1674d1; font-size:15px; }
.public-auth-back { border:0; padding:0; background:transparent; color:#4f46e5; cursor:pointer; font:inherit; font-size:10px; font-weight:750; }
.public-auth-back:hover { color:#312e81; text-decoration:underline; }
.login-verification-recovery { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:9px 10px; margin-top:15px; border:1px solid #f3d59e; border-radius:13px; padding:11px; background:#fffbeb; color:#7c4a03; }
.login-verification-recovery[hidden] { display:none; }
.login-verification-recovery > span:nth-child(2) { display:grid; gap:2px; }
.login-verification-recovery strong { font-size:10px; }
.login-verification-recovery small { color:#90651f; font-size:9px; line-height:1.45; }
.login-verification-icon { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:#fef3c7; color:#b7791f; }
.login-verification-recovery button { grid-column:2; justify-self:start; border:0; padding:0; background:transparent; color:#8b4d00; cursor:pointer; font-size:10px; font-weight:800; }
.login-verification-recovery button:hover { text-decoration:underline; }
.login-verification-recovery button:disabled { cursor:wait; opacity:.58; }
.public-auth-back { display:inline-flex; align-items:center; gap:6px; margin-bottom:22px; }
.public-auth-back-bottom { margin:20px 0 0; }
.public-auth-card-wide { width:min(680px,100%); }
.public-auth-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.public-auth-grid label { min-width:0; }
.public-auth-grid .form-label { margin-top:0; }
.has-field-error{position:relative}.field-error{position:absolute;z-index:20;display:flex;align-items:center;gap:5px;width:max-content;max-width:min(320px,100%);margin-top:5px;border:1px solid #f0c4cc;border-radius:8px;padding:5px 8px;background:#fff5f6;color:#a61f37;box-shadow:0 8px 20px rgba(125,28,47,.12);font-size:9px;font-weight:700;line-height:1.35}.field-error::before{content:'!';display:grid;width:14px;height:14px;flex:none;place-items:center;border-radius:50%;background:#fbdde3;color:#b4233c;font-size:9px}.form-control[aria-invalid="true"],.login-input[aria-invalid="true"]{border-color:#d84a62!important;box-shadow:0 0 0 3px rgba(216,74,98,.11)!important}.registration-legal-consent[aria-invalid="true"],.registration-legal-consent:has(input[aria-invalid="true"]){outline:2px solid rgba(216,74,98,.28);outline-offset:3px;border-radius:12px}
.registration-heading{display:flex;align-items:center;gap:14px}.registration-heading .login-card-icon{flex:none;margin:0}.registration-heading h1{margin:0;color:#101828;font-size:25px;letter-spacing:-.04em}.registration-heading p{margin:5px 0 0;color:#7a8495;font-size:11px}.registration-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 4px;padding:0;list-style:none}.registration-progress li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #e4e8ef;border-radius:11px;padding:8px;background:#fafbfc;color:#8a95a6;transition:160ms ease}.registration-progress li>span{display:grid;width:25px;height:25px;flex:none;place-items:center;border-radius:8px;background:#edf0f5;font-size:9px;font-weight:850}.registration-progress li div{min-width:0}.registration-progress strong,.registration-progress small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-progress strong{font-size:9px}.registration-progress small{margin-top:2px;font-size:7px}.registration-progress li.active,.registration-progress li[aria-current="step"]{border-color:#bfc8f7;background:#f5f6ff;color:#414bb4}.registration-progress li.active>span,.registration-progress li[aria-current="step"]>span{background:#565bd7;color:#fff}.registration-progress li.complete{border-color:#cce6da;background:#f5fbf8;color:#267158}.registration-progress li.complete>span{background:#dff3e9;color:#16825c}.registration-step[hidden]{display:none}.registration-step{min-height:300px;padding-top:14px}.registration-step>header{margin-bottom:16px}.registration-step>header small{color:#5962ce;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.registration-step>header h2{margin:4px 0 3px;color:#243047;font-size:17px}.registration-step>header p{margin:0;color:#828da0;font-size:10px}.registration-field-wide{grid-column:1/-1}.registration-field-help{display:block;margin-top:5px;color:#909aab;font-size:8px}.registration-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.registration-actions-end{justify-content:flex-end}.registration-actions .login-button{width:auto;min-width:145px;margin:0;padding:11px 18px}.registration-step-back{display:inline-flex;align-items:center;gap:7px;border:0;padding:9px 2px;background:transparent;color:#657188;cursor:pointer;font-size:10px;font-weight:750}.registration-step-back:hover{color:#4249b9}.registration-step .login-security{margin-top:13px}#registrationMessage{box-sizing:border-box;height:42px;min-height:42px;margin-top:9px;overflow:auto}#registrationMessage[hidden]{display:block;visibility:hidden;border-color:transparent;background:transparent}.registration-step .credential-rules-password{box-sizing:border-box;height:128px;overflow:auto}.registration-step .credential-rules-email,.registration-step .credential-rules-username{box-sizing:border-box;height:48px;overflow:auto}.registration-legal-consent>.field-error{top:calc(100% + 4px);left:0}
@media (max-width:620px) {
  .public-auth-grid { grid-template-columns:1fr; }
  .public-auth-card-wide { padding-top:24px; padding-bottom:24px; }
  .public-auth-card-wide .login-card-icon { margin-bottom:18px; }
  .registration-heading .login-card-icon{margin:0}.registration-progress li{justify-content:center;padding:7px}.registration-progress li div{display:none}.registration-field-wide{grid-column:auto}.registration-step{min-height:420px}.registration-step .credential-rules-password{height:216px}.registration-actions .login-button{min-width:130px}.field-error{max-width:calc(100vw - 70px)}
}

/* Registration typography: comfortably readable without changing the rest of the ERP. */
#registrationForm .public-auth-back{font-size:13px}
#registrationForm .registration-heading h1{font-size:29px;line-height:1.15}
#registrationForm .registration-heading p{font-size:14px;line-height:1.45}
#registrationForm .registration-progress{gap:10px}
#registrationForm .registration-progress li{gap:10px;padding:10px 11px}
#registrationForm .registration-progress li>span{width:31px;height:31px;font-size:12px}
#registrationForm .registration-progress strong{font-size:13px;line-height:1.25}
#registrationForm .registration-progress small{margin-top:3px;font-size:10px;line-height:1.25}
#registrationForm .registration-step{min-height:390px;padding-top:18px}
#registrationForm .registration-step>header{margin-bottom:20px}
#registrationForm .registration-step>header small{font-size:11px}
#registrationForm .registration-step>header h2{margin-top:6px;font-size:22px;line-height:1.25}
#registrationForm .registration-step>header p{margin-top:4px;font-size:14px;line-height:1.5}
#registrationForm .form-label{margin-bottom:7px;font-size:13px;line-height:1.35}
#registrationForm .login-input{height:54px;font-size:15px}
#registrationForm .password-wrap>i{font-size:14px}
#registrationForm .registration-field-help{margin-top:7px;font-size:11px;line-height:1.45}
#registrationForm .registration-actions{margin-top:24px}
#registrationForm .registration-actions .login-button,#registrationForm .registration-step-back{font-size:13px}
#registrationForm .registration-legal-consent{font-size:13px;line-height:1.5}
#registrationForm .login-security{font-size:11px}
#registrationForm .credential-rules{font-size:12px}
#registrationForm .credential-field-status{min-height:42px;padding:10px 12px}
#registrationForm .credential-field-status strong,#registrationForm .credential-quality-head strong{font-size:12px}
#registrationForm .credential-field-status small,#registrationForm .credential-quality-head span{font-size:11px}
#registrationForm .credential-rule-list span{font-size:11px;line-height:1.4}
#registrationForm .credential-password-idle strong{font-size:12px}
#registrationForm .credential-password-idle small{font-size:11px;line-height:1.4}
#registrationForm .credential-rules-password{height:166px}
#registrationForm .credential-rules-email,#registrationForm .credential-rules-username{height:62px}
#registrationForm .field-error{font-size:12px;line-height:1.4}
#registrationMessage{font-size:12px}
@media(max-width:620px){
  #registrationForm .registration-heading h1{font-size:25px}
  #registrationForm .registration-heading p{font-size:13px}
  #registrationForm .registration-progress li>span{width:32px;height:32px;font-size:13px}
  #registrationForm .registration-step{min-height:555px}
  #registrationForm .registration-step .credential-rules-password{height:286px}
  #registrationForm .registration-actions .login-button{min-width:140px}
}

/* Refined application navigation */
.sidebar{padding:22px 18px 16px;background:radial-gradient(circle at 0 0,rgba(74,103,232,.22),transparent 20rem),linear-gradient(180deg,#111b35 0%,#081424 58%,#060f1c 100%)}
.sidebar .brand{min-height:82px;margin:0 4px 14px;padding:4px 6px 20px;border-bottom:1px solid rgba(255,255,255,.075)}
.sidebar-nav{padding:0 3px 8px;scrollbar-width:none}
.sidebar-nav::-webkit-scrollbar{display:none;width:0;height:0}
.sidebar .nav-label{margin:14px 12px 7px;color:#7586a5;font-size:9px;letter-spacing:.18em}
.sidebar .nav-section+ .nav-section{margin-top:7px;padding-top:7px;border-top-color:rgba(255,255,255,.055)}
.sidebar .primary-nav{gap:3px}
.sidebar .nav-item{position:relative;min-height:44px;gap:11px;border-radius:12px;padding:7px 10px;color:#aebbd0;font-size:13px;font-weight:680}
.sidebar .nav-item::before{position:absolute;top:12px;bottom:12px;left:-4px;width:3px;border-radius:4px;background:#7c83ff;content:"";opacity:0;transform:scaleY(.4);transition:180ms ease}
.sidebar .nav-item:hover{background:rgba(255,255,255,.05);color:#f5f7fb;transform:none}
.sidebar .nav-item.active{border-color:rgba(139,151,255,.18);background:linear-gradient(100deg,rgba(91,99,232,.25),rgba(78,91,185,.1));box-shadow:inset 0 1px rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.08)}
.sidebar .nav-item.active::before{opacity:1;transform:scaleY(1)}
.sidebar .nav-icon{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.055);color:#9fb0c9}
.sidebar .nav-item.active .nav-icon{background:linear-gradient(145deg,#7378f2,#5258d5);color:#fff;box-shadow:0 6px 15px rgba(67,73,199,.28)}
.sidebar-bottom{padding-top:6px}.sidebar-account-panel{border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 13px 30px rgba(0,0,0,.18)}

.mobile-bar-main,.mobile-bar-actions,.mobile-nav-head,.mobile-nav-footer{display:flex;align-items:center}.mobile-bar-actions{gap:7px}.mobile-menu-toggle{display:none}.mobile-nav-backdrop{display:none}.mobile-nav-head,.mobile-nav-scroll,.mobile-nav-footer,.mobile-nav-arrow{display:none}

@media(max-width:1023px){
  body.mobile-menu-open{overflow:hidden}
  .mobile-bar{position:sticky;top:0;z-index:70;display:block;padding:0;border-bottom:1px solid rgba(211,219,232,.9);background:rgba(248,250,253,.92);box-shadow:0 5px 22px rgba(21,34,57,.06);backdrop-filter:blur(18px)}
  .mobile-bar-main{height:62px;justify-content:space-between;padding:0 16px}
  .mobile-brand{gap:10px;color:#17233a;font-size:14px}.mobile-brand .brand-mark{width:38px;height:38px;border-radius:11px}
  .mobile-bar-actions{margin-left:auto}
  .mobile-bar .theme-toggle-mobile,.mobile-bar .notification-bell-mobile,.mobile-menu-toggle{position:relative;top:auto;right:auto;display:grid;width:38px;height:38px;min-height:38px;flex:0 0 38px;place-items:center;border:1px solid #dfe5ee;border-radius:11px;padding:0;background:#fff;color:#68758a;cursor:pointer}
  .mobile-menu-toggle{color:#fff;border-color:#4f56d8;background:linear-gradient(145deg,#6b72ee,#4950ce);box-shadow:0 7px 16px rgba(73,80,206,.2)}
  .mobile-nav-backdrop{position:fixed;z-index:78;inset:0;display:block;border:0;background:rgba(5,12,25,.48);opacity:0;pointer-events:none;transition:opacity 220ms ease;backdrop-filter:blur(2px)}
  .mobile-nav{position:fixed;z-index:79;inset:0 auto 0 0;display:flex;width:min(350px,calc(100vw - 38px));max-height:none;flex-direction:column;gap:0;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 0 0,rgba(85,99,225,.25),transparent 19rem),linear-gradient(180deg,#111b35,#071220 72%);box-shadow:24px 0 60px rgba(3,9,20,.32);transform:translateX(-105%);transition:transform 240ms cubic-bezier(.2,.8,.2,1)}
  .mobile-bar.menu-open .mobile-nav{transform:translateX(0)}.mobile-bar.menu-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}
  .mobile-nav-head{display:flex;min-height:74px;justify-content:space-between;padding:15px 18px 14px;border-bottom:1px solid rgba(255,255,255,.075);color:#fff}
  .mobile-nav-head>div{display:grid;gap:2px}.mobile-nav-head small{color:#788aa9;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mobile-nav-head strong{font-size:18px}
  .mobile-nav-head>button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.055);color:#cbd5e3;cursor:pointer}
  .mobile-nav-scroll{display:block;flex:1;overflow-y:auto;padding:8px 12px 18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.22) transparent}
  .mobile-nav-section{display:block;padding:5px 0}.mobile-nav-section[hidden]{display:none}.mobile-nav-section+.mobile-nav-section{margin-top:3px;padding-top:8px;border-top:1px solid rgba(255,255,255,.055)}
  .mobile-nav .nav-label{margin:8px 10px 6px;color:#7183a2;font-size:9px;letter-spacing:.17em}.mobile-nav-items{display:grid;gap:3px}
  .mobile-nav .nav-item{position:relative;width:100%;min-width:0;min-height:46px;flex:0 0 auto;justify-content:flex-start;gap:11px;border:1px solid transparent;border-radius:12px;padding:7px 10px;color:#afbdd1;font-size:13px;text-align:left}
  .mobile-nav .nav-item:hover{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.05);color:#fff;transform:none}.mobile-nav .nav-item.active{border-color:rgba(139,151,255,.18);background:linear-gradient(100deg,rgba(91,99,232,.27),rgba(78,91,185,.1));box-shadow:none;color:#fff}
  .mobile-nav .nav-icon{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);color:#9cadc7}.mobile-nav .nav-item.active .nav-icon{background:linear-gradient(145deg,#7378f2,#5057d5);color:#fff}
  .mobile-nav-arrow{display:block;margin-left:auto;color:#61718d;font-size:9px}.mobile-nav .nav-item.active .mobile-nav-arrow{color:#aab1ff}
  .mobile-nav-footer{display:flex;min-height:74px;justify-content:space-between;gap:12px;padding:12px 15px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.075);background:rgba(3,10,19,.26)}
  .mobile-nav-footer>span{display:grid;min-width:0;gap:2px}.mobile-nav-footer small{color:#7586a0;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-nav-footer strong{overflow:hidden;color:#eef2f8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
  .mobile-nav .mobile-logout{position:relative;top:auto;right:auto;display:flex;width:auto;height:38px;min-height:38px;gap:7px;border-color:rgba(255,255,255,.09);border-radius:10px;padding:0 11px;background:rgba(255,255,255,.055);color:#bdc8d8;font-size:10px;font-weight:700}.mobile-nav .mobile-logout span{display:inline}
}

@media(max-width:480px){.mobile-bar-main{height:58px;padding:0 12px}.mobile-brand>span{font-size:13px}.mobile-bar .theme-toggle-mobile{display:none}.mobile-nav{width:min(340px,calc(100vw - 24px))}}

@media(prefers-reduced-motion:reduce){.mobile-nav,.mobile-nav-backdrop{transition:none}}

.customer-email-change-modal .modal-card{width:min(620px,calc(100vw - 32px))}
.email-change-addresses{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin:6px 0 22px;padding:15px;border:1px solid #dfe5f1;border-radius:14px;background:#f7f9fd}
.email-change-addresses>span{display:grid;min-width:0;gap:4px}.email-change-addresses small{color:#77839a;font-size:11px}.email-change-addresses strong{overflow:hidden;color:#263653;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.email-change-addresses>i{color:#7585a5;font-size:12px}
.email-change-options{display:grid;gap:10px;margin:0;padding:0;border:0}.email-change-options legend{margin-bottom:9px;color:#25344e;font-size:13px;font-weight:700}
.email-change-option{display:block;cursor:pointer}.email-change-option>input{position:absolute;opacity:0;pointer-events:none}.email-change-option>span{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:14px;border:1px solid #dce3f0;border-radius:13px;background:#fff;transition:.18s ease}.email-change-option>span>i{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:#edf2ff;color:#3658dc}.email-change-option>span>span{display:grid;gap:3px}.email-change-option strong{color:#20304a;font-size:13px}.email-change-option small{color:#77839a;font-size:12px;line-height:1.45}.email-change-option>input:checked+span{border-color:#4564e7;background:#f5f7ff;box-shadow:0 0 0 2px rgba(69,100,231,.1)}.email-change-option>input:focus-visible+span{outline:3px solid rgba(69,100,231,.2);outline-offset:2px}.email-change-option.disabled{cursor:not-allowed;opacity:.55}
.email-change-notify{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:18px;padding:14px;border:1px solid #dce3f0;border-radius:13px}.email-change-notify input{margin-top:3px}.email-change-notify>span{display:grid;gap:3px}.email-change-notify strong{color:#20304a;font-size:13px}.email-change-notify small{color:#77839a;font-size:12px;line-height:1.45}
.email-change-notify[hidden]{display:none}
.email-change-security{display:grid;grid-template-columns:32px 1fr;gap:10px;margin-top:14px;padding:12px 14px;border-radius:12px;background:#eef5ff;color:#36506f}.email-change-security>i{display:grid;width:32px;height:32px;place-items:center;color:#3164c8}.email-change-security p{margin:0;font-size:12px;line-height:1.5}.email-change-security strong{display:block;color:#24436b}
@media(max-width:620px){.email-change-addresses{grid-template-columns:1fr}.email-change-addresses>i{transform:rotate(90deg);justify-self:center}.customer-email-change-modal .modal-card{width:calc(100vw - 20px)}}

/* Unified, readable typography for every authentication state. */
#loginView .public-auth-card:not(#registrationForm) h1{font-size:29px;line-height:1.15}
#loginView .public-auth-card:not(#registrationForm)>p{font-size:14px;line-height:1.55}
#loginView .public-auth-card .form-label{margin-bottom:8px;font-size:13px;line-height:1.35}
#loginView .public-auth-card .login-input{height:54px;font-size:15px;line-height:1.4}
#loginView .public-auth-card .password-wrap>i{font-size:14px}
#loginView .public-auth-card .login-button{height:54px;font-size:14px}
#loginView .public-auth-card .form-message{font-size:13px;line-height:1.45}
#loginView .public-auth-back{font-size:13px;line-height:1.4}
#loginView .login-security{font-size:12px;line-height:1.4}
#loginView .login-forgot-action{grid-template-columns:40px minmax(0,1fr) auto;padding:12px 13px}
#loginView .login-forgot-icon{width:40px;height:40px;font-size:14px}
#loginView .login-forgot-action strong{font-size:14px;line-height:1.3}
#loginView .login-forgot-action small{font-size:12px;line-height:1.4}
#loginView .login-forgot-action>i{font-size:13px}
#loginView .login-trust-device{padding:13px 14px}
#loginView .login-trust-device strong{font-size:13px;line-height:1.35}
#loginView .login-trust-device small{font-size:12px;line-height:1.45}
#loginView .login-passkey-divider,#loginView .login-registration-divider{font-size:11px}
#loginView .login-passkey-button,#loginView .login-registration-cta>button{grid-template-columns:42px minmax(0,1fr) auto;padding:12px 13px}
#loginView .login-passkey-icon,#loginView .login-registration-icon{width:42px;height:42px;font-size:16px}
#loginView .login-passkey-button strong,#loginView .login-registration-cta strong{font-size:14px;line-height:1.3}
#loginView .login-passkey-button small,#loginView .login-registration-cta small{font-size:12px;line-height:1.4}
#loginView .login-passkey-button>i,#loginView .login-registration-cta>button>i{font-size:13px}
#loginView .login-verification-recovery{grid-template-columns:40px minmax(0,1fr);padding:13px}
#loginView .login-verification-icon{width:40px;height:40px;font-size:14px}
#loginView .login-verification-recovery strong{font-size:13px;line-height:1.35}
#loginView .login-verification-recovery small{font-size:12px;line-height:1.45}
#loginView .login-verification-recovery button{font-size:12px;line-height:1.4}
#loginView .login-maintenance-notice strong{font-size:14px}
#loginView .login-maintenance-notice p{font-size:13px!important}
#loginView .login-maintenance-notice button{font-size:13px}
#loginView .public-legal-links a{font-size:12px;line-height:1.35}
#forgotPasswordForm,#resetPasswordForm{width:min(480px,100%)}
#resetPasswordForm .credential-rules-password{box-sizing:border-box;height:166px;overflow:auto}
#resetPasswordForm .credential-rules,#requiredPasswordGate .credential-rules{font-size:12px}
#resetPasswordForm .credential-password-idle strong,#requiredPasswordGate .credential-password-idle strong{font-size:12px}
#resetPasswordForm .credential-password-idle small,#requiredPasswordGate .credential-password-idle small{font-size:11px;line-height:1.4}
#resetPasswordForm .credential-rule-list span,#requiredPasswordGate .credential-rule-list span{font-size:11px;line-height:1.4}
#resetPasswordForm .credential-field-status strong,#resetPasswordForm .credential-quality-head strong,#requiredPasswordGate .credential-field-status strong,#requiredPasswordGate .credential-quality-head strong{font-size:12px}
#resetPasswordForm .credential-field-status small,#resetPasswordForm .credential-quality-head span,#requiredPasswordGate .credential-field-status small,#requiredPasswordGate .credential-quality-head span{font-size:11px}
.required-password-card{width:min(520px,100%)}
.required-password-kicker{font-size:11px;line-height:1.35}
.required-password-card h1{font-size:29px;line-height:1.2}
.required-password-card>p{font-size:14px;line-height:1.6}
.required-password-card .form-label{font-size:13px;line-height:1.35}
.required-password-card .login-input{height:54px;font-size:15px}
.required-password-card .password-wrap>i{font-size:14px}
.required-password-card .login-button{height:54px;font-size:14px}
.required-password-card .form-message{font-size:13px;line-height:1.45}
.required-password-card .credential-rules-password{box-sizing:border-box;height:166px;overflow:auto}
.required-password-logout{font-size:13px;line-height:1.4}
@media(max-width:620px){
  #loginView .public-auth-card:not(#registrationForm) h1,.required-password-card h1{font-size:25px}
  #loginView .public-auth-card:not(#registrationForm)>p,.required-password-card>p{font-size:13px}
  #resetPasswordForm .credential-rules-password,.required-password-card .credential-rules-password{height:286px}
}

/* Dedicated ticket detail page */
.ticket-detail-view.active { display:block; }
.ticket-detail-active .page-header { display:none; }
.ticket-detail-active .main-content { padding-top:24px; }
.role-preview-active.ticket-detail-active .main-content { padding-top:100px; }
.ticket-detail-page-header { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:17px; padding:19px 21px; border:1px solid #dfe5ed; border-radius:20px; background:linear-gradient(145deg,#fff,#fbfcfe); box-shadow:0 12px 35px rgba(15,23,42,.07); }
.ticket-detail-page-heading { display:flex; align-items:center; gap:13px; min-width:0; }
.ticket-detail-page-icon { display:grid; width:43px; height:43px; flex:0 0 auto; place-items:center; border-radius:13px; background:#eef2ff; color:#4f46e5; }
.ticket-detail-page-heading > div:last-child { min-width:0; }
.ticket-detail-page-heading h2 { overflow:hidden; margin:2px 0 3px; color:#172033; font-size:22px; letter-spacing:-.03em; text-overflow:ellipsis; white-space:nowrap; }
.ticket-detail-page-heading p { overflow:hidden; margin:0; color:#7c8798; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.ticket-detail-header-actions { display:flex; flex:0 0 auto; gap:9px; }
.ticket-detail-page-grid { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:start; gap:16px; }
.ticket-thread-panel,.ticket-detail-side-card { border:1px solid #dfe5ed; background:#fff; box-shadow:0 10px 30px rgba(15,23,42,.045); }
.ticket-thread-panel { overflow:hidden; border-radius:20px; }
.ticket-thread-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:19px 21px; border-bottom:1px solid #e8ecf1; }
.ticket-thread-heading h3 { margin:4px 0 0; color:#27334a; font-size:15px; }
.ticket-thread-heading > span { padding:5px 8px; border-radius:999px; background:#f2f4f7; color:#667085; font-size:9px; font-weight:750; }
.ticket-conversation-page { min-height:390px; max-height:none; overflow:visible; padding:22px; border:0; border-radius:0; background:linear-gradient(180deg,#f7f9fc,#f4f6f9); }
.ticket-conversation-page:empty::after { display:block; padding:35px; color:#98a2b3; content:'Noch keine Nachrichten vorhanden.'; font-size:11px; text-align:center; }
.ticket-conversation-page .ticket-message { width:min(78%,760px); }
.ticket-conversation-page .ticket-message > div:last-child { padding:13px 15px; }
.ticket-conversation-page .ticket-message header strong { font-size:12px; }
.ticket-conversation-page .ticket-message header span { font-size:9px; }
.ticket-conversation-page .ticket-message p { font-size:12px; line-height:1.65; }
.ticket-reply-page { margin:0; padding:18px 20px 20px; border-top:1px solid #e4e9ef; background:#fff; }
.ticket-reply-page textarea { min-height:115px; padding:12px; font-size:12px; line-height:1.6; }
.ticket-reply-page label > small { color:#98a2b3; font-size:9px; }
.ticket-reply-page .button { min-width:145px; }
.ticket-reply-composer { display:grid; gap:13px; margin:0; padding:19px 21px 21px; border-top:1px solid #e4e9ef; background:#fff; }
.ticket-composer-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; }
.ticket-composer-heading > div { display:grid; gap:3px; }
.ticket-composer-heading .form-label { color:#344054; font-size:13px; font-weight:750; }
.ticket-composer-heading small,.ticket-composer-heading > span { color:#98a2b3; font-size:10px; }
.ticket-quick-replies { display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:10px; border:1px solid #e3e7f3; border-radius:12px; background:#f8f9ff; }
.ticket-quick-replies > span { margin-right:2px; color:#697386; font-size:11px; font-weight:800; }
.ticket-quick-replies button { display:inline-flex; min-height:34px; align-items:center; gap:6px; padding:0 11px; border:1px solid #dce2ef; border-radius:9px; background:#fff; color:#526074; cursor:pointer; font:inherit; font-size:11px; font-weight:700; transition:.16s ease; }
.ticket-quick-replies button i { color:#6366f1; }
.ticket-quick-replies button:hover { border-color:#a5b4fc; background:#eef2ff; color:#3730a3; transform:translateY(-1px); }
.ticket-reply-composer > textarea { min-height:145px; padding:14px 15px; border-radius:13px; font-size:13px; line-height:1.65; }
.ticket-composer-actions { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.ticket-composer-actions > small { display:flex; align-items:center; gap:7px; color:#8b96a7; font-size:10px; }
.ticket-composer-actions > small i { color:#6366f1; }
.ticket-composer-actions .button { min-width:170px; }
.ticket-creator-card { display:grid; gap:14px; }
.ticket-creator-heading { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; }
.ticket-creator-heading > span { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; background:linear-gradient(145deg,#6366f1,#4338ca); color:#fff; font-size:12px; font-weight:850; }
.ticket-creator-heading > div { display:grid; min-width:0; gap:1px; }
.ticket-creator-heading small { color:#98a2b3; font-size:9px; font-weight:750; text-transform:uppercase; }
.ticket-creator-heading strong,.ticket-creator-heading p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ticket-creator-heading strong { color:#27334a; font-size:14px; }
.ticket-creator-heading p { margin:0; color:#7c8798; font-size:11px; }
.ticket-creator-state { width:8px; height:8px; border-radius:50%; background:#ef4444; box-shadow:0 0 0 4px rgba(239,68,68,.1); }
.ticket-creator-state.active { background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.1); }
.ticket-creator-facts { display:grid; gap:6px; padding-top:12px; border-top:1px solid #edf0f4; }
.ticket-creator-facts > a,.ticket-creator-facts > div { display:grid; min-width:0; grid-template-columns:26px minmax(0,1fr); align-items:center; gap:9px; color:#657084; font-size:11px; text-decoration:none; }
.ticket-creator-facts i { display:grid; width:24px; height:24px; place-items:center; border-radius:7px; background:#f1f3f7; color:#667085; font-size:9px; }
.ticket-creator-facts span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ticket-creator-facts a:hover span { color:#4f46e5; text-decoration:underline; }
.ticket-creator-customer-link { display:flex; min-height:40px; align-items:center; justify-content:center; gap:8px; border:1px solid #d9e0ff; border-radius:10px; background:#f3f5ff; color:#4338ca; cursor:pointer; font:inherit; font-size:11px; font-weight:750; }
.ticket-creator-customer-link:hover { background:#e9edff; }
.ticket-detail-sidebar { position:sticky; top:24px; display:grid; gap:13px; }
.ticket-detail-side-card { padding:17px; border-radius:17px; }
.ticket-detail-side-heading { display:flex; align-items:center; gap:10px; margin-bottom:15px; }
.ticket-detail-side-heading > span { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; background:#eef2ff; color:#4f46e5; font-size:11px; }
.ticket-detail-side-heading h3 { margin:0 0 2px; color:#344054; font-size:12px; }
.ticket-detail-side-heading p { margin:0; color:#98a2b3; font-size:9px; }
.ticket-detail-meta-page { display:grid; align-items:stretch; gap:9px; margin:0; padding:0; border:0; background:transparent; }
.ticket-detail-meta-page > span:not(.ticket-status):not(.ticket-priority) { display:flex; align-items:center; gap:8px; padding:9px 10px; border:1px solid #e7ebf0; border-radius:10px; background:#f8fafc; color:#667085; font-size:10px; }
.ticket-detail-meta-page > .ticket-status,.ticket-detail-meta-page > .ticket-priority { padding:7px 9px; font-size:10px; }
.ticket-admin-controls-page { display:grid; grid-template-columns:1fr; gap:11px; margin:0; padding:0; border:0; background:transparent; }
.ticket-admin-controls-page .form-label { font-size:10px; }
.ticket-admin-controls-page .form-control { min-height:42px; font-size:11px; }
.ticket-admin-controls-page .button { width:100%; margin-top:2px; }
.ticket-detail-help { display:flex; gap:11px; border-color:#ddd6fe; background:#f5f3ff; }
.ticket-detail-help > span { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; background:#ede9fe; color:#7c3aed; }
.ticket-detail-help strong { color:#5b21b6; font-size:10px; }
.ticket-detail-help p { margin:4px 0 0; color:#7c6da4; font-size:9px; line-height:1.55; }
.ticket-rating-panel{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;padding:19px 21px;border-top:1px solid #e4e9ef;background:linear-gradient(135deg,#fffdf5,#fff9e8)}
.ticket-rating-panel[hidden]{display:none}
.ticket-rating-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#fef3c7;color:#f59e0b;font-size:18px}
.ticket-rating-copy h3{margin:3px 0 4px;color:#344054;font-size:14px}.ticket-rating-copy p{margin:0;color:#7c8798;font-size:10px;line-height:1.5}
.ticket-rating-form{display:flex;align-items:center;gap:13px}.ticket-rating-stars{display:flex;gap:3px}.ticket-rating-stars button{padding:2px;border:0;background:transparent;color:#d8dee8;cursor:pointer;font-size:20px;transition:color .15s ease,transform .15s ease}.ticket-rating-stars button:hover{transform:translateY(-1px)}.ticket-rating-stars button.selected{color:#f5b301}.ticket-rating-stars button:disabled{cursor:default}.ticket-rating-form.is-submitted .ticket-rating-stars button{font-size:18px}.ticket-rating-form .button{white-space:nowrap}
.user-support-rating{display:grid;gap:3px;min-width:105px}.user-support-rating>span{display:flex;align-items:baseline;gap:4px}.user-support-rating i{color:#f5b301;font-size:12px}.user-support-rating strong{color:#344054;font-size:14px}.user-support-rating small{color:#8995a7;font-size:9px}

@media (max-width:1000px) {
  .role-preview-active.ticket-detail-active .main-content { padding-top:22px; }
  .ticket-detail-page-grid { grid-template-columns:1fr; }
  .ticket-detail-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ticket-detail-help { grid-column:1/-1; }
}
@media (max-width:700px) {
  .admin-my-products-section > .product-section-heading,.admin-my-products-heading-actions { align-items:stretch; flex-direction:column; }
  .admin-my-products-heading-actions .button { width:100%; justify-content:center; }
  .admin-my-products-grid { grid-template-columns:1fr; }
  .admin-my-product-card > header { grid-template-columns:auto minmax(0,1fr); }
  .admin-my-product-card > header > b { grid-column:2; justify-self:start; }
  .ticket-detail-page-header { align-items:flex-start; flex-direction:column; padding:16px; }
  .ticket-detail-page-heading { width:100%; }
  .ticket-detail-page-icon { display:none; }
  .ticket-detail-header-actions,.ticket-detail-header-actions .button { width:100%; }
  .ticket-detail-sidebar { grid-template-columns:1fr; }
  .ticket-detail-help { grid-column:auto; }
  .ticket-conversation-page { min-height:280px; padding:15px; }
  .ticket-conversation-page .ticket-message { width:96%; }
  .ticket-reply-page { grid-template-columns:1fr; padding:15px; }
  .ticket-reply-page .button { width:100%; }
  .ticket-reply-composer { padding:16px; }
  .ticket-composer-heading { align-items:flex-start; }
  .ticket-quick-replies { align-items:stretch; }
  .ticket-quick-replies > span { width:100%; }
  .ticket-quick-replies button { flex:1 1 calc(50% - 7px); justify-content:center; }
  .ticket-composer-actions { align-items:stretch; flex-direction:column; }
  .ticket-composer-actions .button { width:100%; }
  .ticket-rating-panel{grid-template-columns:38px minmax(0,1fr);align-items:start;padding:16px}.ticket-rating-icon{width:38px;height:38px}.ticket-rating-form{grid-column:1/-1;align-items:stretch;flex-direction:column}.ticket-rating-stars{justify-content:center}.ticket-rating-stars button{font-size:24px}.ticket-rating-form .button{width:100%}
}

/* Modern account settings workspace */
.account-page-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:18px; }
.account-identity { display:flex; align-items:center; gap:15px; min-width:0; }
.account-identity > span { display:grid; width:54px; height:54px; flex:0 0 auto; place-items:center; border-radius:17px; background:linear-gradient(145deg,#6366f1,#4338ca); box-shadow:0 12px 25px rgba(79,70,229,.22); color:#fff; font-size:16px; font-weight:850; letter-spacing:-.03em; }
.account-identity > div { min-width:0; }
.account-identity .section-title { overflow:hidden; margin-top:4px; text-overflow:ellipsis; white-space:nowrap; }
.account-security-score { display:flex; min-width:250px; align-items:center; gap:11px; padding:12px 14px; border:1px solid #d9e9e0; border-radius:15px; background:linear-gradient(145deg,#fbfffd,#f0fdf4); }
.account-security-score > span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:#dcfce7; color:#15803d; }
.account-security-score > div { display:grid; gap:2px; }
.account-security-score strong { color:#166534; font-size:12px; }
.account-security-score small { color:#769184; font-size:9px; }
.account-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-bottom:18px; }
.account-overview article { display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid #e2e8f0; border-radius:16px; background:rgba(255,255,255,.9); box-shadow:0 8px 24px rgba(15,23,42,.035); }
.account-overview-icon { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border-radius:12px; }
.account-overview-icon.tone-indigo { background:#eef2ff; color:#4f46e5; }
.account-overview-icon.tone-green { background:#ecfdf3; color:#079455; }
.account-overview-icon.tone-blue { background:#eff8ff; color:#1570ef; }
.account-overview-icon.tone-purple { background:#f4f3ff; color:#6938ef; }
.account-overview article > div { display:grid; gap:2px; min-width:0; }
.account-overview small { color:#8b96a8; font-size:9px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.account-overview strong { color:#27334a; font-size:13px; }
.account-overview .status-positive { color:#087a4d; }
.account-overview .status-warning { color:#b54708; }

.account-settings-layout { grid-template-columns:270px minmax(0,1fr); gap:18px; }
.account-navigation-modern { top:98px; overflow:hidden; padding:9px; border-radius:20px; background:linear-gradient(180deg,#fff,#fbfcfe); }
.account-navigation-head { display:flex; align-items:baseline; justify-content:space-between; padding:11px 12px 13px; border-bottom:1px solid #edf0f4; }
.account-navigation-head span { color:#28354c; font-size:13px; font-weight:800; }
.account-navigation-head small { color:#98a2b3; font-size:9px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.account-navigation-modern button.settings-nav-item { display:grid; min-height:62px; grid-template-columns:35px minmax(0,1fr) auto; gap:10px; margin-top:5px; padding:8px 9px; border:1px solid transparent; border-radius:13px; }
.account-nav-icon { display:grid; width:35px; height:35px; place-items:center; border-radius:10px; background:#f1f4f8; color:#69768a; transition:160ms ease; }
.account-navigation-modern .account-nav-icon i { width:auto; color:inherit; }
.account-navigation-modern .settings-nav-item > span:nth-child(2) { display:grid; min-width:0; gap:2px; }
.account-navigation-modern .settings-nav-item strong { color:#425069; font-size:12px; }
.account-navigation-modern .settings-nav-item small { margin:0; overflow:hidden; color:#98a2b3; font-size:9px; font-weight:600; text-overflow:ellipsis; text-transform:none; white-space:nowrap; }
.account-nav-arrow { width:auto!important; color:#c1c8d2!important; font-size:9px; }
.account-nav-soon { padding:4px 6px; border-radius:999px; background:#f2f4f7; color:#98a2b3; font-size:7px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.account-navigation-modern button.settings-nav-item:hover,.account-navigation-modern button.settings-nav-item.active { border-color:#d9e0ff; background:linear-gradient(135deg,#f3f5ff,#eef2ff); color:#3157e8; }
.account-navigation-modern .settings-nav-item.active .account-nav-icon { background:#4f46e5; box-shadow:0 7px 15px rgba(79,70,229,.22); color:#fff; }
.account-navigation-modern .settings-nav-item.active strong { color:#3730a3; }
.account-navigation-note { display:flex; gap:9px; margin-top:10px; padding:11px; border:1px solid #e4e7ec; border-radius:12px; background:#f8fafc; color:#7c8798; }
.account-navigation-note i { margin-top:2px; color:#6366f1; font-size:10px; }
.account-navigation-note p { margin:0; font-size:10px; line-height:1.55; }
.account-settings-content { gap:13px; }
.account-workspace-card { overflow:hidden; padding:0; border-radius:21px; }
.account-workspace-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:24px 26px 21px; border-bottom:1px solid #edf0f4; background:linear-gradient(145deg,#fff,#fbfcff); }
.account-workspace-heading h3 { margin:5px 0; color:#182236; font-size:21px; letter-spacing:-.025em; }
.account-workspace-heading p { margin:0; color:#7b8799; font-size:12px; line-height:1.55; }
.account-section-badge { display:inline-flex; padding:5px 8px; border-radius:999px; background:#eef2ff; color:#4f46e5; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.account-heading-icon { display:grid; width:42px; height:42px; flex:0 0 auto; place-items:center; border:1px solid #e0e7ff; border-radius:13px; background:#eef2ff; color:#4f46e5; }
.account-card-body { padding:23px 26px 26px; }
.account-workspace-card .form-label { font-size:11px; }
.account-workspace-card .form-control { min-height:45px; font-size:13px; }
.account-input-help { display:block; margin-top:7px; color:#98a2b3; font-size:10px; line-height:1.5; }
.account-profile-preview { display:flex; align-items:center; gap:12px; margin:22px 26px 0; padding:15px 17px; border:1px solid #dfe4ff; border-radius:16px; background:linear-gradient(135deg,#10182b,#1d2b4c); color:#fff; }
.account-profile-preview > span:first-child { display:grid; width:40px; height:40px; flex:0 0 auto; place-items:center; border-radius:12px; background:linear-gradient(145deg,#6d70f7,#4338ca); font-size:12px; font-weight:850; }
.account-profile-preview > div { display:grid; flex:1; min-width:0; gap:2px; }
.account-profile-preview strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.account-profile-preview small { overflow:hidden; color:#9eacc3; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.account-profile-preview > span:last-child { max-width:220px; overflow:hidden; padding:5px 8px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#cbd5e1; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.account-avatar-settings { display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:14px; margin:14px 26px 0; padding:15px 17px; border:1px solid #e2e7ef; border-radius:16px; background:#fbfcfe; }
.account-avatar-settings[hidden] { display:none; }
.account-avatar-preview { display:grid; width:58px; height:58px; place-items:center; border-radius:17px; background:linear-gradient(145deg,#6366f1,#4338ca); color:#fff; font-size:16px; font-weight:850; }
.account-avatar-settings > div:nth-child(2) { display:grid; min-width:0; gap:3px; }
.account-avatar-settings strong { color:#263449; font-size:13px; }
.account-avatar-settings p { margin:0; color:#667085; font-size:10px; line-height:1.5; }
.account-avatar-settings small { color:#98a2b3; font-size:9px; }
.account-avatar-actions { display:flex; align-items:center; gap:8px; }
.account-avatar-actions .button { justify-content:center; white-space:nowrap; }
.account-profile-hub{background:linear-gradient(180deg,#fff 0,#fcfdff 100%)}
.account-combined-section{overflow:hidden;margin:18px 26px 24px;border:1px solid #e2e7ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,45,72,.045)}
.account-combined-personal{width:auto}
.account-combined-personal .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-combined-personal .form-field-wide{grid-column:auto}
.account-combined-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 19px;border-bottom:1px solid #e8ecf2;background:linear-gradient(135deg,#f9fafc,#fff)}
.account-combined-heading>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5;font-size:14px}
.account-combined-heading>div{display:grid;min-width:0;gap:2px}.account-combined-heading small{color:#6475ba;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.account-combined-heading h4{margin:0;color:#26344a;font-size:14px}.account-combined-heading p{margin:2px 0 0;color:#8390a2;font-size:10px;line-height:1.45}
.account-combined-heading>em{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #bfe5d4;border-radius:999px;background:#eefaf5;color:#16805d;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}
.account-combined-section>.account-card-body{padding:20px 19px 22px}
.account-combined-customer{border-color:#dce4f1;background:linear-gradient(180deg,#fff,#fbfcff)}
.account-combined-customer .account-combined-heading>span{background:#edf7f4;color:#18765b}
.account-combined-customer .account-customer-notice{margin:16px 19px 0;border-color:#d9e4f7;background:#f6f8fd;color:#46618f}
.account-combined-customer .account-customer-notice strong{color:#334f82}.account-combined-customer .account-customer-notice p{color:#71809b}
.account-security-notice { display:flex; gap:11px; margin:22px 26px 0; padding:14px 15px; border:1px solid #bfdbfe; border-radius:15px; background:#eff6ff; color:#1d4ed8; }
.account-security-notice i { margin-top:2px; }
.account-security-notice strong { font-size:12px; }
.account-security-notice p { margin:4px 0 0; color:#6480a8; font-size:10px; line-height:1.55; }
.account-security-hub{display:grid;gap:16px}.account-security-hub[hidden]{display:none}
.security-hub-hero{overflow:hidden;border:1px solid #dce3ef;border-radius:21px;background:linear-gradient(145deg,#fff,#f7f9fe);box-shadow:0 10px 30px rgba(30,43,70,.055)}
.security-hub-copy{display:flex;align-items:center;gap:15px;padding:22px 24px 18px}.security-hub-copy>span{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:15px;background:linear-gradient(145deg,#4f46e5,#3157c8);color:#fff;box-shadow:0 9px 20px rgba(67,56,202,.2);font-size:18px}
.security-hub-copy>div{display:grid;gap:2px}.security-hub-copy small{color:#5268c1;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.security-hub-copy h3{margin:0;color:#1f2d44;font-size:19px;letter-spacing:-.02em}.security-hub-copy p{margin:2px 0 0;color:#7d899c;font-size:10px;line-height:1.55}
.security-hub-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e5e9f1;background:rgba(255,255,255,.7)}
.security-hub-status>button{appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:14px 15px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:background .16s ease}.security-hub-status>button+button{border-left:1px solid #e8ebf1}.security-hub-status>button:hover{background:#f6f8fd}
.security-hub-status>button>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px}.security-hub-status .tone-blue{background:#edf3ff;color:#3561ba}.security-hub-status .tone-green{background:#eaf8f2;color:#137557}.security-hub-status .tone-purple{background:#f1edff;color:#6751c9}.security-hub-status .tone-slate{background:#eef2f6;color:#5e6d82}
.security-hub-status>button>div{display:grid;min-width:0;gap:2px}.security-hub-status small{overflow:hidden;color:#8a96a8;font-size:8px;font-weight:750;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.security-hub-status strong{overflow:hidden;color:#344258;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.security-hub-status>button>i{color:#b4bdca;font-size:8px}
.security-hub-status strong.is-positive{color:#14805e}.security-hub-status strong.is-warning{color:#b66b0d}
.security-module-grid{display:grid;grid-template-areas:"password passkeys" "twofactor devices";grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.security-password-module{grid-area:password}.security-two-factor-module{grid-area:twofactor}.security-passkey-module{grid-area:passkeys}.security-devices-module{grid-area:devices}
.security-module{border-radius:19px;box-shadow:0 8px 24px rgba(31,45,72,.045)}.security-module .account-workspace-heading{min-height:104px;padding:19px 20px 17px}.security-module .account-workspace-heading h3{font-size:17px}.security-module .account-workspace-heading p{font-size:10px}.security-module .account-card-body{padding:18px 20px 21px}.security-module .account-security-notice{margin:16px 20px 0}
.security-password-module .account-card-body+.account-card-body{padding-top:0}.security-password-module #revokeOtherSessions{width:100%;justify-content:center}.security-passkey-module .passkey-management{border-top:1px solid #edf0f4;background:#fbfcfe}
.security-two-factor-module .two-factor-state-panel{border:0;padding:0;background:transparent}.security-two-factor-module .two-factor-state-panel>span{width:40px;height:40px}.security-two-factor-module .two-factor-state-panel p{margin-bottom:12px}.security-devices-module .trusted-devices-heading{min-height:auto}
.security-device-dependency{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px dashed #d5dce8;border-radius:14px;background:#f8fafc;color:#65748a}.security-device-dependency>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;background:#eef2f6;color:#68778b}.security-device-dependency strong{display:block;color:#405069;font-size:11px}.security-device-dependency p{margin:4px 0 0;color:#8490a1;font-size:9px;line-height:1.5}
.account-customer-notice { display:flex; gap:12px; margin:22px 26px 0; padding:15px 16px; border:1px solid #c7d2fe; border-radius:15px; background:#f3f4ff; color:#4f46e5; }
.account-customer-notice > i { margin-top:3px; }
.account-customer-notice strong { color:#3730a3; font-size:12px; }
.account-customer-notice p { margin:4px 0 0; color:#6972a8; font-size:10px; line-height:1.55; }
.two-factor-state-panel { display:flex; gap:14px; padding:17px; border:1px solid #e2e8f0; border-radius:16px; }
.two-factor-state-panel > span { display:grid; width:44px; height:44px; flex:0 0 auto; place-items:center; border-radius:13px; font-size:16px; }
.two-factor-state-panel > div { flex:1; }
.two-factor-state-panel strong { color:#344054; font-size:13px; }
.two-factor-state-panel p { margin:5px 0 13px; color:#7c8798; font-size:10px; line-height:1.6; }
.two-factor-state-disabled { background:#fafbfc; }
.two-factor-state-disabled > span { background:#f2f4f7; color:#667085; }
.two-factor-state-enabled { border-color:#a7f3d0; background:#f0fdf4; }
.two-factor-state-enabled > span { background:#d1fae5; color:#047857; }
.two-factor-setup-modern { margin-top:16px; padding:18px; border:1px solid #dfe4ff; border-radius:16px; background:#fafbff; }
.two-factor-setup-heading { display:flex; align-items:flex-start; gap:11px; }
.two-factor-setup-heading > span { padding:5px 8px; border-radius:999px; background:#4f46e5; color:#fff; font-size:8px; font-weight:800; }
.two-factor-setup-heading strong { color:#344054; font-size:12px; }
.two-factor-setup-heading p { margin:3px 0 0; color:#8490a1; font-size:10px; }
.two-factor-step-two { margin-top:20px; padding-top:18px; border-top:1px solid #e3e7f5; }
.account-workspace-card .two-factor-qr { margin:18px auto; }
.account-workspace-card .trusted-device-title strong { font-size:12px; }
.account-workspace-card .trusted-device-facts { font-size:10px; }
.account-workspace-card .trusted-device-notice p { font-size:10px; }
.passkey-heading-icon { background:#f4f3ff; color:#6938ef; }
.passkey-enrollment { display:grid; gap:13px; }
.passkey-enrollment > .button { justify-self:start; }
.passkey-unsupported { border-color:#fedf89; background:#fffaeb; color:#b54708; }
.passkey-list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.passkey-list-heading > div { display:grid; gap:2px; }
.passkey-list-heading strong { color:#27334a; font-size:12px; }
.passkey-list-heading small { color:#7b8798; font-size:9px; }
.passkey-list-heading > span { display:grid; min-width:30px; height:26px; place-items:center; border-radius:999px; background:#eef2ff; color:#4338ca; font-size:10px; font-weight:800; }
.passkey-list { display:grid; gap:10px; }
.passkey-entry { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:13px; padding:14px; border:1px solid #e1e7ef; border-radius:15px; background:linear-gradient(145deg,#fff,#f8fafc); }
.passkey-entry-icon { display:grid; width:44px; height:44px; place-items:center; border-radius:13px; background:#f0edff; color:#6938ef; font-size:16px; }
.passkey-entry-copy { display:grid; min-width:0; gap:5px; }
.passkey-entry-title { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.passkey-entry-title strong { color:#243047; font-size:12px; }
.passkey-entry-title span { padding:4px 7px; border-radius:999px; background:#ecfdf3; color:#087a4d; font-size:8px; font-weight:800; text-transform:uppercase; }
.passkey-entry-meta { display:flex; flex-wrap:wrap; gap:6px 14px; color:#718096; font-size:9px; }
.passkey-entry-meta span { display:inline-flex; align-items:center; gap:5px; }
.passkey-entry .removePasskey { color:#b42318; }
.passkey-entry .removePasskey:hover { border-color:#fecaca; background:#fff1f2; color:#dc2626; }
.account-future-card { display:flex; align-items:center; gap:18px; padding:32px; }
.account-future-card > span { display:grid; width:52px; height:52px; flex:0 0 auto; place-items:center; border-radius:16px; background:#f2f4f7; color:#667085; font-size:18px; }
.account-future-card h3 { margin:8px 0 5px; color:#344054; font-size:18px; }
.account-future-card p { margin:0; color:#8490a1; font-size:11px; }
.account-save-bar { position:sticky; z-index:8; bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 13px 12px 16px; border:1px solid rgba(210,218,229,.9); border-radius:17px; background:rgba(255,255,255,.94); box-shadow:0 20px 50px rgba(15,23,42,.14); backdrop-filter:blur(16px); }
.account-save-state { display:flex; align-items:center; gap:10px; }
.account-save-state > span { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.1); }
.account-save-state > span.dirty { background:#f59e0b; box-shadow:0 0 0 5px rgba(245,158,11,.12); }
.account-save-state > div { display:grid; gap:1px; }
.account-save-state strong { color:#344054; font-size:11px; }
.account-save-state small { color:#98a2b3; font-size:9px; }

@media (max-width:1100px) {
  .account-settings-layout { grid-template-columns:235px minmax(0,1fr); }
  .account-combined-personal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-combined-personal .form-field-wide{grid-column:1/-1}
}
@media (max-width:800px) {
  .account-page-hero { align-items:flex-start; }
  .account-security-score { min-width:0; }
  .account-settings-layout { grid-template-columns:1fr; }
  .account-navigation-modern { position:static; display:flex; overflow-x:auto; gap:5px; padding:8px; }
  .account-navigation-head,.account-navigation-note { display:none; }
  .account-navigation-modern button.settings-nav-item { display:flex; min-height:44px; flex:0 0 auto; margin:0; padding:5px 10px; }
  .account-nav-icon { width:31px; height:31px; }
  .account-navigation-modern .settings-nav-item > span:nth-child(2) { display:block; }
  .account-navigation-modern .settings-nav-item small,.account-nav-arrow,.account-nav-soon { display:none; }
  .security-hub-status{grid-template-columns:repeat(2,minmax(0,1fr))}.security-hub-status>button:nth-child(3){border-left:0;border-top:1px solid #e8ebf1}.security-hub-status>button:nth-child(4){border-top:1px solid #e8ebf1}.security-module-grid{grid-template-areas:"password" "passkeys" "twofactor" "devices";grid-template-columns:1fr}
}
@media (max-width:620px) {
  .account-page-hero { display:grid; }
  .account-security-score { width:100%; }
  .account-overview { grid-template-columns:1fr; }
  .account-workspace-heading { padding:20px 17px; }
  .account-card-body { padding:20px 17px; }
  .account-profile-preview,.account-security-notice,.account-customer-notice { margin-right:17px; margin-left:17px; }
  .account-combined-section{margin-right:17px;margin-left:17px}.account-combined-personal{width:auto}.account-combined-personal .form-grid{grid-template-columns:1fr}.account-combined-personal .form-field-wide{grid-column:auto}.account-combined-heading{grid-template-columns:auto minmax(0,1fr);padding:15px}.account-combined-heading>em{grid-column:2;justify-self:start}.account-combined-section>.account-card-body{padding:18px 15px}
  .account-profile-preview > span:last-child { display:none; }
  .account-save-bar { bottom:8px; }
  .security-hub-copy{align-items:flex-start;padding:18px 17px 15px}.security-hub-copy>span{width:42px;height:42px}.security-hub-status{grid-template-columns:1fr}.security-hub-status>button+button{border-left:0;border-top:1px solid #e8ebf1}.security-module .account-workspace-heading{min-height:auto;padding:18px 17px}.security-module .account-card-body{padding:17px}.security-module .account-security-notice{margin-right:17px;margin-left:17px}
  .two-factor-state-panel { display:grid; }
}

@media (max-width:700px) {
  .account-avatar-settings { grid-template-columns:50px minmax(0,1fr); margin-right:17px; margin-left:17px; }
  .account-avatar-preview { width:50px; height:50px; }
  .account-avatar-actions { grid-column:1 / -1; }
  .account-avatar-actions .button { flex:1; }
}

.admin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

.admin-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 19px;
  border-bottom: 1px solid #e9ecf1;
  background: #f9fafc;
}

.admin-panel-heading h3 {
  margin: 0;
  color: #172033;
  font-size: 14px;
  font-weight: 750;
}

.user-admin-table{min-width:1240px}
.user-admin-table th:first-child,.user-admin-table td:first-child{min-width:250px}
.user-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:2px 0}
.user-identity>.entity-avatar{width:38px;height:38px;border-radius:11px}
.user-identity-copy{display:grid;min-width:0;gap:3px}
.user-identity-copy>strong{overflow:hidden;color:#1d293b;font-size:12px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.user-identity-handle,.user-identity-email{display:flex;align-items:center;gap:6px;min-width:0;color:#6f7d91;font-size:9.5px;line-height:1.25}
.user-identity-handle i,.user-identity-email i{flex:0 0 11px;width:11px;color:#a1acbb;text-align:center;font-size:8px}
.user-identity-email{overflow:hidden;color:#8794a7;text-overflow:ellipsis;white-space:nowrap}.user-identity-email.is-empty{color:#a1aab8;font-style:italic}
.user-origin-badge{display:inline-flex;align-items:center;gap:9px;min-width:145px;color:#40506a}
.user-origin-badge>i{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#eef2f7;color:#66758b}
.user-origin-badge strong,.user-origin-badge small{display:block;white-space:nowrap}
.user-origin-badge strong{font-size:11px;font-weight:800}
.user-origin-badge small{margin-top:2px;color:#8995a7;font-size:9px}
.user-origin-badge.is-public>i{background:#e8f7f1;color:#16805d}
.user-origin-badge.is-public strong{color:#17684f}
.user-origin-badge.is-internal>i{background:#edf2ff;color:#4166bd}
.user-customer-link{appearance:none;display:inline-grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:170px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.user-customer-link>span:first-child{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#f0edff;color:#6756c7}
.user-customer-link strong,.user-customer-link small{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-customer-link strong{color:#33435b;font-size:11px}.user-customer-link small{margin-top:2px;color:#8995a7;font-size:9px}
.user-customer-link>i{color:#9ba6b6;font-size:9px;transition:transform .15s ease,color .15s ease}.user-customer-link:not(.is-static):hover>i{transform:translate(2px,-2px);color:#6654c8}
.user-customer-link.is-static{cursor:default}.user-customer-empty{display:inline-flex;align-items:center;gap:7px;color:#98a2b1;font-size:10px;white-space:nowrap}

.role-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.role-pill,
.permission-count {
  display: inline-flex;
  align-items: center;
  border: 1px solid #dfe4ef;
  border-radius: 999px;
  padding: 5px 8px;
  background: #f7f9fc;
  color: #5d6b80;
  font-size: 9px;
  font-weight: 750;
}

.state-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.state-pill-active {
  background: #eaf8f2;
  color: #13704c;
}

.state-pill-disabled {
  background: #fff0f2;
  color: #b62940;
}

.state-pill-warning {
  background: #fff5df;
  color: #9a5b08;
}

.switch-row {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #475467;
  font-size: 12px;
  font-weight: 680;
}

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

.check-card {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-height: 42px;
  padding: 10px 11px;
  border: 1px solid #e3e7ef;
  border-radius: 12px;
  background: #fafbfc;
  color: #344054;
  font-size: 11px;
  font-weight: 680;
}

.check-card input {
  margin-top: 2px;
}

.permission-grid {
  display: grid;
  gap: 13px;
}

.permission-group {
  padding: 13px;
  border: 1px solid #e5e9ef;
  border-radius: 14px;
  background: #fafbfc;
}

.permission-group-title {
  margin-bottom: 10px;
  color: #7b8698;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.permission-group .check-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.role-permission-editor {
  display: grid;
  gap: 12px;
  margin-top: 4px;
}

.role-modal-card {
  scroll-padding-top: 92px;
}

.role-editor-header {
  position: sticky;
  top: -27px;
  z-index: 8;
  display: flex;
  min-height: 82px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: -27px -27px 22px;
  border-bottom: 1px solid rgba(218, 224, 233, .9);
  padding: 14px 18px 14px 20px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
  backdrop-filter: blur(16px) saturate(130%);
}

.role-editor-identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}

.role-editor-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #dbe3ff;
  border-radius: 13px;
  background: linear-gradient(145deg, #f1f4ff, #e7ebff);
  color: #4f46e5;
  font-size: 14px;
  box-shadow: 0 5px 13px rgba(79, 70, 229, .1);
}

.role-editor-identity > div {
  min-width: 0;
}

.role-editor-mode {
  display: block;
  margin-bottom: 2px;
  color: #6366f1;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.role-editor-identity .modal-title {
  overflow: hidden;
  max-width: 520px;
  font-size: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.role-editor-identity p {
  margin: 3px 0 0;
  color: #8a94a6;
  font-size: 9.5px;
}

.role-editor-header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 9px;
}

.role-editor-header .role-permission-summary {
  min-width: 108px;
  border-color: #e1e6ed;
  padding: 7px 10px;
  background: #f8fafc;
}

.role-editor-header .role-permission-summary strong {
  color: #3730a3;
  font-size: 15px;
}

.role-editor-basics {
  display: grid;
  gap: 14px;
  margin-bottom: 22px;
  border: 1px solid #e4e9f0;
  border-radius: 16px;
  padding: 16px;
  background: linear-gradient(145deg, #fff, #fafbfc);
}

.role-editor-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.role-editor-section-title > span {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 9px;
  font-weight: 850;
}

.role-editor-section-title h3 {
  margin: 0;
  color: #253047;
  font-size: 12px;
}

.role-editor-section-title p {
  margin: 3px 0 0;
  color: #8a94a6;
  font-size: 9.5px;
  line-height: 1.35;
}

.role-system-notice {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  border: 1px solid #d8defd;
  border-radius: 11px;
  padding: 10px 12px;
  background: #f6f7ff;
  color: #515a78;
}

.role-system-notice[hidden] {
  display: none;
}

.role-system-notice > i {
  margin-top: 2px;
  color: #6366f1;
  font-size: 10px;
}

.role-system-notice p {
  margin: 0;
  font-size: 9.5px;
  line-height: 1.5;
}

.role-system-notice strong {
  color: #3730a3;
}

.role-editor-permissions {
  display: block;
}

.role-permission-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.role-permission-heading p {
  margin: 4px 0 0;
  color: #7b8698;
  font-size: 11px;
  line-height: 1.45;
}

.role-permission-summary {
  display: flex;
  min-width: 112px;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  border: 1px solid #dfe4ec;
  border-radius: 12px;
  padding: 8px 11px;
  background: #f8fafc;
  color: #7b8698;
  font-size: 10px;
  white-space: nowrap;
}

.role-permission-summary strong {
  color: #344054;
  font-size: 16px;
}

.role-permission-search {
  position: relative;
  display: flex;
  align-items: center;
}

.role-permission-search > i {
  position: absolute;
  left: 14px;
  color: #98a2b3;
  font-size: 12px;
  pointer-events: none;
}

.role-permission-search input {
  width: 100%;
  min-height: 43px;
  border: 1px solid #dfe4ec;
  border-radius: 12px;
  outline: none;
  padding: 0 42px 0 38px;
  background: #fff;
  color: #344054;
  font: inherit;
  font-size: 12px;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.role-permission-search input:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .1);
}

.role-permission-search button {
  position: absolute;
  right: 7px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}

.role-permission-search button:hover {
  background: #f1f5f9;
  color: #475467;
}

.role-permission-editor .permission-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.role-permission-editor .permission-group {
  overflow: hidden;
  padding: 0;
  border-color: #e3e8ef;
  background: #fff;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.role-permission-editor .permission-group.has-active-permissions {
  border-color: #c7d2fe;
  box-shadow: 0 5px 18px rgba(79, 70, 229, .055);
}

.permission-group-header {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #edf0f4;
  padding: 10px 12px;
  background: #f8fafc;
}

.permission-group-header > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.permission-group-icon {
  display: grid;
  width: 31px;
  height: 31px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: #eef2ff;
  color: #6366f1;
  font-size: 11px;
}

.permission-group-header h3 {
  margin: 0 0 2px;
  color: #344054;
  font-size: 12px;
  line-height: 1.2;
}

.permission-group-count {
  display: block;
  color: #98a2b3;
  font-size: 9px;
}

.permission-group-switch {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  color: #7b8698;
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
}

.permission-group-switch input,
.permission-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.permission-group-switch i,
.permission-switch i {
  position: relative;
  display: block;
  width: 34px;
  height: 20px;
  flex: 0 0 auto;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #e4e7ec;
  box-shadow: inset 0 1px 2px rgba(16, 24, 40, .08);
  transition: 160ms ease;
}

.permission-group-switch i::after,
.permission-switch i::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(16, 24, 40, .25);
  content: "";
  transition: transform 160ms ease;
}

.permission-group-switch input:checked + i,
.permission-switch input:checked + i {
  border-color: #4f46e5;
  background: #4f46e5;
}

.permission-group-switch input:checked + i::after,
.permission-switch input:checked + i::after {
  transform: translateX(14px);
}

.permission-group-switch input:indeterminate + i {
  border-color: #a5b4fc;
  background: #c7d2fe;
}

.permission-group-switch input:focus-visible + i,
.permission-switch input:focus-visible + i {
  outline: 3px solid rgba(99, 102, 241, .2);
  outline-offset: 2px;
}

.permission-option-list {
  display: grid;
}

.permission-option {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #f0f2f5;
  padding: 10px 13px;
  background: #fff;
  cursor: pointer;
  transition: background 140ms ease;
}

.permission-option:last-child {
  border-bottom: 0;
}

.permission-option:hover {
  background: #fafbff;
}

.permission-option:has(.rolePermissionInput:checked) {
  background: #f8f9ff;
}

.permission-option-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.permission-option-title {
  color: #344054;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.3;
}

.permission-option-copy small {
  color: #8a94a6;
  font-size: 9.5px;
  line-height: 1.45;
}

.permission-risk {
  display: inline-flex;
  margin-left: 4px;
  align-items: center;
  border-radius: 999px;
  padding: 2px 5px;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
  vertical-align: 1px;
}

.permission-risk-warning {
  background: #fff7e6;
  color: #b54708;
}

.permission-risk-danger {
  background: #fff0f0;
  color: #d92d20;
}

.permission-switch {
  flex: 0 0 auto;
  cursor: pointer;
}

.role-permission-empty {
  display: flex;
  min-height: 100px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px dashed #dfe4ec;
  border-radius: 13px;
  color: #98a2b3;
  font-size: 11px;
}

.role-permission-empty[hidden] {
  display: none;
}

@media (max-width: 800px) {
  .role-editor-header {
    top: -18px;
    margin: -18px -18px 18px;
    padding: 12px 14px;
  }

  .role-editor-identity p,
  .role-editor-header .role-permission-summary span {
    display: none;
  }

  .role-editor-header .role-permission-summary {
    min-width: 42px;
  }

  .role-editor-basics .form-grid {
    grid-template-columns: 1fr;
  }

  .role-permission-editor .permission-grid {
    grid-template-columns: 1fr;
  }

  .permission-group-switch span {
    display: none;
  }
}

@media (max-width: 1240px) {
  .metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbar {
    grid-template-columns: 1.5fr 0.8fr 0.65fr auto;
  }

  .toolbar-compact {
    grid-template-columns: minmax(260px, 560px);
  }

  .toolbar-offers {
    grid-template-columns: minmax(260px, 1fr) minmax(170px, 240px);
  }
}

@media (max-width: 1023px) {
  .sidebar {
    display: none;
  }

  .main-content {
    margin-left: 0;
    padding-top: 28px;
  }

  .mobile-bar {
    position: sticky;
    top: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 20px;
    border-bottom: 1px solid rgba(218, 223, 233, 0.85);
    background: rgba(247, 248, 251, 0.88);
    backdrop-filter: blur(18px);
  }

  .mobile-brand {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #142033;
    font-size: 13px;
    font-weight: 760;
  }

  .mobile-brand .brand-mark {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: #fff;
    font-size: 13px;
  }

  .mobile-nav {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .mobile-nav::-webkit-scrollbar {
    display: none;
  }

  .mobile-nav .nav-item {
    width: auto;
    gap: 7px;
    border-color: transparent;
    padding: 8px 10px;
    color: #758094;
    font-size: 11px;
  }

  .mobile-nav .nav-item:hover {
    background: #fff;
    color: var(--blue);
    transform: none;
  }

  .mobile-nav .nav-item.active {
    border-color: #dfe4ef;
    background: #fff;
    box-shadow: var(--shadow-sm);
    color: var(--blue);
  }

  .mobile-nav .nav-icon {
    display: none;
  }

  .mobile-logout {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #e0e4eb;
    border-radius: 11px;
    background: #fff;
    color: #748094;
    cursor: pointer;
  }

  .panel-grid {
    grid-template-columns: 1fr;
  }

  .login-page {
    grid-template-columns: 1fr;
  }

  .login-visual {
    display: none;
  }
}

@media (max-width: 760px) {
  .mobile-bar {
    position: sticky;
    align-items: flex-start;
    flex-direction: column;
    padding: 11px 15px 9px;
  }

  .mobile-logout {
    position: absolute;
    top: 11px;
    right: 15px;
  }

  .mobile-nav {
    width: 100%;
  }

  .mobile-nav .nav-item {
    min-width: 82px;
    flex: 0 0 auto;
    justify-content: center;
  }

  .main-content {
    padding: 24px 15px 44px;
  }

  .page-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 26px;
  }

  .page-title {
    font-size: 34px;
  }

  .page-subtitle {
    font-size: 13px;
  }

  .header-actions,
  .header-actions .button {
    width: 100%;
  }

  .metrics-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .metric-card {
    min-height: 145px;
  }

  .panel-body {
    padding: 19px 16px;
  }

  .chart-wrap {
    height: 250px;
  }

  .section-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .toolbar {
    grid-template-columns: 1fr;
  }

  .toolbar .button {
    width: 100%;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-field-wide {
    grid-column: auto;
  }

  .offer-item {
    grid-template-columns: 1fr 1fr;
  }

  .offer-item.billing-item {
    grid-template-columns: 1fr 1fr;
  }

  .billing-item > div {
    grid-column: 1 / 2;
    justify-content: flex-start;
  }

  .billing-item .billing-remove-item {
    grid-column: 2 / 3;
  }

  .offer-items-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .offer-items-actions {
    flex-wrap: wrap;
  }

  .offer-item-description {
    grid-column: 1 / -1;
  }

  .offer-remove-item {
    width: 100%;
    margin: 0;
  }

  .offer-footer-grid {
    grid-template-columns: 1fr;
  }

  .customer-detail-header {
    gap: 14px;
  }

  .customer-detail-header-actions .button {
    display: none;
  }

  .customer-detail-stats,
  .customer-info-panel {
    grid-template-columns: 1fr;
  }

  .check-grid,
  .permission-group .check-grid {
    grid-template-columns: 1fr;
  }

  .customer-detail-stats article {
    min-height: 105px;
  }

  .customer-info-notes {
    grid-column: auto;
  }

  .modal {
    align-items: flex-end;
    padding: 0;
  }

  .modal-card {
    width: 100%;
    max-height: 92vh;
    border-radius: 24px 24px 0 0;
    padding: 23px 18px;
  }

  .modal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .login-form-side {
    padding: 18px 18px 96px;
  }

  .login-card {
    padding: 28px 22px;
  }

  .login-card-logo {
    margin-bottom: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 640px) {
  .toast-container {
    top: 12px;
    right: 12px;
    left: 12px;
    width: auto;
  }

  .toast {
    grid-template-columns: 34px minmax(0, 1fr) 28px;
    gap: 10px;
    padding: 13px 12px;
  }

  .toast-icon {
    width: 34px;
    height: 34px;
  }

  .schedule-card { grid-template-columns: 1fr; gap: 10px; }
  .invoice-template-layout { grid-template-columns: 1fr; min-height: 0; }
  .invoice-template-source,.invoice-template-preview { min-height: 430px; }
}
.mail-template-editor {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

.mail-template-list { display: grid; border: 1px solid var(--border-color, #dbe3ec); border-radius: 12px; overflow: hidden; background: #fff; }
.mail-template-list-item { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--border-color, #dbe3ec); }
.mail-template-list-item:last-child { border-bottom: 0; }
.mail-template-list-item h4 { margin: 0 0 .2rem; }
.mail-template-list-item p { margin: 0; color: var(--text-muted, #667085); font-size: .88rem; }
.mail-template-layout-item { background: linear-gradient(135deg,#f3f6ff,#fff); }
.mail-template-layout-item h4::before { content: "\f1d8"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--primary,#3158c7); margin-right: .55rem; }
.mail-template-edit-link, .mail-template-back { border: 0; background: transparent; color: var(--primary, #3158c7); cursor: pointer; font: inherit; font-weight: 700; white-space: nowrap; }
.mail-template-edit-link:hover, .mail-template-back:hover { text-decoration: underline; }
.mail-template-back { justify-self: start; margin-bottom: .8rem; padding: .35rem 0; }
.mail-template-workspace { min-width: 0; }

.mail-template-card {
  display: grid;
  gap: .8rem;
  padding: 1rem;
  border: 1px solid var(--border-color, #dbe3ec);
  border-radius: 12px;
  background: var(--surface-soft, #f8fafc);
}

.mail-template-card h4 { margin: 0; }
.mail-template-card label { display: grid; gap: .35rem; }
.mail-template-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.mail-template-heading span { padding: .25rem .55rem; border-radius: 999px; background: #e8eefc; color: #3158a5; font-size: .75rem; font-weight: 700; }
.mail-layout-option { margin: .15rem 0; }
.mail-layout-required { margin: 0; }
.template-transfer-toolbar { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:20px 26px 0; padding:16px 18px; border:1px solid #dfe5ed; border-radius:14px; background:#f8fafc; }
.template-transfer-toolbar > div:first-child { display:grid; gap:3px; }
.template-transfer-toolbar small { color:#667085; }
.template-transfer-toolbar > div:last-child { display:flex; gap:9px; }
.template-transfer-panel { margin:14px 26px 0; padding:18px; border:1px solid #ccd7ea; border-radius:14px; background:#fff; box-shadow:0 12px 28px rgba(28,45,79,.08); }
.template-transfer-heading,.template-transfer-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.template-transfer-heading h4 { margin:0 0 3px; }
.template-transfer-heading p { margin:0; color:#667085; }
.template-transfer-all { display:flex; align-items:center; gap:8px; margin:16px 0 10px; font-weight:700; }
.template-transfer-entries { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:330px; overflow:auto; }
.template-transfer-entry { display:flex; align-items:flex-start; gap:10px; padding:11px 12px; border:1px solid #e0e6ef; border-radius:10px; background:#fbfcfe; }
.template-transfer-entry.disabled { opacity:.58; cursor:not-allowed; background:#f4f6f8; }
.template-transfer-entry span { display:grid; gap:2px; }
.template-transfer-entry small { color:#7a8699; }
.template-transfer-actions { margin-top:16px; padding-top:14px; border-top:1px solid #e5e9f0; }
@media(max-width:720px){.template-transfer-toolbar{align-items:stretch;flex-direction:column;margin-inline:17px}.template-transfer-toolbar>div:last-child{flex-wrap:wrap}.template-transfer-panel{margin-inline:17px}.template-transfer-entries{grid-template-columns:1fr}}
.mail-editor-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; padding: .45rem; border: 1px solid var(--border-color, #dbe3ec); border-radius: 10px; background: #fff; }
.mail-editor-toolbar button { min-width: 2.2rem; height: 2.2rem; padding: 0 .65rem; border: 0; border-radius: 7px; background: transparent; color: inherit; cursor: pointer; font-weight: 700; }
.mail-editor-toolbar button:hover { background: #edf2f7; }
.mail-editor-tool-group { display:flex; align-items:center; gap:.15rem; padding-right:.35rem; border-right:1px solid #e2e8f0; }
.mail-editor-tool-group:last-of-type { border-right:0; }
.mail-editor-toolbar select { height:2.2rem; border:1px solid var(--border-color, #dbe3ec); border-radius:7px; background:#fff; color:inherit; padding:0 1.8rem 0 .6rem; }
.mail-editor-block-select { width:8.6rem; }
.mail-editor-color { position:relative; display:grid; width:2.2rem; height:2.2rem; place-items:center; overflow:hidden; border-radius:7px; cursor:pointer; }
.mail-editor-color:hover { background:#edf2f7; }
.mail-editor-color::after { position:absolute; right:5px; bottom:4px; left:5px; height:3px; border-radius:3px; background:#172033; content:""; }
.mail-editor-highlight::after { background:#f4ce46; }
.mail-editor-color input { position:absolute; inset:auto 0 0; width:100%; height:5px; opacity:0; cursor:pointer; }
.mail-editor-toolbar.source-mode .mail-editor-tool-group { opacity:.42; pointer-events:none; }
.mail-placeholder-select { margin-left: auto; max-width: 13rem; height: 2.2rem; border: 1px solid var(--border-color, #dbe3ec); border-radius: 7px; background: #fff; padding: 0 .55rem; }
.mail-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr); gap: 1rem; align-items: stretch; }
.mail-editor-layout.preview-hidden { grid-template-columns:minmax(0,1fr); }
.mail-compose-column { display:grid; min-width:0; grid-template-rows:auto 1fr auto; gap:.35rem; }
.mail-compose-heading { display:flex; min-height:32px; align-items:center; justify-content:space-between; gap:12px; }
.mail-editor-mode { display:flex; padding:3px; border:1px solid #dde5ef; border-radius:9px; background:#f3f6fa; }
.mail-editor-mode button { display:flex; align-items:center; gap:6px; padding:5px 9px; border:0; border-radius:6px; background:transparent; color:#708097; font:inherit; font-size:.75rem; font-weight:750; cursor:pointer; }
.mail-editor-mode button.active { background:#fff; color:#285eb4; box-shadow:0 1px 4px rgba(31,52,82,.12); }
.mail-template-visual { min-height:25rem; box-sizing:border-box; overflow:auto; padding:18px 20px; border:1px solid var(--border-color, #dbe3ec); border-radius:9px; outline:0; background:#fff; color:#172033; font:15px/1.65 Arial,sans-serif; }
.mail-template-visual:focus { border-color:#7da6df; box-shadow:0 0 0 3px rgba(40,94,180,.11); }
.mail-template-visual:empty::before { color:#9aa8ba; content:"Mail-Inhalt eingeben …"; }
.mail-template-visual h1,.mail-template-visual h2,.mail-template-visual h3 { margin:.75em 0 .4em; line-height:1.25; }
.mail-template-visual h1 { font-size:1.75rem; }.mail-template-visual h2 { font-size:1.4rem; }.mail-template-visual h3 { font-size:1.15rem; }
.mail-template-visual p { margin:.55em 0; }.mail-template-visual blockquote { margin:1em 0; padding:.2em 0 .2em 1em; border-left:4px solid #a9bedc; color:#586a83; }
.mail-template-visual a { color:#2457d6; text-decoration:underline; }.mail-template-visual hr { margin:1.4em 0; border:0; border-top:1px solid #dce4ee; }
.mail-template-body { min-height: 25rem; resize: vertical; font: 13px/1.55 Consolas, Monaco, monospace; tab-size: 2; }
.mail-editor-status { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:24px; color:#8491a3; font-size:.7rem; }
.mail-editor-status i { margin-right:4px; color:#7192bf; }
.mail-preview-column { display: grid; grid-template-rows: auto 1fr; gap: .35rem; min-width: 0; }
.mail-preview-column[hidden] { display:none; }
.mail-template-preview { width: 100%; min-height: 25rem; border: 1px solid var(--border-color, #dbe3ec); border-radius: 9px; background: #fff; }

@media (max-width: 1050px) {
  .mail-editor-layout { grid-template-columns: 1fr; }
  .mail-placeholder-select { margin-left: 0; }
}

/* Modern UI refresh */
::selection { background: rgba(79, 70, 229, .18); color: #111827; }
* { scrollbar-color: #cbd5e1 transparent; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: #cbd5e1; background-clip: padding-box; }

body {
  background:
    radial-gradient(circle at 76% -8%, rgba(99, 102, 241, .12), transparent 31rem),
    radial-gradient(circle at 27% 110%, rgba(14, 165, 198, .06), transparent 35rem),
    #f4f6fa;
}

.sidebar {
  border-right: 1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 5% 0%, rgba(99,102,241,.3), transparent 22rem),
    linear-gradient(180deg,#101827 0%,#09111e 58%,#060b13 100%);
  box-shadow: 18px 0 55px rgba(15,23,42,.08);
}

.brand-mark { background: linear-gradient(145deg,#818cf8,#4f46e5 58%,#3730a3); }
.nav-item { border-radius: 12px; padding-block: 11px; }
.nav-item.active { border-color: rgba(165,180,252,.16); background: linear-gradient(135deg,rgba(99,102,241,.3),rgba(79,70,229,.1)); }
.nav-item.active .nav-icon { background: linear-gradient(145deg,#6366f1,#4f46e5); }
.workspace-card { background: linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)); backdrop-filter: blur(12px); }

.main-content { padding-top: 30px; }
.page-header {
  position: sticky;
  top: 16px;
  z-index: 22;
  align-items: center;
  margin: 0 -18px 30px;
  padding: 16px 18px;
  border: 1px solid rgba(215,222,233,.82);
  border-radius: 20px;
  background: rgba(249,250,252,.84);
  box-shadow: 0 12px 38px rgba(15,23,42,.07);
  backdrop-filter: blur(18px) saturate(150%);
}

.page-title { font-size: clamp(24px,2.2vw,32px); font-weight: 790; }
.page-subtitle { margin-top: 5px; }
.eyebrow { margin-bottom: 5px; color: #4f46e5; }

.button { border-radius: 12px; font-weight: 740; letter-spacing: -.005em; }
.button-primary { background: linear-gradient(145deg,#6366f1,#4f46e5); box-shadow: 0 7px 18px rgba(79,70,229,.25),inset 0 1px rgba(255,255,255,.22); }
.button-primary:hover { background: linear-gradient(145deg,#6d70f7,#4338ca); box-shadow: 0 11px 25px rgba(79,70,229,.31),inset 0 1px rgba(255,255,255,.22); }
.button-secondary { border-color: #dce2eb; background: rgba(255,255,255,.88); }
.button-danger-solid { border-color: #dc2626; background: linear-gradient(145deg,#ef4444,#dc2626); box-shadow: 0 7px 18px rgba(220,38,38,.22); color: white; }
.button-danger-solid:hover { box-shadow: 0 11px 25px rgba(220,38,38,.28); }

.metric-card,.panel,.table-panel,.settings-navigation,.settings-card,.admin-panel {
  border-color: rgba(215,222,233,.86);
  background: rgba(255,255,255,.88);
  box-shadow: 0 1px 2px rgba(15,23,42,.025),0 14px 36px rgba(15,23,42,.045);
  backdrop-filter: blur(12px);
}
.metric-card { border-radius: 16px; }
.metric-card:hover { border-color: rgba(99,102,241,.24); box-shadow: 0 20px 44px rgba(15,23,42,.08); }
.panel,.table-panel { border-radius: 20px; }
.panel-title,.section-title { color: #111827; font-weight: 780; }

.toolbar { border-color: rgba(215,222,233,.85); background: rgba(255,255,255,.82); box-shadow: 0 10px 30px rgba(15,23,42,.04); backdrop-filter: blur(14px); }
.control,.form-control { border-color: #dbe2ea; background: rgba(248,250,252,.9); }
.control:hover,.form-control:hover { border-color: #c7d0dd; }
.control:focus,.form-control:focus { border-color: #818cf8; box-shadow: 0 0 0 4px rgba(99,102,241,.11); }
input[type="checkbox"],input[type="radio"] { accent-color: #4f46e5; }

.data-table thead { background: rgba(248,250,252,.96); }
.data-table th { position: sticky; top: 0; z-index: 2; background: rgba(248,250,252,.96); backdrop-filter: blur(10px); }
.data-table th[data-sortable="true"] { padding-right:34px; cursor:pointer; outline:none; user-select:none; transition:color 150ms ease,background 150ms ease; }
.data-table th[data-sortable="true"]::after { position:absolute; top:50%; right:14px; color:#a3afc0; content:"↕"; font-size:12px; font-weight:800; letter-spacing:0; line-height:1; transform:translateY(-50%); }
.data-table th[data-sortable="true"]:hover { background:#eef2ff; color:#4f46e5; }
.data-table th[data-sortable="true"]:focus-visible { box-shadow:inset 0 0 0 2px #818cf8; color:#4338ca; }
.data-table th[data-sortable="true"][aria-sort="ascending"]::after { color:#4f46e5; content:"↑"; }
.data-table th[data-sortable="true"][aria-sort="descending"]::after { color:#4f46e5; content:"↓"; }
.data-table th[data-sortable="true"].is-sorted { background:#eef2ff; color:#4338ca; }
.data-table tbody tr:hover { background: rgba(238,242,255,.62); }
.data-table td { border-bottom-color: #edf1f5; }
.results-bar { border-color: #dce3ed; background: linear-gradient(135deg,#fff,#f8faff); }
.icon-button { border-color: #dfe5ed; border-radius: 10px; background: rgba(255,255,255,.9); box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.icon-button:hover { border-color: #c7d2fe; background: #eef2ff; color: #4f46e5; box-shadow: 0 7px 16px rgba(79,70,229,.1); }

.modal-backdrop { background: rgba(8,15,28,.68); backdrop-filter: blur(10px) saturate(80%); }
.modal-card { border-color: rgba(255,255,255,.92); border-radius: 26px; box-shadow: 0 35px 100px rgba(3,7,18,.3); }
.modal-icon { background: linear-gradient(145deg,#eef2ff,#e0e7ff); color: #4f46e5; }
.modal-close { transition: 160ms ease; }
.modal-close:hover { border-color: #cbd5e1; background: #eef2f7; color: #111827; transform: rotate(4deg); }
.modal-actions { position: sticky; bottom: -27px; z-index: 4; margin: 24px -27px -27px; padding: 16px 27px; border-top: 1px solid #e8edf3; background: rgba(255,255,255,.92); backdrop-filter: blur(14px); }
.offer-item,.permission-group,.check-card,.schedule-card { border-color: #e0e6ee; background: linear-gradient(145deg,#fbfcfe,#f7f9fc); }
.check-card:has(input:checked) { border-color: #a5b4fc; background: #eef2ff; color: #3730a3; }

.toast { border-color: rgba(203,213,225,.8); border-radius: 17px; box-shadow: 0 20px 55px rgba(15,23,42,.18); }

.confirm-dialog {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  place-items: center;
  padding: 20px;
}
.confirm-dialog-backdrop { position: absolute; inset: 0; background: rgba(7,12,22,.7); backdrop-filter: blur(10px); animation: confirm-fade 180ms ease both; }
.confirm-dialog-card { position: relative; display: grid; width: min(470px,100%); grid-template-columns: 52px minmax(0,1fr); gap: 16px; padding: 25px; border: 1px solid rgba(255,255,255,.85); border-radius: 24px; background: rgba(255,255,255,.98); box-shadow: 0 35px 110px rgba(3,7,18,.38); animation: confirm-in 210ms cubic-bezier(.2,.8,.2,1) both; }
.confirm-dialog-icon { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 16px; background: #fff1f2; color: #dc2626; font-size: 18px; }
.confirm-dialog-warning .confirm-dialog-icon { background: #fff7ed; color: #ea580c; }
.confirm-dialog-content h2 { margin: 5px 0 7px; color: #101828; font-size: 19px; letter-spacing: -.025em; }
.confirm-dialog-message { overflow:auto; max-height:min(58vh,560px); margin:0; color:#667085; font-size:13px; line-height:1.55; white-space:pre-line; }
.product-cancellation-confirm { display:grid; gap:13px; white-space:normal; }
.product-cancellation-confirm > p { margin:0; }
.product-cancellation-confirm > p strong { color:#344054; }
.product-cancellation-confirm ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.product-cancellation-confirm li { display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; align-items:start; padding:9px 10px; border:1px solid #e7ebf2; border-radius:10px; background:#f8fafc; }
.product-cancellation-confirm li > i { display:grid; width:22px; height:22px; place-items:center; border-radius:7px; background:#eef2ff; color:#4f63dd; font-size:9px; }
.product-cancellation-confirm li span,.product-cancellation-confirm li strong { display:block; }
.product-cancellation-confirm li strong { margin-bottom:1px; color:#344054; font-size:11px; }
.product-cancellation-confirm li span { color:#667085; font-size:10px; line-height:1.45; }
.product-cancellation-revoke-hint { display:flex; align-items:flex-start; gap:9px; padding:10px 11px; border:1px solid #cfe3da; border-radius:10px; background:#f0faf5; color:#356b55; }
.product-cancellation-revoke-hint > i { margin-top:2px; color:#19845d; }
.product-cancellation-revoke-hint span,.product-cancellation-revoke-hint strong { display:block; }
.product-cancellation-revoke-hint span { font-size:10px; line-height:1.5; }
.product-cancellation-revoke-hint strong { margin-bottom:2px; color:#216047; font-size:11px; }
.invoice-delete-confirm{display:grid;gap:12px;white-space:normal}.invoice-delete-identity{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #e1e6ee;border-radius:13px;background:#f8fafc}.invoice-delete-identity>span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#e9f1fd;color:#2e65ad}.invoice-delete-identity>div{min-width:0}.invoice-delete-identity small,.invoice-delete-identity strong,.invoice-delete-identity p{display:block}.invoice-delete-identity small{color:#8491a4;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.invoice-delete-identity strong{margin-top:1px;color:#263951;font-size:14px}.invoice-delete-identity p{margin:2px 0 0;color:#7a8799;font-size:10px}.invoice-delete-identity>b{padding:5px 8px;border-radius:999px;background:#eef1f6;color:#5f6f85;font-size:9px;text-transform:uppercase}.invoice-delete-confirm dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;overflow:hidden;border-radius:12px;background:#e4e9f0}.invoice-delete-confirm dl>div{min-width:0;padding:10px 11px;background:#fff}.invoice-delete-confirm dt{color:#8995a7;font-size:9px;font-weight:750}.invoice-delete-confirm dd{overflow:hidden;margin:3px 0 0;color:#344054;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.invoice-delete-notice{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;border-radius:12px;background:#fff7ed;color:#9a5a10;font-size:11px;line-height:1.5;white-space:normal}.invoice-delete-notice>i{margin-top:2px}.invoice-delete-notice.danger{background:#fff1f2;color:#a63847}.invoice-delete-notice strong{display:block;margin-bottom:2px;color:#8f2635}
.confirm-dialog-actions { display: flex; grid-column: 1/-1; justify-content: flex-end; gap: 9px; margin-top: 8px; }
@keyframes confirm-in { from { opacity:0; transform:translateY(12px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes confirm-fade { from { opacity:0; } to { opacity:1; } }

.login-card { border: 1px solid rgba(215,222,233,.8); border-radius: 28px; box-shadow: 0 30px 80px rgba(15,23,42,.12); }
.login-trust-device { display:flex; align-items:flex-start; gap:10px; margin-top:13px; padding:11px 12px; border:1px solid #dfe5ee; border-radius:12px; background:#f8fafc; color:#334155; cursor:pointer; }
.login-trust-device input { width:16px; height:16px; flex:0 0 auto; margin-top:2px; }
.login-trust-device span { display:grid; gap:2px; }
.login-trust-device strong { font-size:11px; }
.login-trust-device small { color:#7b8798; font-size:9px; line-height:1.45; }

.role-preview-banner {
  position: fixed;
  z-index: 75;
  top: 12px;
  right: 22px;
  left: 310px;
  display: flex;
  min-height: 60px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 9px 10px 9px 16px;
  border: 1px solid rgba(165,180,252,.7);
  border-radius: 17px;
  background: linear-gradient(135deg,rgba(238,242,255,.97),rgba(255,255,255,.97));
  box-shadow: 0 16px 45px rgba(49,46,129,.16);
  backdrop-filter: blur(18px);
  animation: preview-banner-in 260ms ease both;
}
.role-preview-state { display: flex; align-items: center; gap: 12px; min-width: 0; }
.role-preview-state > div { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 2px 8px; min-width: 0; }
.role-preview-state span { color: #6366f1; font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.role-preview-state strong { overflow: hidden; color: #25216b; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.role-preview-state small { grid-column: 1/-1; overflow: hidden; color: #64748b; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.role-preview-pulse { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #6366f1; box-shadow: 0 0 0 5px rgba(99,102,241,.12); animation: preview-pulse 2s ease infinite; }
.role-preview-banner > button { display: inline-flex; min-height: 40px; align-items: center; gap: 8px; border: 1px solid #c7d2fe; border-radius: 11px; padding: 0 14px; background: white; color: #4338ca; cursor: pointer; font-size: 11px; font-weight: 780; transition: 160ms ease; }
.role-preview-banner > button:hover { border-color: #818cf8; background: #eef2ff; transform: translateY(-1px); }
.role-preview-active .main-content { padding-top: 100px; }
.role-preview-active .page-header { top: 82px; }
.preview-security-note { display: flex; gap: 11px; margin-top: 16px; padding: 13px; border: 1px solid #c7d2fe; border-radius: 13px; background: #eef2ff; color: #4338ca; }
.preview-security-note > i { margin-top: 3px; }
.preview-security-note p { margin: 0; font-size: 11px; line-height: 1.6; }
.previewRole { color: #4f46e5; }
@keyframes preview-banner-in { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:none; } }
@keyframes preview-pulse { 50% { box-shadow:0 0 0 8px rgba(99,102,241,0); } }

@media (max-width:1023px) {
  .page-header { position: relative; top: auto; margin-inline: 0; }
  .main-content { padding-top: 22px; }
  .role-preview-banner { right:12px; left:12px; }
  .role-preview-active .mobile-bar { margin-top:76px; }
  .role-preview-active .main-content { padding-top:22px; }
  .role-preview-active .page-header { top:auto; }
}

@media (max-width:760px) {
  .page-header { padding: 17px; border-radius: 18px; }
  .page-title { font-size: 27px; }
  .modal-actions { bottom: -23px; margin: 22px -18px -23px; padding: 14px 18px; }
  .confirm-dialog-card { grid-template-columns: 44px minmax(0,1fr); padding: 20px; border-radius: 21px; }
  .confirm-dialog-icon { width:44px; height:44px; border-radius:14px; }
  .confirm-dialog-actions { display:grid; grid-template-columns:1fr 1fr; }
  .role-preview-banner { min-height:58px; padding-left:13px; }
  .role-preview-banner > button span { display:none; }
  .role-preview-banner > button { width:40px; padding:0; justify-content:center; }
}

/* Activity and audit log */
.audit-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.audit-integrity-status{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;padding:13px 15px;border:1px solid #dce3ed;border-radius:14px;background:#f8fafc}.audit-integrity-status>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#eef2ff;color:#4f46e5}.audit-integrity-status>div{display:grid;gap:3px}.audit-integrity-status strong{color:#27364b;font-size:12px}.audit-integrity-status small{color:#728096;font-size:10px;line-height:1.45}.audit-integrity-status code{color:#7b8799;font-size:9px}.audit-integrity-status.is-valid{border-color:#b9e4d2;background:#f1fbf7}.audit-integrity-status.is-valid>span{background:#daf4e8;color:#147757}.audit-integrity-status.is-valid strong{color:#176b51}.audit-integrity-status.is-invalid{border-color:#f1bfc8;background:#fff5f6}.audit-integrity-status.is-invalid>span{background:#ffe2e7;color:#b4233c}.audit-integrity-status.is-invalid strong{color:#a51f38}.audit-integrity-status.is-pending>span i{animation:pulse 1.5s ease-in-out infinite}
.audit-stats article { display:flex; align-items:center; gap:12px; min-height:72px; padding:14px 16px; border:1px solid #e2e8f0; border-radius:16px; background:linear-gradient(145deg,#fff,#f8fafc); color:#64748b; font-size:12px; }
.audit-stats article > i { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border-radius:12px; background:#eef2ff; color:#4f46e5; }
.audit-stats strong { display:block; color:#172033; font-size:18px; line-height:1.2; }
.audit-heading-actions { display:flex; flex-wrap:wrap; gap:9px; }
.toolbar-audit { position:sticky; z-index:18; top:calc(var(--erp-page-header-height,86px) + 28px); grid-template-columns:minmax(240px,1fr) 170px 190px 150px 150px; box-shadow:0 14px 38px rgba(15,23,42,.1); }
.role-preview-active .toolbar-audit { top:calc(var(--erp-page-header-height,86px) + 94px); }
.audit-archive-section { margin:0 0 18px; padding:18px; border:1px solid #dce3ed; border-radius:17px; background:#f8fafc; }
.audit-archive-heading h3 { margin:0; color:#1e293b; font-size:16px; }
.audit-archive-heading p { margin:4px 0 0; color:#64748b; font-size:12px; }
.audit-archive-form { display:flex; align-items:end; gap:10px; margin-top:16px; padding:13px; border:1px solid #e2e8f0; border-radius:13px; background:#fff; }
.audit-archive-form label { display:grid; gap:5px; color:#64748b; font-size:10px; font-weight:750; }
.audit-archive-list { display:grid; gap:9px; margin-top:14px; }
.audit-archive-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px; border:1px solid #e2e8f0; border-radius:13px; background:#fff; }
.audit-archive-icon { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; background:#eef2ff; color:#4f46e5; }
.audit-archive-card > div:nth-child(2) { display:grid; min-width:0; gap:3px; }
.audit-archive-card strong { color:#26334a; font-size:12px; }
.audit-archive-card small { color:#64748b; font-size:10px; }
.audit-archive-card code { overflow:hidden; color:#94a3b8; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.audit-archive-card > div:last-child { display:flex; align-items:center; gap:7px; }
.audit-archive-actions{flex-wrap:wrap;justify-content:flex-end}
.audit-source-banner { display:flex; align-items:center; gap:12px; margin-bottom:14px; padding:13px 15px; border:1px solid #c7d2fe; border-radius:14px; background:#eef2ff; }
.audit-source-banner > span { display:grid; width:36px; height:36px; flex:0 0 auto; place-items:center; border-radius:10px; background:#fff; color:#4f46e5; }
.audit-source-banner > div { display:grid; flex:1; gap:2px; }
.audit-source-banner strong { color:#3730a3; font-size:12px; }
.audit-source-banner small { color:#6366f1; font-size:10px; }
.audit-pagination { display:flex; align-items:center; justify-content:flex-end; gap:6px; margin-top:14px; }
.audit-pagination button { display:grid; min-width:34px; height:34px; place-items:center; border:1px solid #dfe5ed; border-radius:9px; background:#fff; color:#475569; cursor:pointer; font-weight:750; }
.audit-pagination button.active { border-color:#4f46e5; background:#4f46e5; color:#fff; }
.audit-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.audit-pagination span { margin-left:8px; color:#64748b; font-size:11px; }
.audit-panel { overflow:hidden; }
.audit-table { min-width:980px; }
.audit-time strong { color:#334155; font-size:11px; white-space:nowrap; }
.audit-actor { display:flex; align-items:center; gap:9px; }
.audit-actor > span { display:grid; width:30px; height:30px; flex:0 0 auto; place-items:center; border-radius:10px; background:#f1f5f9; color:#475569; font-size:11px; font-weight:800; }
.audit-actor strong { font-size:12px; white-space:nowrap; }
.audit-action { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px; font-size:10px; font-weight:780; white-space:nowrap; }
.audit-action-success { background:#ecfdf3; color:#067647; }
.audit-action-danger { background:#fff1f2; color:#be123c; }
.audit-action-update { background:#eef2ff; color:#4338ca; }
.audit-action-info { background:#eff8ff; color:#175cd3; }
.audit-action-security { background:#fff7ed; color:#c2410c; }
.audit-object { display:grid; gap:2px; }
.audit-object strong { max-width:220px; overflow:hidden; color:#253047; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.audit-object small { color:#94a3b8; font-size:10px; }
.audit-object .audit-summary { max-width:270px; overflow:hidden; color:#64748b; text-overflow:ellipsis; white-space:nowrap; }
.auditToggle i { transition:transform 160ms ease; }
.auditToggle.active i { transform:rotate(180deg); }
.audit-detail-row td { padding:0!important; border-bottom:1px solid #e7ebf1; background:#f8fafc; }
.audit-detail { padding:14px 24px 18px 77px; }
.audit-detail > p { margin:0 0 10px; color:#475569; font-size:12px; font-weight:650; }
.audit-change-list { display:grid; gap:7px; }
.audit-change { display:grid; grid-template-columns:150px minmax(80px,1fr) 18px minmax(80px,1fr); align-items:center; gap:9px; font-size:11px; }
.audit-change strong { color:#475569; }
.audit-change span { overflow-wrap:anywhere; padding:7px 9px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; color:#64748b; }
.audit-change i { color:#94a3b8; font-size:9px; text-align:center; }
.audit-no-changes { color:#94a3b8; font-size:11px; }
.customer-audit-timeline { position:relative; display:grid; gap:4px; }
.customer-audit-timeline::before { position:absolute; top:22px; bottom:22px; left:18px; width:1px; background:#e2e8f0; content:""; }
.customer-audit-event { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; padding:10px 0; }
.customer-audit-event > span { z-index:1; display:grid; width:36px; height:36px; place-items:center; border:4px solid #fff; border-radius:50%; font-size:10px; }
.customer-audit-event > div { min-width:0; padding:4px 0; }
.customer-audit-event > div > div { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.customer-audit-event strong { color:#26334a; font-size:12px; }
.customer-audit-event time { flex:0 0 auto; color:#94a3b8; font-size:10px; }
.customer-audit-event p { margin:3px 0 0; color:#64748b; font-size:10px; }

@media (max-width:900px) {
  .audit-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .toolbar-audit { grid-template-columns:1fr 1fr; }
  .toolbar-audit .input-wrap { grid-column:1/-1; }
  .audit-archive-form { align-items:stretch; flex-wrap:wrap; }
}
@media (max-width:1023px) {
  .toolbar-audit,.role-preview-active .toolbar-audit { top:12px; }
}
@media (max-width:560px) {
  .audit-stats { grid-template-columns:1fr; }
  .audit-integrity-status{grid-template-columns:40px minmax(0,1fr)}.audit-integrity-status code{grid-column:2}
  .toolbar-audit { grid-template-columns:1fr; }
  .toolbar-audit .input-wrap { grid-column:auto; }
  .audit-change { grid-template-columns:1fr; }
  .audit-change i { transform:rotate(90deg); }
  .customer-audit-event > div > div { display:grid; gap:3px; }
  .audit-heading-actions,.audit-archive-form { display:grid; grid-template-columns:1fr; }
  .audit-archive-card { grid-template-columns:38px minmax(0,1fr); }
  .audit-archive-card > div:last-child { grid-column:1/-1; }
  .audit-source-banner { align-items:flex-start; flex-wrap:wrap; }
  .audit-source-banner button { width:100%; }
  .audit-pagination { justify-content:center; flex-wrap:wrap; }
  .audit-pagination span { width:100%; margin:4px 0 0; text-align:center; }
}

/* Modern software settings workspace */
.settings-page-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:18px; padding:4px 2px; }
.settings-page-hero .section-title { margin-top:5px; }
.settings-page-hero .section-copy { max-width:680px; }
.settings-health { display:flex; min-width:230px; align-items:center; gap:10px; padding:11px 14px; border:1px solid #dbe5df; border-radius:14px; background:linear-gradient(145deg,#fbfffd,#f0fdf4); }
.settings-health > div { display:grid; gap:2px; }
.settings-health strong { color:#166534; font-size:12px; }
.settings-health small { color:#769184; font-size:10px; }
.settings-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-bottom:18px; }
.settings-overview article { display:flex; min-width:0; align-items:center; gap:11px; padding:13px 14px; border:1px solid #e2e8f0; border-radius:16px; background:rgba(255,255,255,.88); box-shadow:0 8px 24px rgba(15,23,42,.035); }
.settings-overview-icon { display:grid; width:37px; height:37px; flex:0 0 auto; place-items:center; border-radius:11px; font-size:12px; }
.settings-overview-icon.tone-indigo { background:#eef2ff; color:#4f46e5; }
.settings-overview-icon.tone-blue { background:#eff8ff; color:#1570ef; }
.settings-overview-icon.tone-green { background:#ecfdf3; color:#079455; }
.settings-overview-icon.tone-orange { background:#fff7ed; color:#ea580c; }
.settings-overview article > div { display:grid; min-width:0; gap:2px; }
.settings-overview small { color:#8b96a8; font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.settings-overview strong { overflow:hidden; color:#27334a; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.settings-overview strong.status-positive { color:#087a4d; }
.settings-overview strong.status-warning { color:#b54708; }

.software-settings-layout { grid-template-columns:270px minmax(0,1fr); gap:18px; }
.settings-navigation-modern { top:98px; overflow:hidden; padding:9px; border-radius:20px; background:linear-gradient(180deg,#fff,#fbfcfe); }
.settings-navigation-head { display:flex; align-items:baseline; justify-content:space-between; padding:11px 12px 13px; border-bottom:1px solid #edf0f4; }
.settings-navigation-head span { color:#28354c; font-size:13px; font-weight:800; }
.settings-navigation-head small { color:#98a2b3; font-size:9px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.settings-nav-groups { display:grid; gap:5px; padding-top:7px; }
.settings-nav-group { overflow:hidden; border:1px solid transparent; border-radius:13px; transition:160ms ease; }
.settings-nav-group.open { border-color:#e6eaf0; background:#fafbfc; }
.settings-nav-group.has-active { border-color:#dfe4ff; background:#f8f9ff; }
.settings-nav-group-toggle { display:grid; width:100%; min-height:42px; grid-template-columns:minmax(0,1fr) auto 12px; align-items:center; gap:8px; padding:8px 10px; border:0; background:transparent; color:#667085; font-family:inherit; cursor:pointer; }
.settings-nav-group-toggle > span { display:flex; align-items:center; gap:8px; min-width:0; color:#4b5870; font-size:10px; font-weight:850; letter-spacing:.025em; text-transform:uppercase; }
.settings-nav-group-toggle > span i { width:15px; color:#8792a4; text-align:center; }
.settings-nav-group-toggle small { color:#a0a9b7; font-size:8px; font-weight:700; white-space:nowrap; }
.settings-nav-group-toggle > i { color:#b2bac6; font-size:9px; transition:transform 160ms ease; }
.settings-nav-group.open .settings-nav-group-toggle > i { transform:rotate(180deg); }
.settings-nav-group.has-active .settings-nav-group-toggle > span,.settings-nav-group.has-active .settings-nav-group-toggle > span i { color:#4f46e5; }
.settings-nav-group-items { padding:0 4px 4px; }
.settings-nav-group-items[hidden] { display:none; }
.settings-navigation-modern button.settings-nav-item { display:grid; min-height:62px; grid-template-columns:35px minmax(0,1fr) 14px; gap:10px; margin-top:5px; padding:8px 9px; border:1px solid transparent; border-radius:13px; }
.settings-navigation-modern .settings-nav-group-items button.settings-nav-item { min-height:53px; margin-top:2px; }
.settings-navigation-modern .settings-nav-icon { display:grid; width:35px; height:35px; place-items:center; border-radius:10px; background:#f1f4f8; color:#69768a; transition:160ms ease; }
.settings-navigation-modern .settings-nav-icon i { width:auto; color:inherit; }
.settings-navigation-modern .settings-nav-item > span:nth-child(2) { display:grid; min-width:0; gap:2px; }
.settings-navigation-modern .settings-nav-item strong { color:#425069; font-size:12px; }
.settings-navigation-modern .settings-nav-item small { margin:0; overflow:hidden; color:#98a2b3; font-size:9px; font-weight:600; text-overflow:ellipsis; text-transform:none; white-space:nowrap; }
.settings-navigation-modern .settings-nav-arrow { width:auto; color:#c1c8d2; font-size:9px; }
.settings-navigation-modern button.settings-nav-item:hover,.settings-navigation-modern button.settings-nav-item.active { border-color:#d9e0ff; background:linear-gradient(135deg,#f3f5ff,#eef2ff); color:#3157e8; }
.settings-navigation-modern .settings-nav-item.active .settings-nav-icon { background:#4f46e5; box-shadow:0 7px 15px rgba(79,70,229,.22); color:#fff; }
.settings-navigation-modern .settings-nav-item.active strong { color:#3730a3; }
.settings-navigation-modern .settings-nav-item.active .settings-nav-arrow { color:#6366f1; transform:translateX(1px); }
.settings-navigation-note { display:flex; gap:9px; margin-top:10px; padding:11px; border:1px solid #e4e7ec; border-radius:12px; background:#f8fafc; color:#7c8798; }
.settings-navigation-note i { margin-top:2px; color:#6366f1; font-size:10px; }
.settings-navigation-note p { margin:0; font-size:10px; line-height:1.55; }

.software-settings-content { gap:13px; }
.settings-workspace-card { overflow:hidden; padding:0; border-radius:21px; }
.settings-workspace-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:24px 26px 21px; border-bottom:1px solid #edf0f4; background:linear-gradient(145deg,#fff,#fbfcff); }
.settings-workspace-heading h3 { margin:5px 0 5px; color:#182236; font-size:21px; letter-spacing:-.025em; }
.settings-workspace-heading p { margin:0; color:#7b8799; font-size:12px; line-height:1.55; }
.settings-section-badge { display:inline-flex; padding:5px 8px; border-radius:999px; background:#eef2ff; color:#4f46e5; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.settings-heading-icon { display:grid; width:42px; height:42px; flex:0 0 auto; place-items:center; border:1px solid #e0e7ff; border-radius:13px; background:#eef2ff; color:#4f46e5; }
.settings-group { padding:23px 26px; border-bottom:1px solid #edf0f4; }
.settings-group-last { border-bottom:0; }
.settings-group-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:17px; }
.settings-group-heading h4 { margin:0 0 4px; color:#303d55; font-size:14px; }
.settings-group-heading p { margin:0; color:#8a95a6; font-size:11px; line-height:1.5; }
.settings-input-help { display:block; margin-top:7px; color:#98a2b3; font-size:10px; line-height:1.5; }
.settings-input-help-error { color:#c2414b; font-weight:700; }
.mail-protocol-guide { display:flex; align-items:center; gap:12px; margin:0 0 18px; padding:13px 15px; border:1px solid #dbe5ff; border-radius:13px; background:#f7f9ff; color:#42557c; }
.mail-protocol-guide > i { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; background:#e9efff; color:#3c5ee8; }
.mail-protocol-guide div { display:flex; flex-direction:column; gap:2px; }
.mail-protocol-guide strong { color:#263752; font-size:12px; }
.mail-protocol-guide span { font-size:11px; line-height:1.45; }
.mail-protocol-guide-incoming { border-color:#d9ecdf; background:#f5fbf7; }
.mail-protocol-guide-incoming > i { background:#e2f5e8; color:#16834b; }
.settings-workspace-card .form-label { font-size:11px; }
.settings-workspace-card .form-control { min-height:45px; font-size:13px; }
.settings-workspace-card textarea.form-control { padding-top:11px; line-height:1.5; }
.settings-input-suffix { position:relative; }
.settings-input-suffix .form-control { padding-right:74px; }
.settings-input-suffix > span { position:absolute; top:50%; right:6px; min-width:58px; padding:6px 8px; border-radius:8px; background:#eef1f5; color:#697586; font-size:10px; font-weight:750; text-align:center; transform:translateY(-50%); }
.settings-feature-toggle { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:12px; padding:15px; border:1px solid #dfe5ed; border-radius:15px; background:linear-gradient(145deg,#fff,#f8fafc); cursor:pointer; }
.settings-feature-toggle > input { position:absolute; opacity:0; pointer-events:none; }
.settings-toggle-visual { position:relative; width:40px; height:23px; border-radius:999px; background:#cbd2dc; transition:160ms ease; }
.settings-toggle-visual span { position:absolute; top:3px; left:3px; width:17px; height:17px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(15,23,42,.18); transition:160ms ease; }
.settings-feature-toggle > input:focus-visible + .settings-toggle-visual { outline:3px solid rgba(99,102,241,.2); }
.settings-feature-toggle > input:checked + .settings-toggle-visual { background:#4f46e5; }
.settings-feature-toggle > input:checked + .settings-toggle-visual span { transform:translateX(17px); }
.settings-feature-toggle > span:nth-of-type(2) { display:grid; gap:3px; }
.settings-feature-toggle strong { color:#344054; font-size:12px; }
.settings-feature-toggle small { color:#8490a1; font-size:10px; line-height:1.5; }
.settings-feature-state { padding:5px 8px; border-radius:999px; background:#f2f4f7; color:#667085; font-size:8px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.settings-feature-state.active { background:#ecfdf3; color:#067647; }
.settings-brand-preview { display:flex; align-items:center; gap:12px; margin:22px 26px 0; padding:15px 17px; border:1px solid #dfe4ff; border-radius:16px; background:linear-gradient(135deg,#10182b,#1d2b4c); color:#fff; }
.settings-brand-preview-mark { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:linear-gradient(145deg,#6d70f7,#4338ca); }
.settings-brand-preview > div { display:grid; flex:1; gap:2px; }
.settings-brand-preview strong { font-size:13px; }
.settings-brand-preview small { color:#9eacc3; font-size:10px; }
.settings-brand-preview > span:last-child { max-width:210px; overflow:hidden; color:#c9d4e5; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.settings-mode-banner { display:flex; align-items:center; gap:12px; margin:22px 26px 0; padding:14px 16px; border:1px solid #bfdbfe; border-radius:15px; background:#eff6ff; }
.settings-mode-banner > span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:#dbeafe; color:#2563eb; }
.settings-mode-banner > div { display:grid; gap:3px; }
.settings-mode-banner strong { color:#1e40af; font-size:12px; }
.settings-mode-banner small { color:#6480a8; font-size:10px; }
.settings-editor-note { display:flex; gap:12px; margin:22px 26px 0; padding:14px 15px; border:1px solid #ddd6fe; border-radius:15px; background:#f5f3ff; color:#6d28d9; }
.settings-editor-note > i { margin-top:2px; }
.settings-editor-note strong { color:#5b21b6; font-size:12px; }
.settings-editor-note p { margin:4px 0 0; color:#7c6da4; font-size:10px; line-height:1.6; }
.settings-workspace-card .mail-template-editor { padding:22px 26px 26px; }
.software-update-security { display:flex; align-items:flex-start; gap:12px; margin:22px 26px 0; padding:14px 16px; border:1px solid #cfe1da; border-radius:13px; background:#f2faf6; color:#32634f; }
.software-update-security > i { margin-top:2px; color:#16825d; }
.software-update-security strong { display:block; margin-bottom:3px; color:#245541; font-size:12px; }
.software-update-security p { margin:0; font-size:10px; line-height:1.55; }
.software-update-workspace { display:grid; gap:14px; padding:18px 26px 26px; }
.software-update-dropzone { display:grid; justify-items:center; gap:6px; width:100%; padding:25px 18px; border:1.5px dashed #b9c6dc; border-radius:16px; background:#f8faff; color:#536078; font:inherit; cursor:pointer; transition:.18s ease; }
.software-update-dropzone:hover,.software-update-dropzone.dragging { border-color:#6276e8; background:#f0f3ff; transform:translateY(-1px); }
.software-update-dropzone > span { display:grid; width:44px; height:44px; place-items:center; border-radius:13px; background:#e9eeff; color:#4e65e6; font-size:17px; }
.software-update-dropzone strong { margin-top:3px; color:#26344b; font-size:13px; }
.software-update-dropzone small { color:#7b8799; font-size:10px; }
.software-update-dropzone em { margin-top:3px; padding:6px 10px; border-radius:8px; background:#fff; color:#4057d1; font-size:9px; font-style:normal; font-weight:750; box-shadow:0 2px 8px rgba(39,54,96,.08); }
.software-update-state { display:flex; align-items:flex-start; gap:9px; padding:11px 13px; border:1px solid #e3e8ef; border-radius:11px; background:#fafbfd; color:#677386; }
.software-update-state > i { margin-top:2px; }.software-update-state span,.software-update-state strong,.software-update-state small { display:block; }.software-update-state strong { color:#3d485b; font-size:10px; }.software-update-state small { margin-top:2px; font-size:9px; }
.software-update-state.loading { border-color:#ced7fb; background:#f2f5ff; color:#4f63db; }.software-update-state.success { border-color:#c9e6d9; background:#f0faf5; color:#16825d; }.software-update-state.error { border-color:#f0cbd1; background:#fff4f5; color:#b42336; }
.software-update-launch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid #dce4f1;border-radius:18px;background:linear-gradient(135deg,#f7f9ff 0%,#fff 62%);box-shadow:0 8px 26px rgba(34,53,91,.05)}.software-update-launch>span{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:linear-gradient(145deg,#536ff0,#394ed4);color:#fff;font-size:21px;box-shadow:0 10px 24px rgba(65,86,211,.23)}.software-update-launch small{display:block;color:#6b78a8;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.software-update-launch h4{margin:4px 0 5px;color:#1d2940;font-size:19px}.software-update-launch p{max-width:650px;margin:0;color:#69768b;font-size:12px;line-height:1.6}.software-update-launch .button{min-height:44px;padding:0 17px}
.software-update-review { overflow:hidden; border:1px solid #dce3ed; border-radius:15px; background:#fff; }
.software-update-review > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:16px 18px; border-bottom:1px solid #e7ebf2; background:#fbfcfe; }
.software-update-review > header span { color:#71809a; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.software-update-review > header h4 { margin:4px 0 3px; color:#202c42; font-size:15px; }.software-update-review > header p { margin:0; color:#7a879b; font-size:10px; }.software-update-review > header b { padding:6px 9px; border-radius:8px; background:#eaf8f1; color:#16825d; font-size:9px; white-space:nowrap; }
.software-update-facts { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #e8edf3; }.software-update-facts > span { padding:12px 16px; }.software-update-facts > span+span { border-left:1px solid #e8edf3; }.software-update-facts small,.software-update-facts strong { display:block; }.software-update-facts small { color:#8591a4; font-size:8px; text-transform:uppercase; }.software-update-facts strong { margin-top:3px; color:#354159; font-size:12px; }
.software-update-commits { display:grid; gap:6px; margin:14px 18px; padding:11px; border:1px solid #e5eaf1; border-radius:10px; background:#f8faff; }.software-update-commits > strong { display:flex; align-items:center; gap:7px; margin-bottom:2px; color:#536178; font-size:9px; text-transform:uppercase; }.software-update-commits > span { display:flex; align-items:center; gap:9px; min-width:0; color:#48556b; font-size:9px; }.software-update-commits code { flex:0 0 auto; padding:3px 5px; border-radius:5px; background:#e9edff; color:#4f5fd5; font-size:8px; }.software-update-commits b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.software-update-commits .software-update-no-commits { color:#8994a6; }
.software-update-review details { margin:14px 18px; }.software-update-review summary { color:#536178; font-size:10px; font-weight:750; cursor:pointer; }.software-update-file-list { display:grid; gap:4px; max-height:180px; overflow:auto; margin-top:9px; padding:9px; border-radius:9px; background:#f7f9fc; }.software-update-file-list span { display:flex; align-items:center; gap:7px; color:#5e6a7e; font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }.software-update-file-list span.delete { color:#b42336; }
.software-update-review > label { display:block; margin:14px 18px; }.software-update-install { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 18px; border-top:1px solid #e8edf3; background:#fbfcfe; }.software-update-install p { display:flex; align-items:flex-start; gap:7px; max-width:440px; margin:0; color:#7a6350; font-size:9px; line-height:1.5; }.software-update-install p i { margin-top:2px; color:#d17a16; }
.software-update-wizard-modal{padding:16px}.software-update-wizard-card{display:flex;width:min(1060px,calc(100vw - 32px));height:min(850px,calc(100vh - 32px));max-height:none;overflow:hidden;flex-direction:column;padding:0;border-radius:25px;background:#fff}.software-update-wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:23px 27px 19px;border-bottom:1px solid #e8edf4}.software-update-wizard-header>div{display:flex;align-items:center;gap:14px}.software-update-wizard-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:14px;background:linear-gradient(145deg,#536ff0,#394ed4);color:#fff;font-size:18px;box-shadow:0 9px 20px rgba(65,86,211,.22)}.software-update-wizard-header small{display:block;color:#6978ac;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.software-update-wizard-header h2{margin:3px 0;color:#1b273c;font-size:23px}.software-update-wizard-header p{margin:0;color:#748095;font-size:12px}.software-update-wizard-header .modal-close:disabled{opacity:.35;cursor:not-allowed}
.software-update-wizard-steps{display:grid;grid-template-columns:minmax(110px,1fr) 1fr minmax(110px,1fr) 1fr minmax(110px,1fr) 1fr minmax(110px,1fr);align-items:center;padding:18px 30px;border-bottom:1px solid #e9edf3;background:#f8faff}.software-update-wizard-steps>span{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;color:#8b95a6}.software-update-wizard-steps>span>i{display:grid;grid-row:1/3;width:34px;height:34px;place-items:center;border:1px solid #d9e0e9;border-radius:50%;background:#fff;color:#8792a3;font-size:11px;font-style:normal;font-weight:850;transition:.25s ease}.software-update-wizard-steps>span>b{color:#68758a;font-size:11px}.software-update-wizard-steps>span>small{margin-top:2px;font-size:9px}.software-update-wizard-steps>em{height:2px;margin:0 12px;overflow:hidden;border-radius:999px;background:#dfe5ed}.software-update-wizard-steps>em:after{display:block;width:0;height:100%;border-radius:inherit;background:#4f66df;content:"";transition:width .35s ease}.software-update-wizard-steps>em.complete:after{width:100%}.software-update-wizard-steps>span.active>i{border-color:#5068df;background:#5068df;color:#fff;box-shadow:0 0 0 6px rgba(80,104,223,.11)}.software-update-wizard-steps>span.active>b{color:#334ac0}.software-update-wizard-steps>span.complete>i{border-color:#1a9a70;background:#e6f8f1;color:#14815e}.software-update-wizard-steps>span.complete>b{color:#17785a}
.software-update-wizard-body{min-height:0;overflow:auto;flex:1;padding:25px 30px 28px;background:#fcfdff}.software-update-wizard-body>[data-update-wizard-step]{max-width:930px;margin:0 auto}.software-update-step-heading{margin-bottom:19px}.software-update-step-heading>span{display:block;color:#5268d8;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.software-update-step-heading h3{margin:5px 0 6px;color:#1d293d;font-size:22px}.software-update-step-heading p{max-width:760px;margin:0;color:#718096;font-size:12px;line-height:1.65}.software-update-wizard-card .software-update-dropzone{min-height:260px;padding:35px;border-width:2px;border-radius:20px;background:linear-gradient(145deg,#f7f9ff,#fbfcff)}.software-update-wizard-card .software-update-dropzone>span{width:62px;height:62px;border-radius:18px;font-size:23px}.software-update-wizard-card .software-update-dropzone strong{font-size:16px}.software-update-wizard-card .software-update-dropzone small{font-size:11px}.software-update-wizard-card .software-update-dropzone em{padding:8px 13px;font-size:10px}.software-update-progress{margin-top:16px;padding:15px 17px;border:1px solid #dfe5f4;border-radius:14px;background:#fff}.software-update-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#33415b;font-size:11px;font-weight:800}.software-update-progress>div:first-child b{color:#4058cf}.software-update-progress-track,.software-update-install-track{position:relative;height:9px;overflow:hidden;margin-top:11px;border-radius:999px;background:#e9edf5}.software-update-progress-track>span,.software-update-install-track>span{position:relative;display:block;width:0;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#4d65e4,#7586f2);transition:width .25s ease}.software-update-progress-track>span:after,.software-update-install-track>span:after{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.5) 45%,transparent 70%);content:"";animation:software-update-shimmer 1.15s linear infinite}.software-update-progress>small{display:block;margin-top:8px;color:#7b879a;font-size:10px}.software-update-wizard-error{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 14px;border:1px solid #efcbd1;border-radius:12px;background:#fff5f6;color:#b42336}.software-update-wizard-error strong,.software-update-wizard-error small{display:block}.software-update-wizard-error small{margin-top:3px;color:#a94b59;font-size:10px}
.software-update-check-hero{display:flex;align-items:center;gap:17px;padding:23px;border:1px solid #c8e7d9;border-radius:18px;background:linear-gradient(135deg,#effaf5,#fff)}.software-update-check-hero>span{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border-radius:17px;background:#1b9b70;color:#fff;font-size:21px;box-shadow:0 10px 22px rgba(27,155,112,.18)}.software-update-check-hero small{color:#198060;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.software-update-check-hero h3{margin:4px 0 5px;color:#214538;font-size:21px}.software-update-check-hero p{margin:0;color:#5e7c70;font-size:12px}.software-update-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:16px}.software-update-checks article{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #e0e6ed;border-radius:14px;background:#fff}.software-update-checks article>span{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border-radius:10px;background:#e7f8f1;color:#16825e}.software-update-checks strong,.software-update-checks small{display:block}.software-update-checks strong{color:#344158;font-size:11px}.software-update-checks small{margin-top:3px;color:#8190a3;font-size:9px;line-height:1.4}.software-update-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px;padding-top:18px;border-top:1px solid #e7ebf1}.software-update-wizard-actions .button{min-height:42px}.software-update-wizard-card .software-update-review>header{padding:18px 20px}.software-update-wizard-card .software-update-review>header h4{font-size:17px}.software-update-wizard-card .software-update-review>header p{font-size:11px}.software-update-wizard-card .software-update-facts small{font-size:9px}.software-update-wizard-card .software-update-facts strong{font-size:13px}.software-update-wizard-card .software-update-commits{font-size:11px}.software-update-wizard-card .software-update-commits>span{font-size:10px}.software-update-wizard-card .software-update-review summary{display:flex;align-items:center;gap:7px;font-size:11px}.software-update-approval{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:13px;margin-top:15px}.software-update-confirm{display:flex;align-items:center;gap:11px;min-height:68px;padding:12px 14px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;cursor:pointer}.software-update-confirm>input{position:absolute;opacity:0}.software-update-confirm>span{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border:1px solid #cfd7e2;border-radius:9px;background:#f8fafc;color:transparent}.software-update-confirm strong,.software-update-confirm small{display:block}.software-update-confirm strong{color:#354158;font-size:11px}.software-update-confirm small{margin-top:3px;color:#7a879a;font-size:9px;line-height:1.4}.software-update-confirm:has(input:checked){border-color:#87bda9;background:#f2faf6}.software-update-confirm:has(input:checked)>span{border-color:#198b67;background:#198b67;color:#fff}
.software-update-install-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.software-update-install-hero>span{display:grid;width:56px;height:56px;place-items:center;border-radius:17px;background:#e9edff;color:#4d63d8;font-size:20px}.software-update-install-hero small{color:#5369d6;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.software-update-install-hero h3{margin:4px 0;color:#1e2a40;font-size:21px}.software-update-install-hero p{margin:0;color:#748096;font-size:11px;line-height:1.55}.software-update-install-hero>b{color:#4058cd;font-size:18px}.software-update-install-track{height:11px;margin:18px 0}.software-update-install-phases{display:grid;gap:8px}.software-update-install-phases article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3e7ed;border-radius:13px;background:#fff;color:#8a95a5;transition:.25s ease}.software-update-install-phases article>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#f1f3f7;color:#8993a2}.software-update-install-phases strong,.software-update-install-phases small{display:block}.software-update-install-phases strong{font-size:11px}.software-update-install-phases small{margin-top:3px;font-size:9px}.software-update-install-phases b{padding:5px 8px;border-radius:999px;font-size:8px;text-transform:uppercase}.software-update-install-phases article.active{border-color:#bac7f7;background:#f5f7ff;color:#4057c8;box-shadow:0 7px 18px rgba(67,87,194,.08)}.software-update-install-phases article.active>span{background:#e5eaff;color:#4d63d8}.software-update-install-phases article.active b{background:#e5eaff;color:#4057c8}.software-update-install-phases article.complete{border-color:#d4e9df;background:#f7fcf9;color:#28765d}.software-update-install-phases article.complete>span{background:#e4f6ee;color:#16805d}.software-update-install-phases article.complete b{background:#e4f6ee;color:#167759}.software-update-install-phases article.error{border-color:#efcbd1;background:#fff5f6;color:#af2b40}.software-update-install-phases article.error>span{background:#ffe4e8;color:#bd2d43}.software-update-install-message{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 14px;border-radius:12px;background:#f1f5ff;color:#52659f;font-size:10px;line-height:1.5}.software-update-install-message.success{background:#eaf8f1;color:#177859}.software-update-install-message.error{background:#fff0f2;color:#b42336}@keyframes software-update-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.software-update-wizard-steps{grid-template-columns:repeat(4,minmax(85px,1fr) 1fr) minmax(85px,1fr)}.software-update-approval-hero{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #dce3f5;border-radius:17px;background:linear-gradient(135deg,#f4f6ff,#fff)}.software-update-approval-hero>span{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:15px;background:#e5eaff;color:#4b61d5;font-size:19px}.software-update-approval-hero small{color:#596dd1;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.software-update-approval-hero h3{margin:4px 0;color:#273653;font-size:18px}.software-update-approval-hero p{margin:0;color:#718098;font-size:11px;line-height:1.55}.software-update-approval-notice{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:13px 15px;border:1px solid #cfe5da;border-radius:13px;background:#f2faf6;color:#28654f}.software-update-approval-notice>i{margin-top:2px}.software-update-approval-notice strong{display:block;font-size:11px}.software-update-approval-notice p{margin:3px 0 0;font-size:10px;line-height:1.5}
@media(max-width:820px){.software-update-launch{grid-template-columns:auto 1fr}.software-update-launch .button{grid-column:1/-1;width:100%;justify-content:center}.software-update-wizard-steps{grid-template-columns:repeat(5,1fr);padding:15px 18px}.software-update-wizard-steps>em{display:none}.software-update-wizard-steps>span{justify-items:center;grid-template-columns:1fr;text-align:center}.software-update-wizard-steps>span>i{grid-row:auto}.software-update-wizard-steps>span>b{margin-top:6px}.software-update-wizard-steps>span>small{display:none}.software-update-checks,.software-update-approval{grid-template-columns:1fr}.software-update-wizard-card .software-update-facts{grid-template-columns:1fr 1fr}.software-update-wizard-card .software-update-facts>span:nth-child(3){border-left:0;border-top:1px solid #e8edf3}.software-update-wizard-card .software-update-facts>span:nth-child(4){border-top:1px solid #e8edf3}}@media(max-width:560px){.software-update-wizard-modal{padding:0}.software-update-wizard-card{width:100vw;height:100vh;border-radius:0}.software-update-wizard-header{padding:17px}.software-update-wizard-header p{display:none}.software-update-wizard-header h2{font-size:19px}.software-update-wizard-icon{width:42px;height:42px}.software-update-wizard-body{padding:20px 16px}.software-update-wizard-card .software-update-dropzone{min-height:220px;padding:24px 15px}.software-update-check-hero,.software-update-approval-hero{align-items:flex-start;padding:17px}.software-update-check-hero>span,.software-update-approval-hero>span{width:45px;height:45px}.software-update-wizard-actions{align-items:stretch;flex-direction:column-reverse}.software-update-wizard-actions .button{width:100%;justify-content:center}.software-update-install-hero{grid-template-columns:auto 1fr}.software-update-install-hero>b{grid-column:1/-1;text-align:right}.software-update-install-phases article{grid-template-columns:auto 1fr}.software-update-install-phases article>b{display:none}}
.software-update-panel>.software-update-workspace>.software-update-state strong{font-size:12px}.software-update-panel>.software-update-workspace>.software-update-state small{font-size:10px}.software-update-wizard-card .software-update-commits>strong{font-size:10px}.software-update-wizard-card .software-update-commits>span,.software-update-wizard-card .software-update-file-list span{font-size:10px}.software-update-confirm>input{width:1px;height:1px}.software-update-confirm:has(input:focus-visible)>span{outline:3px solid rgba(73,95,212,.2)}
.software-update-history { margin-top:8px; padding-top:24px; border-top:1px solid #e8edf3; }.software-update-history .settings-group-heading { margin-bottom:15px; }.software-update-history .settings-group-heading h4 { font-size:17px; }.software-update-history .settings-group-heading p { margin-top:4px; font-size:12px; }.software-update-history article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:15px; padding:16px 17px; border:1px solid #dfe5ee; border-radius:15px; background:linear-gradient(135deg,#fbfcfe,#fff); box-shadow:0 5px 18px rgba(30,42,68,.035); transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }.software-update-history article:hover { border-color:#cdd6e4; box-shadow:0 10px 27px rgba(30,42,68,.075); transform:translateY(-1px); }.software-update-history article+article { margin-top:10px; }.software-update-history article > span { display:grid; width:44px; height:44px; place-items:center; border-radius:13px; background:#fff4df; color:#b66c10; font-size:16px; }.software-update-history article > span.installed { background:#e8f8f1; color:#13815c; }.software-update-history-heading { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }.software-update-history-heading > strong { color:#26344b; font-size:14px; line-height:1.35; }.software-update-history-release { display:block; margin-top:4px; color:#71809a; font-size:11px; font-weight:700; }.software-update-history-meta { display:flex; flex-wrap:wrap; gap:12px; margin-top:9px; }.software-update-history-meta span { display:flex; align-items:center; gap:6px; color:#7b879a; font-size:11px; }.software-update-history-meta i { color:#99a5b7; }.software-update-history-status { display:inline-flex; align-items:center; width:max-content; padding:5px 8px; border-radius:999px; background:#fff1d9; color:#a9610d; font-size:9px; font-weight:850; letter-spacing:.035em; text-transform:uppercase; }.software-update-history-status.installed { background:#e8f8f1; color:#137757; }.software-update-history-status.failed { background:#ffeaed; color:#b62439; }.software-update-history-status.rolled-back { background:#fff0dc; color:#a85c08; }.software-update-history-status.affected { background:#eceffd; color:#5260bd; }.software-update-empty { padding:22px; border:1px dashed #dbe1ea; border-radius:14px; color:#8994a6; font-size:12px; text-align:center; }
.software-update-history article.failed { border-color:#efcbd1; background:linear-gradient(135deg,#fff7f8,#fff); }.software-update-history article > span.failed { background:#ffeaed; color:#c62f44; }.software-update-history article.rolled-back { border-color:#efcfaa; background:linear-gradient(135deg,#fffaf3,#fff); }.software-update-history article > span.rolled-back { background:#fff0dc; color:#b76a12; }.software-update-history article.affected { border-color:#d8dced; background:linear-gradient(135deg,#f8f9fd,#fff); }.software-update-history article > span.affected { background:#eceffd; color:#5967c8; }.software-update-history article em { display:block; margin-top:7px; color:#a43b4a; font-size:10px; font-style:normal; line-height:1.5; }.software-update-history article .software-update-impact,.software-update-history article .software-update-anchor { display:flex; align-items:center; gap:6px; color:#5967a9; }.software-update-history article .software-update-anchor { color:#8a641f; }.software-update-history-copy { min-width:0; }.software-update-history-side { display:grid; min-width:185px; justify-items:end; gap:5px; }.software-update-history-side > b { display:flex; align-items:baseline; gap:4px; color:#6a768b; font-size:10px; font-weight:700; }.software-update-history-side > b strong { color:#26344b; font-size:17px; }.software-update-history-side > span { color:#8a96a8; font-size:10px; }.software-update-history-side > div { display:flex; justify-content:flex-end; gap:7px; margin-top:5px; }.software-update-history-side .button { min-height:34px; padding:0 11px; font-size:10px; }.software-update-detail-button i { color:#6475e7; }
.software-update-detail-card { width:min(940px,calc(100vw - 30px)); max-height:min(900px,calc(100vh - 34px)); overflow:auto; }.software-update-detail-card .modal-title { font-size:22px; }.software-update-detail-card .modal-copy { font-size:12px; }.software-update-detail-content { display:grid; gap:17px; }.software-update-detail-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px; border:1px solid #dfe4f5; border-radius:16px; background:linear-gradient(135deg,#f6f7ff,#fff); }.software-update-detail-hero p { max-width:680px; margin:10px 0 0; color:#5f6d83; font-size:13px; line-height:1.65; white-space:pre-line; }.software-update-detail-hero > code { flex:0 0 auto; padding:7px 10px; border-radius:9px; background:#e9ecff; color:#5148ca; font-size:11px; font-weight:800; }.software-update-detail-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.software-update-detail-facts article { display:flex; align-items:center; gap:11px; min-width:0; padding:13px; border:1px solid #e2e7ee; border-radius:13px; background:#fafbfc; }.software-update-detail-facts article > i { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; background:#edf0ff; color:#5765dc; }.software-update-detail-facts span { min-width:0; }.software-update-detail-facts small,.software-update-detail-facts strong { display:block; }.software-update-detail-facts small { color:#8894a6; font-size:9px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }.software-update-detail-facts strong { overflow:hidden; margin-top:4px; color:#354159; font-size:11px; line-height:1.35; text-overflow:ellipsis; }.software-update-detail-failure { display:flex; gap:11px; padding:14px; border:1px solid #f0cbd1; border-radius:13px; background:#fff5f6; color:#b42336; }.software-update-detail-failure i { margin-top:2px; }.software-update-detail-failure strong { font-size:12px; }.software-update-detail-failure p { margin:4px 0 0; font-size:11px; line-height:1.5; }.software-update-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.software-update-detail-grid > section { overflow:hidden; border:1px solid #e1e6ee; border-radius:15px; background:#fff; }.software-update-detail-grid > section > header { display:flex; align-items:center; gap:10px; padding:13px 14px; border-bottom:1px solid #e8ecf2; background:#fafbfc; }.software-update-detail-grid > section > header > i { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; background:#edf0ff; color:#5966db; }.software-update-detail-grid h3 { margin:0; color:#2e3a50; font-size:13px; }.software-update-detail-grid header p { margin:2px 0 0; color:#8a95a7; font-size:9px; }.software-update-detail-commits,.software-update-detail-timeline { display:grid; max-height:240px; overflow:auto; padding:7px 14px 12px; }.software-update-detail-commits article,.software-update-detail-timeline article { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; padding:10px 0; border-bottom:1px solid #edf0f4; }.software-update-detail-commits article:last-child,.software-update-detail-timeline article:last-child { border-bottom:0; }.software-update-detail-commits article > span,.software-update-detail-timeline article > span { display:grid; width:28px; height:28px; place-items:center; border-radius:8px; background:#f0f2f7; color:#657188; font-size:9px; font-weight:850; }.software-update-detail-commits strong,.software-update-detail-timeline strong { display:block; color:#3a465b; font-size:11px; line-height:1.45; }.software-update-detail-commits code { display:block; width:max-content; max-width:100%; overflow:hidden; margin-top:4px; color:#6976c7; font-size:9px; text-overflow:ellipsis; }.software-update-detail-timeline p { margin:3px 0 0; color:#8893a5; font-size:9px; }.software-update-detail-empty { margin:0; padding:15px 0; color:#8a95a7; font-size:11px; text-align:center; }.software-update-detail-files { overflow:hidden; border:1px solid #e1e6ee; border-radius:15px; background:#fff; }.software-update-detail-files summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; background:#fafbfc; color:#3c485c; font-size:11px; font-weight:800; cursor:pointer; }.software-update-detail-files summary span { display:flex; align-items:center; gap:8px; }.software-update-detail-files summary b { color:#8290a4; font-size:9px; }.software-update-detail-files > div { display:grid; gap:5px; max-height:230px; overflow:auto; padding:12px 15px; border-top:1px solid #e8ecf2; }.software-update-detail-files > div > span { display:flex; align-items:center; gap:8px; color:#59677c; font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }.software-update-detail-files > div > span i { color:#8190a6; }.software-update-detail-files > div > span.delete,.software-update-detail-files > div > span.delete i { color:#b42336; }
@media(max-width:820px){.software-update-history article{grid-template-columns:auto minmax(0,1fr)}.software-update-history-side{grid-column:2;min-width:0;justify-items:start}.software-update-history-side>div{justify-content:flex-start}.software-update-detail-facts{grid-template-columns:1fr 1fr}.software-update-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.software-update-history article{grid-template-columns:1fr;padding:14px}.software-update-history article>span{width:40px;height:40px}.software-update-history-side{grid-column:auto}.software-update-history-meta{display:grid;gap:6px}.software-update-history-side>div{flex-wrap:wrap}.software-update-detail-card{width:calc(100vw - 16px)}.software-update-detail-hero{display:grid}.software-update-detail-facts{grid-template-columns:1fr}}
.update-history-confirm { display:grid; gap:13px; }.update-history-confirm > p { margin:0; }.update-history-confirm > div { padding:11px 12px; border:1px solid #e4e8ef; border-radius:10px; background:#f8f9fc; }.update-history-confirm > div > strong { color:#344054; font-size:10px; }.update-history-confirm ul { display:grid; gap:6px; max-height:130px; overflow:auto; margin:8px 0 0; padding:0; list-style:none; }.update-history-confirm li { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#667085; font-size:9px; }.update-history-confirm li strong { color:#344054; }.update-history-confirm-note { display:flex; align-items:flex-start; gap:8px; padding:10px; border-radius:9px; background:#eef7ff; color:#49647e!important; }.update-history-confirm label { display:grid; gap:6px; }.update-history-confirm label > span { color:#475467; font-size:9px; font-weight:750; }
.settings-secret-status { display:flex; align-items:center; gap:13px; margin:22px 26px 0; padding:15px; border:1px solid #e2e8f0; border-radius:15px; background:#f8fafc; }
.settings-secret-icon { display:grid; width:39px; height:39px; flex:0 0 auto; place-items:center; border-radius:12px; background:#fff7ed; color:#c2410c; }
.settings-secret-icon.success { background:#ecfdf3; color:#047857; }
.settings-secret-status strong { color:#344054; font-size:12px; }
.settings-secret-status p { margin:4px 0 0; color:#8490a1; font-size:10px; line-height:1.5; }
.settings-danger-option { display:flex; align-items:flex-start; gap:10px; padding:13px; border:1px solid #fecdd3; border-radius:13px; background:#fff7f8; color:#9f1239; cursor:pointer; }
.settings-danger-option input { margin-top:2px; }
.settings-danger-option span { display:grid; gap:3px; }
.settings-danger-option strong { font-size:11px; }
.settings-danger-option small { color:#a86c7c; font-size:10px; line-height:1.45; }
.settings-save-bar { position:sticky; z-index:8; bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 13px 12px 16px; border:1px solid rgba(210,218,229,.9); border-radius:17px; background:rgba(255,255,255,.94); box-shadow:0 20px 50px rgba(15,23,42,.14); backdrop-filter:blur(16px); }
.settings-save-bar.unsaved-navigation-warning{animation:settings-save-warning 1.05s ease both}
@keyframes settings-save-warning{
  0%,100%{border-color:rgba(210,218,229,.9);box-shadow:0 20px 50px rgba(15,23,42,.14);transform:translateX(0)}
  12%,36%,60%{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.16),0 20px 50px rgba(185,28,28,.2);transform:translateX(-7px)}
  24%,48%,72%{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.2),0 20px 55px rgba(185,28,28,.24);transform:translateX(7px)}
  84%{border-color:#f87171;box-shadow:0 0 0 2px rgba(239,68,68,.12),0 20px 50px rgba(15,23,42,.16);transform:translateX(0)}
}
.settings-save-bar > div:last-child { display:flex; gap:9px; }
.settings-save-state { display:flex; align-items:center; gap:10px; }
.settings-save-state > span { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.1); }
.settings-save-state > span.dirty { background:#f59e0b; box-shadow:0 0 0 5px rgba(245,158,11,.12); }
.settings-save-state > div { display:grid; gap:1px; }
.settings-save-state strong { color:#344054; font-size:11px; }
.settings-save-state small { color:#98a2b3; font-size:9px; }
.system-analysis-notice { display:flex; gap:13px; margin:22px 26px 0; padding:16px 18px; border:1px solid #cfd8fb; border-radius:15px; background:linear-gradient(135deg,#f5f7ff,#fbfcff); color:#4054cb; }.system-analysis-notice > i { margin-top:2px; font-size:17px; }.system-analysis-notice strong { color:#3044b4; font-size:14px; }.system-analysis-notice p { margin:5px 0 0; color:#6575a6; font-size:12px; line-height:1.6; }
.system-analysis-progress-shell { margin:16px 26px 0; padding:19px; border:1px solid #dfe4ee; border-radius:18px; background:linear-gradient(145deg,#172136,#202c47); box-shadow:0 14px 32px rgba(19,30,52,.12); }.system-analysis-progress-head { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; color:#fff; }.system-analysis-progress-head > div { display:grid; gap:4px; }.system-analysis-progress-head span { color:#94a4c2; font-size:10px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.system-analysis-progress-head strong { font-size:17px; }.system-analysis-progress-head b { color:#aebafc; font-size:22px; }.system-analysis-progress-track { height:7px; margin-top:15px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.1); }.system-analysis-progress-track span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6f75f5,#9c83ff); box-shadow:0 0 18px rgba(130,120,255,.7); transition:width .35s ease; }.system-analysis-phases { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:17px; }.system-analysis-phases article { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:9px; min-width:0; padding:10px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:rgba(255,255,255,.035); opacity:.62; transition:.2s ease; }.system-analysis-phases article > span { display:grid; width:30px; height:30px; place-items:center; border-radius:8px; background:rgba(255,255,255,.08); color:#aeb9ce; font-size:11px; }.system-analysis-phases article div { min-width:0; }.system-analysis-phases strong,.system-analysis-phases small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.system-analysis-phases strong { color:#f4f6fa; font-size:12px; }.system-analysis-phases small { margin-top:3px; color:#a9b5c9; font-size:10px; }.system-analysis-phases article.active { border-color:rgba(142,132,255,.65); background:rgba(111,101,239,.2); opacity:1; transform:translateY(-1px); }.system-analysis-phases article.active > span { background:#7068ea; color:#fff; }.system-analysis-phases article.complete,.system-analysis-phases article.ok { border-color:rgba(44,199,145,.28); opacity:1; }.system-analysis-phases article.complete > span,.system-analysis-phases article.ok > span { background:rgba(37,190,135,.2); color:#62e2b4; }.system-analysis-phases article.warning { border-color:rgba(242,169,64,.35); opacity:1; }.system-analysis-phases article.warning > span { background:rgba(226,143,35,.2); color:#ffc36e; }.system-analysis-phases article.error { border-color:rgba(241,91,111,.4); opacity:1; }.system-analysis-phases article.error > span { background:rgba(220,56,82,.2); color:#ff91a2; }
.system-analysis-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:16px 26px 0; }.system-analysis-summary article { display:flex; align-items:center; gap:12px; min-width:0; padding:15px; border:1px solid #e1e6ee; border-radius:15px; background:#fff; box-shadow:0 5px 18px rgba(31,43,68,.035); }.system-analysis-summary article > span { display:grid; width:40px; height:40px; flex:0 0 auto; place-items:center; border-radius:11px; background:#eef1ff; color:#5967db; font-size:14px; }.system-analysis-summary article.score > span { background:#eaf9f2; color:#11815c; }.system-analysis-summary article.has-warnings > span { background:#fff3df; color:#c37410; }.system-analysis-summary article.has-errors > span { background:#ffeaed; color:#c52d43; }.system-analysis-summary div { min-width:0; }.system-analysis-summary small,.system-analysis-summary strong,.system-analysis-summary em { display:block; }.system-analysis-summary small { color:#8995a7; font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.system-analysis-summary strong { margin-top:3px; color:#27344a; font-size:22px; }.system-analysis-summary em { overflow:hidden; margin-top:3px; color:#748195; font-size:10px; font-style:normal; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.system-analysis-state { display:flex; align-items:center; gap:14px; margin:16px 26px 0; padding:16px 17px; border:1px solid #e2e8f0; border-radius:15px; background:#f8fafc; }.system-analysis-state-icon { display:grid; width:42px; height:42px; flex:0 0 auto; place-items:center; border-radius:12px; background:#eef2ff; color:#4f46e5; font-size:15px; }.system-analysis-state strong { color:#344054; font-size:15px; }.system-analysis-state p { margin:4px 0 0; color:#7c899c; font-size:12px; }.system-analysis-state.status-ok { border-color:#b7ebcd; background:#f0fdf4; }.system-analysis-state.status-ok .system-analysis-state-icon { background:#dcfce7; color:#15803d; }.system-analysis-state.status-warning { border-color:#fed7aa; background:#fffaf1; }.system-analysis-state.status-warning .system-analysis-state-icon { background:#ffedd5; color:#c2410c; }.system-analysis-state.status-error { border-color:#fecaca; background:#fff7f7; }.system-analysis-state.status-error .system-analysis-state-icon { background:#fee2e2; color:#dc2626; }
.system-analysis-checks { display:grid; gap:12px; margin:16px 26px 0; }.system-analysis-result-group { overflow:hidden; border:1px solid #e1e6ee; border-radius:16px; background:#fff; }.system-analysis-result-group > header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid #e8ecf2; background:#fafbfc; }.system-analysis-result-group > header > span { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:#edf0ff; color:#5966da; font-size:14px; }.system-analysis-result-group h4 { margin:0; color:#2d394e; font-size:15px; }.system-analysis-result-group header p { margin:3px 0 0; color:#8491a4; font-size:11px; }.system-analysis-result-group header b { padding:6px 9px; border-radius:999px; font-size:9px; text-transform:uppercase; }.system-analysis-result-group header b.clear { background:#eaf9f2; color:#16805d; }.system-analysis-result-group header b.issues { background:#fff1dc; color:#af650d; }.system-analysis-result-group > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.system-analysis-result-group article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:11px; min-width:0; padding:15px; border-bottom:1px solid #edf0f4; }.system-analysis-result-group article:nth-child(odd) { border-right:1px solid #edf0f4; }.system-analysis-result-group article > span { display:grid; width:30px; height:30px; place-items:center; border-radius:8px; background:#ecfdf3; color:#079455; font-size:10px; }.system-analysis-result-group article.status-warning > span { background:#fff7ed; color:#d96a08; }.system-analysis-result-group article.status-error > span { background:#fef2f2; color:#dc2626; }.system-analysis-result-group article.status-info > span { background:#eff4ff; color:#4f63ce; }.system-analysis-result-group article > div { min-width:0; }.system-analysis-result-group article strong { color:#344054; font-size:13px; }.system-analysis-result-group article p { margin:4px 0 0; color:#748196; font-size:11px; line-height:1.55; }.system-analysis-result-group article > em { align-self:start; padding:5px 7px; border-radius:999px; background:#edf9f3; color:#17805f; font-size:8px; font-style:normal; font-weight:850; text-transform:uppercase; }.system-analysis-result-group article.status-warning > em { background:#fff3e0; color:#b6680d; }.system-analysis-result-group article.status-error > em { background:#ffeaed; color:#b8293e; }.system-analysis-result-group article.status-info > em { background:#edf1ff; color:#5261c5; }
.system-analysis-report { display:block; overflow:hidden; margin:16px 26px 0; border:1px solid #dfe5ed; border-radius:15px; background:#fff; }.system-analysis-report summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 17px; cursor:pointer; }.system-analysis-report summary > span { display:flex; align-items:center; gap:12px; }.system-analysis-report summary > span > i { display:grid; width:37px; height:37px; place-items:center; border-radius:10px; background:#eef1f6; color:#536078; font-size:14px; }.system-analysis-report summary strong,.system-analysis-report summary small { display:block; }.system-analysis-report summary strong { color:#344054; font-size:13px; }.system-analysis-report summary small { margin-top:3px; color:#8390a3; font-size:11px; }.system-analysis-report summary > i { color:#8b96a7; transition:transform .18s ease; }.system-analysis-report[open] summary > i { transform:rotate(180deg); }.system-analysis-report textarea { min-height:390px; border:0; border-top:1px solid #2d3749; border-radius:0; resize:vertical; background:#101827; color:#d7e1ef; font:12px/1.65 Consolas,"Courier New",monospace; white-space:pre; }.system-analysis-actions { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 26px 24px; }.system-analysis-actions > span { color:#8b96a8; font-size:11px; }.system-analysis-actions > div { display:flex; gap:8px; }
.system-analysis-panel .settings-workspace-heading h3 { font-size:24px; }.system-analysis-panel .settings-workspace-heading p { max-width:760px; font-size:14px; line-height:1.6; }.system-analysis-panel .settings-section-badge { font-size:11px; }
.system-analysis-notice strong { font-size:16px; }.system-analysis-notice p { font-size:14px; }
.system-analysis-progress-head span { font-size:12px; }.system-analysis-progress-head strong { font-size:20px; }.system-analysis-progress-head b { font-size:27px; }.system-analysis-phases { grid-template-columns:repeat(5,minmax(145px,1fr)); }.system-analysis-phases article { padding:12px; }.system-analysis-phases article > span { width:34px; height:34px; font-size:13px; }.system-analysis-phases strong { font-size:14px; }.system-analysis-phases small { font-size:12px; line-height:1.35; }
.system-analysis-summary article { padding:17px; }.system-analysis-summary article > span { width:44px; height:44px; font-size:16px; }.system-analysis-summary small { font-size:12px; }.system-analysis-summary strong { font-size:27px; }.system-analysis-summary em { font-size:12px; white-space:normal; }
.system-analysis-state { padding:18px; }.system-analysis-state-icon { width:46px; height:46px; font-size:17px; }.system-analysis-state strong { font-size:18px; }.system-analysis-state p { font-size:14px; line-height:1.5; }
.system-analysis-result-group > header { padding:16px 18px; }.system-analysis-result-group > header > span { width:42px; height:42px; font-size:16px; }.system-analysis-result-group h4 { font-size:18px; }.system-analysis-result-group header p { font-size:13px; }.system-analysis-result-group header b { padding:7px 10px; font-size:11px; }.system-analysis-result-group article { padding:17px; }.system-analysis-result-group article > span { width:34px; height:34px; font-size:12px; }.system-analysis-result-group article strong { font-size:15px; }.system-analysis-result-group article p { font-size:13px; line-height:1.6; }.system-analysis-result-group article > em { padding:6px 8px; font-size:10px; }
.system-analysis-report summary { padding:17px 19px; }.system-analysis-report summary > span > i { width:41px; height:41px; font-size:16px; }.system-analysis-report summary strong { font-size:15px; }.system-analysis-report summary small { font-size:13px; }.system-analysis-report textarea { font-size:14px; line-height:1.7; }.system-analysis-actions > span { font-size:13px; }
@media(max-width:1050px){.system-analysis-summary{grid-template-columns:1fr 1fr}.system-analysis-phases{overflow-x:auto;grid-template-columns:repeat(5,minmax(145px,1fr));padding-bottom:3px}}@media(max-width:680px){.system-analysis-notice,.system-analysis-progress-shell,.system-analysis-summary,.system-analysis-state,.system-analysis-checks,.system-analysis-report{margin-left:15px;margin-right:15px}.system-analysis-summary{grid-template-columns:1fr}.system-analysis-result-group>div{grid-template-columns:1fr}.system-analysis-result-group article:nth-child(odd){border-right:0}.system-analysis-result-group>header{grid-template-columns:auto minmax(0,1fr)}.system-analysis-result-group header b{grid-column:2;justify-self:start}.system-analysis-progress-head b{font-size:22px}}

@media (max-width:1100px) {
  .settings-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .software-settings-layout { grid-template-columns:235px minmax(0,1fr); }
}
@media (max-width:800px) {
  .settings-page-hero { align-items:flex-start; }
  .settings-health { min-width:0; }
  .software-settings-layout { grid-template-columns:1fr; }
  .settings-navigation-modern { position:static; display:flex; overflow-x:auto; gap:5px; padding:8px; }
  .settings-navigation-head,.settings-navigation-note { display:none; }
  .settings-nav-groups { display:flex; flex:0 0 auto; gap:5px; padding:0; }
  .settings-nav-group { display:contents; }
  .settings-nav-group-toggle { display:none; }
  .settings-nav-group-items,.settings-nav-group-items[hidden] { display:flex; gap:5px; padding:0; }
  .settings-navigation-modern button.settings-nav-item { display:flex; min-height:44px; flex:0 0 auto; margin:0; padding:5px 10px; }
  .settings-navigation-modern .settings-nav-icon { width:31px; height:31px; }
  .settings-navigation-modern .settings-nav-item > span:nth-child(2) { display:block; }
  .system-analysis-checks { grid-template-columns:1fr; }
  .system-analysis-actions { align-items:stretch; flex-direction:column; }.system-analysis-actions > div { flex-wrap:wrap; }
  .settings-navigation-modern .settings-nav-item small,.settings-navigation-modern .settings-nav-arrow { display:none; }
}
@media (max-width:620px) {
  .settings-page-hero { display:grid; }
  .settings-health { width:100%; }
  .settings-overview { grid-template-columns:1fr 1fr; }
  .settings-overview article { padding:11px; }
  .settings-workspace-heading,.settings-group { padding:20px 17px; }
  .settings-brand-preview,.settings-mode-banner,.settings-editor-note,.settings-secret-status { margin-right:17px; margin-left:17px; }
  .settings-workspace-card .mail-template-editor { padding:18px 17px 20px; }
  .software-update-security { margin:17px 17px 0; }
  .software-update-workspace { padding:15px 17px 20px; }
  .software-update-install { align-items:stretch; flex-direction:column; }
  .software-update-install .button { width:100%; justify-content:center; }
  .settings-feature-toggle { grid-template-columns:40px minmax(0,1fr); }
  .settings-feature-toggle::before { display:none; }
  .settings-feature-state { grid-column:2; justify-self:start; }
  .settings-save-bar { bottom:8px; display:grid; }
  .settings-save-bar > div:last-child { display:grid; grid-template-columns:1fr 1fr; }
  .settings-brand-preview > span:last-child { display:none; }
}

/* Mail-Zentrale: zentrierter Multi-Step-Workflow */
.broadcast-mail-panel { overflow:hidden; }
.broadcast-wizard { width:100%; max-width:960px; margin:0 auto; padding:24px 30px 32px; box-sizing:border-box; }
.broadcast-steps { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:14px; margin-bottom:22px; padding:11px; border:1px solid #e4e8f0; border-radius:16px; background:#f7f8fb; }
.broadcast-steps > i { color:#c1c8d4; font-size:10px; }
.broadcast-steps button { display:grid; min-width:0; min-height:56px; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:11px; padding:8px 11px; border:0; border-radius:12px; background:transparent; color:#7c8798; cursor:pointer; font:inherit; text-align:left; }
.broadcast-steps button > span:first-child { display:grid; width:38px; height:38px; place-items:center; border:1px solid #d8dee8; border-radius:11px; background:#fff; color:#7a8597; font-size:12px; font-weight:800; }
.broadcast-steps button > span:last-child { display:grid; min-width:0; gap:1px; }
.broadcast-steps button strong,.broadcast-steps button small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.broadcast-steps button strong { color:#5e697a; font-size:13px; }
.broadcast-steps button small { color:#98a2b3; font-size:10px; }
.broadcast-steps button.active { background:#fff; box-shadow:0 4px 14px rgba(16,24,40,.07); }
.broadcast-steps button.active > span:first-child { border-color:#4f46e5; background:#4f46e5; color:#fff; }
.broadcast-steps button.active strong { color:#3730a3; }
.broadcast-steps button.completed > span:first-child { border-color:#bbf7d0; background:#ecfdf3; color:#168052; }
.broadcast-step { width:100%; min-width:0; }
.broadcast-step[hidden] { display:none !important; }
.broadcast-step.active { animation:broadcast-step-in .2s ease-out; }
@keyframes broadcast-step-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.broadcast-wizard .broadcast-overview { gap:14px; margin-bottom:22px; }
.broadcast-wizard .broadcast-overview article { gap:14px; padding:16px 18px; }
.broadcast-wizard .broadcast-overview article > i { width:40px; height:40px; font-size:14px; }
.broadcast-wizard .broadcast-overview strong { font-size:20px; line-height:1.15; }
.broadcast-wizard .broadcast-overview small { font-size:11px; line-height:1.4; }
.broadcast-wizard .broadcast-audience,.broadcast-wizard .broadcast-composer,.broadcast-review { width:100%; min-width:0; padding:26px; box-sizing:border-box; border:1px solid #e3e8f0; border-radius:17px; background:#fff; }
.broadcast-wizard .broadcast-audience { background:#fbfcff; }
.broadcast-wizard .broadcast-section-heading { margin-bottom:22px; }
.broadcast-wizard .broadcast-section-heading > div { gap:13px; }
.broadcast-wizard .broadcast-section-heading > div > span { width:34px; height:34px; border-radius:10px; font-size:13px; }
.broadcast-wizard .broadcast-section-heading h4 { font-size:17px; line-height:1.3; }
.broadcast-wizard .broadcast-section-heading p { margin-top:3px; font-size:12px; line-height:1.5; }
.broadcast-wizard .broadcast-section-heading .text-button { padding:7px 9px; font-size:12px; }
.broadcast-wizard .broadcast-all-options { gap:12px; }
.broadcast-wizard .broadcast-all-options label > span { min-height:108px; gap:5px; padding:17px; }
.broadcast-wizard .broadcast-all-options label > span i { margin-bottom:6px; font-size:16px; }
.broadcast-wizard .broadcast-all-options strong { font-size:14px; }
.broadcast-wizard .broadcast-all-options small { font-size:11px; line-height:1.5; }
.broadcast-wizard .broadcast-recipient-group { margin-top:20px; padding-top:20px; }
.broadcast-wizard .broadcast-list-heading { margin-bottom:12px; }
.broadcast-wizard .broadcast-list-heading strong { font-size:13px; }
.broadcast-wizard .broadcast-list-heading small { font-size:11px; }
.broadcast-wizard .broadcast-role-options { gap:8px; }
.broadcast-wizard .broadcast-role-options span { min-height:36px; gap:7px; padding:0 12px; font-size:12px; }
.broadcast-wizard .broadcast-role-options span small { min-width:20px; height:20px; font-size:9px; }
.broadcast-wizard .broadcast-directory-tabs { gap:6px; margin-top:22px; padding:5px; }
.broadcast-wizard .broadcast-directory-tabs button { min-height:38px; font-size:12px; }
.broadcast-wizard .broadcast-directory { margin-top:12px; }
.broadcast-wizard .broadcast-search { min-height:44px; gap:10px; padding:0 13px; }
.broadcast-wizard .broadcast-search input { font-size:12px; }
.broadcast-wizard .broadcast-contact-list { max-height:360px; gap:6px; margin-top:9px; }
.broadcast-wizard .broadcast-contact { grid-template-columns:18px 38px minmax(0,1fr); gap:11px; padding:10px 11px; }
.broadcast-wizard .broadcast-contact-avatar { width:38px; height:38px; border-radius:10px; font-size:12px; }
.broadcast-wizard .broadcast-contact > span:last-child { gap:2px; }
.broadcast-wizard .broadcast-contact strong { font-size:13px; }
.broadcast-wizard .broadcast-contact small { font-size:10px; line-height:1.35; }
.broadcast-wizard .broadcast-template-row { grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto; gap:12px; padding:16px; }
.broadcast-delivery-options { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.broadcast-delivery-options > label:first-child { display:grid; align-content:start; }
.broadcast-delivery-options > label:first-child > small { margin-top:6px; color:#8792a3; font-size:10px; line-height:1.45; }
.broadcast-layout-option { display:grid; min-height:48px; grid-template-columns:auto auto minmax(0,1fr); align-items:center; gap:11px; padding:11px 13px; border:1px solid #dbe3ec; border-radius:10px; background:#fbfcfe; cursor:pointer; box-sizing:border-box; }
.broadcast-layout-option > input { position:absolute; opacity:0; pointer-events:none; }
.broadcast-layout-option > span:last-child { display:grid; gap:2px; }
.broadcast-layout-option strong { color:#344054; font-size:12px; }
.broadcast-layout-option small { color:#8792a3; font-size:10px; line-height:1.35; }
.broadcast-layout-option:has(input:checked) { border-color:#9eb9df; background:#f2f7fd; }
.broadcast-template-row .icon-button:hover { padding:0; }
.broadcast-wizard .broadcast-composer { gap:18px; }
.broadcast-wizard .form-label { margin-bottom:7px; font-size:12px; }
.broadcast-wizard .form-control { min-height:48px; padding-right:13px; padding-left:13px; font-size:14px; }
.broadcast-wizard .broadcast-toolbar { margin-bottom:-18px; padding:8px; }
.broadcast-wizard .broadcast-toolbar button { min-width:40px; height:40px; font-size:13px; }
.broadcast-wizard #broadcastPlaceholder { min-height:40px; margin-left:auto; padding:0 11px; border:1px solid #dbe3ec; border-radius:8px; background:#fff; color:#526074; font:inherit; font-size:12px; }
.broadcast-wizard .broadcast-body { min-height:220px; padding:14px; font-size:12px; line-height:1.65; }
.broadcast-wizard .broadcast-preview-heading { margin-top:2px; }
.broadcast-wizard .broadcast-preview-heading small { font-size:11px; }
.broadcast-wizard .broadcast-preview { height:260px; }
.broadcast-wizard-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:16px; padding:18px 2px 0; border-top:1px solid #edf0f5; }
.broadcast-wizard-actions .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.broadcast-review { display:grid; gap:20px; }
.broadcast-review .broadcast-section-heading { margin-bottom:0; }
.broadcast-review-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.broadcast-review-delivery { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.broadcast-review-delivery article { display:flex; min-width:0; align-items:flex-start; gap:14px; padding:18px; border:1px solid #e3e7ef; border-radius:14px; background:#fafbfc; }
.broadcast-review-delivery .review-icon { display:grid; width:40px; height:40px; flex:0 0 auto; place-items:center; border-radius:11px; background:#ecefff; color:#4f46e5; font-size:14px; }
.broadcast-review-delivery article > div { display:grid; min-width:0; gap:2px; }
.broadcast-review-delivery small { color:#8994a5; font-size:10px; font-weight:700; text-transform:uppercase; }
.broadcast-review-delivery strong { overflow:hidden; color:#253047; font-size:14px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.broadcast-review-delivery p { overflow:hidden; margin:0; color:#8a95a6; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.broadcast-review-grid article { display:flex; min-width:0; align-items:flex-start; gap:14px; padding:18px; border:1px solid #e3e7ef; border-radius:14px; background:#fafbfc; }
.broadcast-review-grid .review-icon { display:grid; width:40px; height:40px; flex:0 0 auto; place-items:center; border-radius:11px; background:#ecefff; color:#4f46e5; font-size:14px; }
.broadcast-review-grid article > div { display:grid; min-width:0; gap:2px; }
.broadcast-review-grid small { color:#8994a5; font-size:10px; font-weight:700; text-transform:uppercase; }
.broadcast-review-grid strong,.broadcast-review-grid p { overflow:hidden; text-overflow:ellipsis; }
.broadcast-review-grid strong { color:#253047; font-size:14px; line-height:1.4; white-space:nowrap; }
.broadcast-review-grid p { margin:0; color:#8a95a6; font-size:11px; white-space:nowrap; }
.broadcast-review-note { display:flex; align-items:flex-start; gap:13px; padding:16px 18px; border:1px solid #cbd5ff; border-radius:13px; background:#f4f5ff; color:#4f46e5; }
.broadcast-review-note > i { margin-top:2px; }
.broadcast-review-note strong { display:block; color:#3730a3; font-size:13px; }
.broadcast-review-note p { margin:3px 0 0; color:#6972a8; font-size:11px; line-height:1.55; }
.broadcast-review-preview { height:340px; }
.broadcast-final-actions > div { display:flex; align-items:center; gap:14px; }
.broadcast-final-actions > div > span { display:grid; gap:2px; text-align:right; }
.broadcast-final-actions strong { color:#344054; font-size:13px; }
.broadcast-final-actions small { color:#8a95a6; font-size:10px; }

@media (max-width:760px) {
  .broadcast-wizard { padding:18px 18px 24px; }
  .broadcast-steps { gap:5px; }
  .broadcast-steps button { display:flex; justify-content:center; padding:5px; }
  .broadcast-steps button > span:last-child { display:none; }
  .broadcast-overview { grid-template-columns:1fr 1fr 1fr; }
  .broadcast-overview article { display:grid; justify-items:center; padding:12px 8px; text-align:center; }
  .broadcast-wizard .broadcast-template-row,.broadcast-delivery-options,.broadcast-review-grid,.broadcast-review-delivery { grid-template-columns:1fr; }
  .broadcast-final-actions,.broadcast-final-actions > div { align-items:stretch; flex-direction:column; }
  .broadcast-final-actions > div > span { text-align:left; }
  .broadcast-final-actions .button { width:100%; }
}
@media (max-width:480px) {
  .broadcast-overview { grid-template-columns:1fr; }
  .broadcast-all-options { grid-template-columns:1fr; }
  .broadcast-wizard { padding:14px 12px 18px; }
  .broadcast-wizard .broadcast-audience,.broadcast-wizard .broadcast-composer,.broadcast-review { padding:18px; }
  .broadcast-wizard-actions { align-items:stretch; flex-direction:column-reverse; }
  .broadcast-wizard-actions > .button { width:100%; }
}

/* Persistente Benachrichtigungen */
.notification-bell { position:relative; cursor:pointer; font:inherit; }
.notification-bell-sidebar { display:grid; width:100%; min-height:44px; grid-template-columns:29px minmax(0,1fr) auto; align-items:center; gap:8px; padding:7px 9px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.045); color:#a8b4c6; text-align:left; }
.notification-bell-sidebar:hover,.notification-bell-sidebar[aria-expanded="true"] { border-color:rgba(129,140,248,.35); background:rgba(99,102,241,.13); color:#fff; }
.notification-bell-sidebar > span:first-child { position:relative; display:grid; width:29px; height:29px; place-items:center; border-radius:9px; background:rgba(255,255,255,.07); color:#c7d2fe; font-size:11px; }
.notification-bell-sidebar > span:nth-child(2) { display:grid; min-width:0; gap:2px; }
.notification-bell-sidebar strong { color:#e7ecf4; font-size:10px; }
.notification-bell-sidebar small { overflow:hidden; color:#7f8da2; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.notification-bell-sidebar > i { font-size:8px; }
.notification-badge { position:absolute; z-index:2; top:-6px; right:-7px; display:grid; min-width:19px; height:19px; place-items:center; padding:0 5px; border:2px solid #111c2f; border-radius:999px; background:#ef4444; color:#fff; font-size:8px; font-weight:850; line-height:1; }
.notification-badge[hidden] { display:none; }
.notification-bell-mobile { display:none; }
.notification-panel { position:fixed; z-index:181; top:20px; right:20px; display:grid; width:min(410px,calc(100vw - 32px)); max-height:calc(100vh - 40px); grid-template-rows:auto auto minmax(0,1fr); overflow:hidden; border:1px solid #dfe4ec; border-radius:20px; background:#fff; box-shadow:0 28px 80px rgba(15,23,42,.22); }
.notification-panel[hidden],.notification-backdrop[hidden] { display:none; }
.notification-panel > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:19px 20px 16px; border-bottom:1px solid #edf0f4; }
.notification-panel > header span { color:#6366f1; font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.notification-panel > header h2 { margin:4px 0 0; color:#182236; font-size:19px; }
.notification-panel-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 20px; border-bottom:1px solid #edf0f4; background:#fafbfc; }
.notification-panel-actions span { color:#7d8899; font-size:10px; }
.notification-panel-actions button { border:0; background:transparent; color:#4f46e5; cursor:pointer; font:inherit; font-size:10px; font-weight:750; }
.notification-panel-actions button:disabled { cursor:default; opacity:.4; }
.notification-list { min-height:180px; overflow-y:auto; padding:8px; }
.notification-item { position:relative; display:grid; width:100%; grid-template-columns:38px minmax(0,1fr) auto; align-items:start; gap:11px; padding:12px; border:0; border-radius:13px; background:transparent; color:inherit; cursor:pointer; font:inherit; text-align:left; }
.notification-item:hover { background:#f6f7fb; }
.notification-item.unread { background:#f2f4ff; }
.notification-item + .notification-item { margin-top:3px; }
.notification-item-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:#e9edff; color:#4f46e5; }
.notification-item > span:nth-child(2) { display:grid; min-width:0; gap:3px; }
.notification-item strong { color:#344054; font-size:12px; }
.notification-item p { margin:0; color:#697586; font-size:10px; line-height:1.45; }
.notification-item small { color:#98a2b3; font-size:9px; }
.notification-unread-dot { width:8px; height:8px; margin-top:5px; border-radius:50%; background:#4f46e5; box-shadow:0 0 0 4px rgba(79,70,229,.1); }
.notification-empty { display:grid; justify-items:center; gap:6px; padding:48px 20px; color:#98a2b3; text-align:center; }
.notification-empty > i { margin-bottom:5px; font-size:24px; }
.notification-empty strong { color:#667085; font-size:12px; }
.notification-empty p { margin:0; font-size:10px; }
.notification-backdrop { position:fixed; z-index:180; inset:0; background:rgba(15,23,42,.22); backdrop-filter:blur(2px); }
.toast-actionable { cursor:pointer; }
.toast-actionable .toast-content::after { display:block; margin-top:6px; color:#4f46e5; content:'Ticket öffnen'; font-size:10px; font-weight:750; }

@media (max-width:1023px) {
  .notification-bell-mobile { position:relative; display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border:1px solid #e0e4eb; border-radius:11px; background:#fff; color:#68758a; }
  .notification-bell-mobile .notification-badge { top:-7px; right:-7px; border-color:#f7f8fb; }
}
@media (max-width:760px) {
  .notification-bell-mobile { position:absolute; top:11px; right:58px; }
  .notification-panel { top:10px; right:10px; width:calc(100vw - 20px); max-height:calc(100vh - 20px); }
}

/* Inaktivitätswarnung */
.session-warning-modal { position:fixed; z-index:300; inset:0; display:grid; place-items:center; padding:24px; }
.session-warning-modal[hidden] { display:none; }
.session-warning-backdrop { position:absolute; inset:0; background:rgba(15,23,42,.62); backdrop-filter:blur(7px); }
.session-warning-card { position:relative; display:grid; width:min(480px,100%); justify-items:center; padding:34px; border:1px solid rgba(255,255,255,.7); border-radius:24px; background:#fff; box-shadow:0 32px 100px rgba(15,23,42,.36); text-align:center; }
.session-warning-icon { display:grid; width:64px; height:64px; margin-bottom:18px; place-items:center; border-radius:20px; background:linear-gradient(145deg,#eef2ff,#e0e7ff); color:#4f46e5; font-size:25px; box-shadow:inset 0 0 0 1px rgba(79,70,229,.08); }
.session-warning-kicker { margin-bottom:7px; color:#6366f1; font-size:11px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.session-warning-card h2 { margin:0; color:#172033; font-size:25px; line-height:1.2; }
.session-warning-card p { max-width:390px; margin:12px 0 0; color:#667085; font-size:14px; line-height:1.65; }
.session-warning-countdown { display:flex; align-items:center; justify-content:center; gap:5px; margin:25px 0; color:#242f45; font-variant-numeric:tabular-nums; font-size:38px; font-weight:800; letter-spacing:.03em; line-height:1; }
.session-warning-countdown span { display:grid; min-width:68px; height:62px; place-items:center; border:1px solid #e1e5ee; border-radius:14px; background:#f8f9fc; }
.session-warning-countdown b { color:#98a2b3; font-size:28px; }
.session-warning-actions { display:flex; width:100%; justify-content:center; gap:11px; }
.session-warning-actions .button { min-height:46px; padding:0 18px; font-size:13px; }
body.session-warning-open { overflow:hidden; }

@media (max-width:520px) {
  .session-warning-modal { padding:14px; }
  .session-warning-card { padding:27px 20px 22px; border-radius:20px; }
  .session-warning-card h2 { font-size:22px; }
  .session-warning-card p { font-size:13px; }
  .session-warning-actions { align-items:stretch; flex-direction:column-reverse; }
  .session-warning-actions .button { width:100%; }
}

/* Kundenakte – eigenständige Arbeitsansicht */
.customer-record-view { width:100%; min-width:0; --customer-border:#e4e8ef; --customer-muted:#748095; --customer-ink:#182236; }
.customer-record-view.active { display:block; animation:view-in .2s ease both; }
.customer-record-page-header { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:22px; overflow:hidden; margin-bottom:20px; padding:26px 28px; border:1px solid #dfe4ed; border-radius:22px; background:linear-gradient(135deg,#fff 0%,#fafbff 58%,#f1f3ff 100%); box-shadow:0 16px 45px rgba(15,23,42,.075); }
.customer-record-page-header::after { position:absolute; top:-100px; right:17%; width:230px; height:230px; border-radius:50%; background:radial-gradient(circle,rgba(99,102,241,.11),rgba(99,102,241,0) 68%); content:''; pointer-events:none; }
.customer-record-back { position:relative; z-index:1; display:inline-flex; min-height:42px; align-items:center; gap:9px; align-self:start; padding:0 13px; border:1px solid #e0e5ec; border-radius:12px; background:rgba(255,255,255,.86); color:#667085; cursor:pointer; font:inherit; font-size:12px; font-weight:750; transition:.18s ease; }
.customer-record-back:hover { border-color:#c7d2fe; background:#fff; color:#4f46e5; transform:translateX(-2px); }
.customer-record-identity { position:relative; z-index:1; display:flex; min-width:0; align-items:center; gap:17px; }
.customer-record-avatar { display:grid; width:68px; height:68px; flex:0 0 auto; place-items:center; border:1px solid rgba(255,255,255,.65); border-radius:20px; background:linear-gradient(145deg,#4f46e5,#6973e8); color:#fff; box-shadow:0 11px 25px rgba(79,70,229,.23); font-size:20px; font-weight:850; letter-spacing:.025em; }
.customer-record-title-wrap { min-width:0; }
.customer-record-eyebrow { display:flex; align-items:center; gap:7px; margin-bottom:4px; color:#6366f1; font-size:10px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.customer-record-eyebrow > span { width:7px; height:7px; border-radius:50%; background:#6366f1; box-shadow:0 0 0 4px rgba(99,102,241,.1); }
.customer-record-title-wrap h2 { overflow:hidden; margin:0; color:var(--customer-ink); font-size:27px; font-weight:800; letter-spacing:-.035em; line-height:1.18; text-overflow:ellipsis; white-space:nowrap; }
.customer-record-title-wrap > p { margin:5px 0 0; color:#667085; font-size:13px; line-height:1.4; }
.customer-record-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px 15px; margin-top:10px; }
.customer-record-meta span { display:inline-flex; max-width:260px; align-items:center; gap:6px; overflow:hidden; color:#7b8799; font-size:10px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.customer-record-meta span > i { color:#9aa5b5; }
.customer-record-meta .customer-record-status { color:#16825d; }
.customer-record-status > i { width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.12); }
.customer-record-header-actions { position:relative; z-index:1; display:flex; flex:0 0 auto; align-items:center; gap:9px; }
.customer-record-header-actions .button { min-height:43px; padding-inline:16px; font-size:12px; white-space:nowrap; }
.customer-record-content { display:grid; width:100%; min-width:0; grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr); gap:18px; }
.customer-record-content > * { min-width:0; }

.customer-record-content .customer-detail-stats { display:grid; grid-column:1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin:0; }
.customer-record-content .customer-detail-stats article { position:relative; display:flex; min-width:0; min-height:139px; flex-direction:column; justify-content:flex-end; gap:6px; overflow:hidden; padding:18px; border:1px solid var(--customer-border); border-radius:18px; background:#fff; box-shadow:0 6px 18px rgba(15,23,42,.035); }
.customer-record-content .customer-detail-stats article::before { position:absolute; top:18px; left:19px; width:38px; height:38px; border-radius:12px; background:#eef2ff; box-shadow:inset 0 0 0 1px rgba(79,70,229,.06); content:''; }
.customer-record-content .customer-detail-stats article::after { position:absolute; top:29px; left:31px; width:14px; height:14px; border:2px solid #6366f1; border-radius:4px; content:''; opacity:.8; }
.customer-record-content .customer-detail-stats article:nth-child(2)::before { background:#eef9f5; }
.customer-record-content .customer-detail-stats article:nth-child(2)::after { border-color:#16a37a; border-radius:50%; }
.customer-record-content .customer-detail-stats article:nth-child(3)::before { background:#fff6e8; }
.customer-record-content .customer-detail-stats article:nth-child(3)::after { border-color:#e59a2f; transform:rotate(45deg); }
.customer-record-content .customer-detail-stats article:nth-child(4)::before { background:#fff0f2; }
.customer-record-content .customer-detail-stats article:nth-child(4)::after { border-color:#e85d75; border-radius:50% 50% 4px 4px; }
.customer-record-content .customer-detail-stats span { position:absolute; top:22px; right:18px; left:70px; overflow:hidden; color:#7c8798; font-size:11px; font-weight:750; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.customer-record-content .customer-detail-stats strong { width:100%; align-self:flex-start; overflow:hidden; color:#1d2939; font-size:23px; font-weight:800; letter-spacing:-.04em; line-height:1.1; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.customer-record-content .customer-detail-stats small { color:#98a2b3; font-size:10px; font-weight:650; }

.customer-record-content .customer-info-panel { display:grid; grid-column:2; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; overflow:hidden; margin:0; border:1px solid var(--customer-border); border-radius:19px; background:#fff; box-shadow:0 7px 22px rgba(15,23,42,.04); }
.customer-record-content .customer-info-panel::before { display:flex; min-height:52px; grid-column:1/-1; align-items:center; padding:0 16px; border-bottom:1px solid #edf0f4; color:#344054; content:'Stammdaten · Kontakt & Anschrift'; font-size:12px; font-weight:800; }
.customer-record-content .customer-info-item { min-height:60px; padding:11px 14px; border-right:1px solid #edf0f4; border-bottom:1px solid #edf0f4; background:#fff; }
.customer-record-content .customer-info-item:nth-child(even) { border-right:0; }
.customer-record-content .customer-info-item:last-child { grid-column:1/-1; border-right:0; border-bottom:0; }
.customer-record-content .customer-info-item span,.customer-record-content .customer-info-notes > span { margin-bottom:5px; color:#98a2b3; font-size:8px; font-weight:800; letter-spacing:.075em; text-transform:uppercase; }
.customer-record-content .customer-info-item strong { display:block; overflow-wrap:anywhere; color:#344054; font-size:11px; font-weight:700; line-height:1.4; }
.customer-record-content .customer-info-item a { color:#4f46e5; text-decoration:none; }
.customer-record-content .customer-info-item a:hover { text-decoration:underline; }
.customer-record-content .customer-info-notes { grid-column:1/-1; min-height:auto; padding:18px 20px; border-top:1px solid #edf0f4; background:#fafbfc; }
.customer-record-content .customer-info-notes p { color:#596579; font-size:12px; line-height:1.65; }

.customer-referral-editor { display:grid; grid-template-columns:auto minmax(210px,1fr) minmax(340px,.9fr); align-items:center; gap:14px; padding:18px 20px; }
.customer-referral-icon { display:grid; width:44px; height:44px; place-items:center; border-radius:13px; color:#5548d9; background:#efedff; font-size:16px; }
.customer-referral-editor > div:nth-child(2) { min-width:0; }
.customer-referral-editor strong { display:block; overflow:hidden; color:#26344a; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.customer-referral-editor p { margin:4px 0 0; color:#7a8799; font-size:10px; line-height:1.5; }
.customer-referral-controls { display:flex; gap:8px; min-width:0; }
.customer-referral-controls .form-control { min-width:0; }
.customer-referral-controls .button { flex:0 0 auto; white-space:nowrap; }
.customer-referral-status { display:inline-flex; align-items:center; width:auto!important; padding:0 10px; color:#9a6108; background:#fff2d8; white-space:nowrap; }
.customer-referral-status.rewarded { color:#167657; background:#e3f5ec; }
.customer-referral-loading { display:flex; align-items:center; gap:9px; min-height:80px; padding:18px 20px; color:#7b8799; font-size:11px; }
.customer-referral-notice { display:flex; align-items:center; gap:8px; margin:0; padding:11px 20px; border-top:1px solid #eceff4; color:#6f7b8d; background:#fafbfc; font-size:10px; }

.customer-record-content .customer-access-section,.customer-record-content .customer-plesk-section { display:grid; min-height:196px; grid-template-columns:auto minmax(0,1fr) auto; grid-template-rows:1fr auto; align-items:center; gap:16px; align-self:stretch; overflow:hidden; margin:0; padding:20px; border:1px solid #dfe3f3; border-radius:19px; background:linear-gradient(145deg,#fff 0%,#f8faff 100%); box-shadow:0 7px 22px rgba(15,23,42,.04); }
.customer-record-content .customer-access-section { grid-column:1; }
.customer-record-content .customer-plesk-section { grid-column:2; border-color:#dfe5f5; }
.customer-assignment-icon { display:grid; width:46px; height:46px; place-items:center; border-radius:14px; background:#eaf0ff; color:#4f63e9; font-size:17px; box-shadow:inset 0 0 0 1px rgba(79,99,233,.07); }
.customer-assignment-copy { min-width:0; }
.customer-assignment-copy .panel-kicker { margin-bottom:4px; color:#8a96aa; font-size:9px; font-weight:800; letter-spacing:.075em; text-transform:uppercase; }
.customer-assignment-copy h3 { overflow:hidden; margin:0; color:#202b3e; font-size:15px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.customer-assignment-copy p { display:flex; flex-wrap:wrap; gap:5px 14px; margin:5px 0 0; color:#748095; font-size:10px; line-height:1.55; }
.customer-assignment-copy p span { position:relative; }
.customer-assignment-copy p span + span::before { position:absolute; top:50%; left:-8px; width:3px; height:3px; border-radius:50%; background:#c2cad6; content:''; transform:translateY(-50%); }
.customer-assignment-state { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; font-size:9px; font-weight:800; white-space:nowrap; }
.customer-assignment-state.linked { background:#e9f9f1; color:#16825d; }
.customer-assignment-state.inactive { background:#f1f3f6; color:#697586; }
.customer-assignment-state.automatic { background:#fff5e5; color:#b26a10; }
.customer-access-actions,.customer-plesk-actions { display:flex; grid-column:1/-1; align-items:center; justify-content:flex-start; gap:8px; margin:0; padding-top:16px; border-top:1px solid #e8ecf3; }
.customer-access-actions .button,.customer-plesk-actions .button { min-height:38px; padding-inline:13px; justify-content:center; font-size:10px; white-space:nowrap; }
.customer-access-actions .button-danger,.customer-plesk-actions .button-danger { margin-left:auto; }
.customer-record-hosting-list { display:grid; gap:10px; padding:14px; container-type:inline-size; }
.customer-record-hosting-card { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:start; gap:0; overflow:hidden; padding:0; border:1px solid #e3e8f0; border-radius:14px; background:#fbfcfe; }
.customer-record-hosting-card.has-retention { grid-template-columns:56px minmax(0,1fr) minmax(218px,.42fr); }
.customer-record-hosting-card.is-missing { border-color:#d9dee6; background:#f0f2f5; }
.customer-record-hosting-card.is-missing .customer-record-hosting-icon,.customer-record-hosting-card.is-missing .customer-record-hosting-copy { filter:grayscale(1); opacity:.62; }
.customer-record-hosting-icon { display:grid; width:39px; height:39px; margin:15px 0 0 15px; place-items:center; border-radius:11px; background:#e9efff; color:#4c65e8; }
.customer-record-hosting-copy { min-width:0; padding:15px 15px 13px 13px; }
.customer-record-hosting-copy > div { display:flex; align-items:center; gap:8px; }
.customer-record-hosting-copy > div > span { color:#263248; font-size:12px; font-weight:800; }
.customer-record-hosting-copy > div > small { padding:3px 7px; border-radius:999px; background:#edf1f6; color:#667286; font-size:8px; font-weight:800; }
.customer-record-hosting-copy > strong { display:block; overflow:hidden; margin-top:4px; color:#344056; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.customer-record-hosting-copy > p { display:flex; flex-wrap:wrap; gap:5px 14px; margin:5px 0 0; color:#8792a3; font-size:9px; }
.customer-record-hosting-copy > p span { display:inline-flex; align-items:center; gap:5px; }
.customer-record-hosting-card > .product-cancellation-notice { grid-column:1/-1; margin:0 14px 14px; border:1px solid #f3dfbd; border-radius:10px; }
.customer-record-hosting-card.has-retention > .product-cancellation-notice { grid-column:1/3; }
.customer-retention-panel { display:flex; grid-column:3; grid-row:1/3; align-self:stretch; flex-direction:column; margin:12px 12px 12px 0; padding:13px; border:1px solid #dfe4f5; border-radius:12px; background:linear-gradient(145deg,#f7f8ff,#fff); }
.customer-retention-heading { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; }
.customer-retention-heading > span { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:#e9edff; color:#5263d9; font-size:11px; }
.customer-retention-heading > div { display:grid; min-width:0; gap:2px; }
.customer-retention-heading small { color:#8b96a8; font-size:8px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.customer-retention-heading strong { color:#2e3950; font-size:11px; }
.customer-retention-heading em { padding:4px 6px; border-radius:999px; background:#eef1f6; color:#7a8699; font-size:7px; font-style:normal; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.customer-retention-panel > p { margin:10px 0 12px; color:#788499; font-size:9px; line-height:1.5; }
.customer-retention-panel > div:last-child { display:grid; gap:7px; margin-top:auto; }
.customer-retention-action { display:flex; min-height:34px; align-items:center; gap:8px; padding:0 10px; border:1px solid #dce2ec; border-radius:9px; background:#fff; color:#59677c; font:inherit; font-size:9px; font-weight:750; text-align:left; }
.customer-retention-action i { width:16px; color:#6575db; text-align:center; }
.customer-retention-action:disabled { cursor:not-allowed; opacity:.72; }
.customer-record-hosting-actions { display:flex; grid-column:1/-1; align-items:center; gap:7px; padding:11px 14px; border-top:1px solid #e7ebf1; background:#fff; }
.customer-record-hosting-actions .button { min-height:35px; padding-inline:12px; font-size:9px; white-space:nowrap; }
.customer-record-hosting-actions .button-danger { margin-left:auto; }
@container (max-width:650px) {
  .customer-record-hosting-card.has-retention { grid-template-columns:56px minmax(0,1fr); }
  .customer-record-hosting-card.has-retention > .product-cancellation-notice { grid-column:1/-1; }
  .customer-retention-panel { grid-column:1/-1; grid-row:auto; margin:0 14px 14px; }
  .customer-retention-panel > div:last-child { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.customer-hosting-check-warning { display:flex; align-items:center; gap:8px; margin:12px 14px 0; padding:10px 12px; border:1px solid #f1d7aa; border-radius:11px; background:#fff8e9; color:#936116; font-size:10px; }
.customer-plesk-link-card { width:min(560px,calc(100vw - 28px)); }
.customer-plesk-link-body { display:grid; gap:16px; }
.plesk-ip-field { display:grid; gap:10px; }
.plesk-ip-field-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.plesk-ip-field-heading > span { display:grid; gap:4px; }
.plesk-ip-field-heading > span > small { color:#8a95a7; font-size:10px; line-height:1.45; }
.plesk-ip-field-heading .button { min-height:36px; white-space:nowrap; }
.plesk-ip-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; min-height:88px; padding:10px; border:1px solid #dfe5ed; border-radius:14px; background:#f8fafc; }
.plesk-ip-family { overflow:hidden; border:1px solid #e4e9f1; border-radius:11px; background:#fff; }
.plesk-ip-family > header { display:flex; align-items:center; justify-content:space-between; padding:9px 11px; border-bottom:1px solid #edf0f4; background:#fbfcfe; }
.plesk-ip-family > header span { color:#43516a; font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.plesk-ip-family > header small { color:#98a2b3; font-size:9px; }
.plesk-ip-family > div { display:grid; }
.plesk-ip-option { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-width:0; padding:11px; border-bottom:1px solid #eef1f5; cursor:pointer; transition:.16s ease; }
.plesk-ip-option:last-child { border-bottom:0; }
.plesk-ip-option:hover { background:#f8faff; }
.plesk-ip-option:has(input:checked) { background:#f0f4ff; }
.plesk-ip-option > input { position:absolute; opacity:0; pointer-events:none; }
.plesk-ip-check { display:grid; width:20px; height:20px; place-items:center; border:1px solid #cfd7e3; border-radius:6px; background:#fff; color:transparent; font-size:9px; }
.plesk-ip-option input:checked + .plesk-ip-check { border-color:#5869ed; background:#5869ed; color:#fff; }
.plesk-ip-copy { display:grid; min-width:0; gap:2px; }
.plesk-ip-copy strong { overflow:hidden; color:#263248; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.plesk-ip-copy small { overflow:hidden; color:#8994a5; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.plesk-ip-option > b { padding:4px 6px; border-radius:6px; background:#e9eefb; color:#65728a; font-size:8px; }
.plesk-ip-empty { display:flex; min-height:66px; grid-column:1/-1; align-items:center; justify-content:center; gap:9px; color:#8994a5; font-size:10px; text-align:center; }

.customer-record-content > .customer-record-section:not(.customer-access-section) { grid-column:1/-1; overflow:hidden; margin:0; border:1px solid var(--customer-border); border-radius:19px; background:#fff; box-shadow:0 7px 22px rgba(15,23,42,.035); scroll-margin-top:20px; }
.customer-record-content > .customer-record-section.customer-notes-section { display:flex; min-height:0; grid-column:1; flex-direction:column; align-self:stretch; }
.customer-record-content > .customer-record-section.customer-notes-section .customer-note-list { grid-template-columns:1fr; }
.customer-record-content > .customer-record-section.customer-support-section { display:flex; min-height:0; grid-column:2; flex-direction:column; align-self:stretch; }
.customer-record-content:not(:has(.customer-support-section)) > .customer-record-section.customer-notes-section { grid-column:1/-1; }
.customer-record-content:not(:has(.customer-notes-section)) > .customer-record-section.customer-support-section { grid-column:1/-1; }
.customer-record-content > .customer-record-section.customer-plesk-section { border-color:#dfe5f5; background:linear-gradient(125deg,#fff 0%,#f8faff 100%); }
.customer-record-content > .customer-record-section.customer-plesk-section { grid-column:2; }
.customer-record-content:not(:has(.customer-access-section)) > .customer-record-section.customer-plesk-section { grid-column:1/-1; }
.customer-record-content:not(:has(.customer-plesk-section)) > .customer-record-section.customer-access-section { grid-column:1/-1; }
.customer-record-content > .customer-record-section.customer-hosting-management { display:flex; grid-column:1; flex-direction:column; align-self:stretch; }
.customer-record-content > .customer-record-section.customer-credit-section { display:flex; grid-column:2; flex-direction:column; align-self:stretch; }
.customer-record-content:not(:has(.customer-credit-section)) > .customer-record-section.customer-hosting-management { grid-column:1/-1; }
.customer-record-content:not(:has(.customer-hosting-management)) > .customer-record-section.customer-credit-section { grid-column:1/-1; }
.customer-record-content .table-scroll { width:100%; max-width:100%; }
.customer-record-content > .customer-record-section:not(.customer-access-section) .customer-record-heading { min-height:73px; padding:16px 20px; border-bottom:1px solid #e9edf2; background:linear-gradient(180deg,#fff,#fbfcfd); }
.customer-record-content > .customer-record-section:not(.customer-access-section) .customer-record-heading .panel-kicker { margin-bottom:4px; color:#8c97a8; font-size:9px; }
.customer-record-content > .customer-record-section:not(.customer-access-section) .customer-record-heading h3 { color:#202b3e; font-size:16px; }
.customer-record-content > .customer-record-section:not(.customer-access-section) .customer-record-heading > span { min-width:31px; height:31px; border-radius:10px; font-size:11px; }
.customer-record-content .detail-table th { height:42px; color:#8b96a7; font-size:9px; letter-spacing:.045em; }
.customer-record-content .detail-table td { height:61px; color:#526074; font-size:11px; }
.customer-record-content .detail-table tbody tr:last-child td { border-bottom:0; }
.customer-record-content .customer-audit-timeline { gap:0; padding:8px 20px 10px; }
.customer-record-content .customer-audit-timeline::before { top:30px; bottom:30px; left:38px; }
.customer-record-content .customer-audit-event { grid-template-columns:38px minmax(0,1fr); gap:11px; padding:9px 0; }
.customer-record-content .customer-audit-event > div { padding:3px 0; }
.customer-record-content .customer-audit-event > div > div { justify-content:flex-start; }
.customer-record-content .customer-audit-event time { margin-left:12px; padding-left:12px; border-left:1px solid #e4e8ef; white-space:nowrap; }
.customer-record-content .customer-detail-empty { min-height:135px; gap:11px; color:#8d98a9; font-size:11px; }
.customer-record-content .customer-detail-empty i { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; background:#f3f5f8; color:#a5afbd; font-size:16px; }
.customer-support-list { display:grid; max-height:430px; flex:1; align-content:start; gap:8px; overflow-y:auto; padding:10px; background:#f7f9fc; }
.customer-support-item { display:grid; width:100%; min-width:0; min-height:66px; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:10px 12px; border:1px solid #e5eaf1; border-radius:12px; background:#fff; color:inherit; cursor:pointer; font:inherit; text-align:left; transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease; }
.customer-support-item:hover { border-color:#ccd6e5; box-shadow:0 6px 15px rgba(15,23,42,.055); transform:translateY(-1px); }
.customer-support-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:#edf1ff; color:#5062dc; font-size:11px; }
.customer-support-copy { display:grid; min-width:0; gap:4px; }
.customer-support-copy strong { overflow:hidden; color:#2f3b50; font-size:10px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.customer-support-copy small { overflow:hidden; color:#8994a5; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.customer-support-meta { display:grid; justify-items:end; gap:5px; }
.customer-support-meta .ticket-priority,.customer-support-meta .ticket-status { font-size:7px; white-space:nowrap; }
.customer-support-item > i { color:#a1aaba; font-size:9px; }
.customer-support-list > .customer-detail-empty { min-height:150px; border:1px dashed #dce2eb; border-radius:12px; background:#fff; }
.customer-activity-tools { display:grid; grid-template-columns:minmax(240px,1fr) minmax(180px,240px) auto; align-items:center; gap:9px; padding:11px 12px; border-bottom:1px solid #e6ebf2; background:#fff; }
.customer-activity-search,.customer-activity-filter { position:relative; display:flex; min-width:0; align-items:center; }
.customer-activity-search > i,.customer-activity-filter > i { position:absolute; left:12px; z-index:1; color:#8290a4; font-size:11px; pointer-events:none; }
.customer-activity-search input,.customer-activity-filter select { width:100%; min-height:38px; box-sizing:border-box; border:1px solid #dce4ee; border-radius:10px; outline:0; background:#f8fafc; color:#34445c; font:inherit; font-size:11px; transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease; }
.customer-activity-search input { padding:0 38px 0 34px; }
.customer-activity-filter select { padding:0 34px; cursor:pointer; }
.customer-activity-search input:focus,.customer-activity-filter select:focus { border-color:#9db8df; background:#fff; box-shadow:0 0 0 3px rgba(40,94,180,.09); }
.customer-activity-search input::placeholder { color:#9aa6b6; }
.customer-activity-search button { position:absolute; right:6px; display:grid; width:27px; height:27px; place-items:center; border:0; border-radius:7px; background:transparent; color:#8794a6; cursor:pointer; }
.customer-activity-search button[hidden] { display:none; }
.customer-activity-search button:hover { background:#edf2f7; color:#40546f; }
.customer-activity-reset { display:flex; min-height:38px; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid #dce4ee; border-radius:10px; background:#fff; color:#60728b; font:inherit; font-size:10px; font-weight:750; white-space:nowrap; cursor:pointer; }
.customer-activity-reset:hover { border-color:#b9c9dd; background:#f7f9fc; color:#334963; }
.customer-activity-list { display:grid; align-content:start; gap:8px; padding:10px; background:#f7f9fc; }
.customer-activity-item { display:grid; min-width:0; min-height:68px; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; padding:10px 12px; border:1px solid #e5eaf1; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.025); transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease; }
.customer-activity-item:hover { border-color:#ccd6e5; box-shadow:0 6px 15px rgba(15,23,42,.055); transform:translateY(-1px); }
.customer-activity-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; font-size:11px; }
.customer-activity-copy { display:grid; min-width:0; gap:4px; }
.customer-activity-copy strong { overflow:hidden; color:#2f3b50; font-size:10px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.customer-activity-copy small { overflow:hidden; color:#8994a5; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.customer-activity-meta { display:grid; min-width:130px; justify-items:end; gap:5px; }
.customer-activity-meta > span { padding:4px 7px; border-radius:999px; background:#f0f3f7; color:#667286; font-size:7px; font-weight:800; letter-spacing:.025em; text-transform:uppercase; }
.customer-activity-meta time { color:#8994a5; font-size:9px; white-space:nowrap; }
.customer-activity-more { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 14px; border-top:1px solid #e8ecf2; background:#fff; }
.customer-activity-more > span { color:#8994a5; font-size:9px; font-weight:700; }
.customer-activity-more .button { min-height:36px; }
.customer-activity-loading,.customer-activity-error { display:flex; min-height:150px; align-items:center; justify-content:center; gap:9px; padding:20px; color:#7b8799; font-size:10px; font-weight:700; }
.customer-activity-error { color:#a13a4d; }
.customer-document-grid { display:grid; grid-column:1/-1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.customer-document-card { display:flex; min-width:0; min-height:0; flex-direction:column; overflow:hidden; border:1px solid var(--customer-border); border-radius:20px; background:#fff; box-shadow:0 9px 26px rgba(15,23,42,.045); }
.customer-document-card .customer-record-heading { min-height:82px; padding:14px 16px; border-bottom:1px solid #e9edf2; background:linear-gradient(145deg,#fff,#fafbfe); }
.customer-document-card .customer-record-heading .panel-kicker { margin-bottom:4px; color:#8c97a8; font-size:9px; }
.customer-document-card .customer-record-heading h3 { color:#202b3e; font-size:15px; }
.customer-document-title { display:flex; min-width:0; align-items:center; gap:11px; }
.customer-document-title > span { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border-radius:12px; background:#edf1ff; color:#5062dc; font-size:13px; }
.customer-document-card.offers .customer-document-title > span { background:#fff4e5; color:#c17718; }
.customer-document-card.expenses .customer-document-title > span { background:#eaf8f2; color:#198361; }
.customer-document-summary { display:grid; flex:0 0 auto; justify-items:end; gap:3px; }
.customer-document-summary strong { color:#263248; font-size:13px; font-weight:850; white-space:nowrap; }
.customer-document-summary small { color:#8a95a7; font-size:8px; font-weight:700; }
.customer-document-list { display:grid; max-height:360px; flex:1; align-content:start; gap:8px; overflow-y:auto; padding:10px; background:#f7f9fc; }
.customer-document-item { display:grid; min-width:0; min-height:72px; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:10px 11px; border:1px solid #e6eaf1; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.025); transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease; }
.customer-document-item:hover { border-color:#d6ddeb; box-shadow:0 6px 14px rgba(15,23,42,.055); transform:translateY(-1px); }
.customer-document-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; font-size:12px; }
.customer-document-icon.invoice { background:#edf1ff; color:#5062dc; }
.customer-document-icon.offer { background:#fff4e5; color:#c17718; }
.customer-document-icon.expense { background:#eef8f4; color:#198361; }
.customer-document-copy { display:grid; min-width:0; gap:4px; }
.customer-document-copy strong { overflow:hidden; color:#2f3b50; font-size:11px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.customer-document-copy small { overflow:hidden; color:#8994a5; font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.customer-document-value { display:grid; justify-items:end; gap:5px; }
.customer-document-value > b { color:#263248; font-size:11px; font-weight:850; white-space:nowrap; }
.customer-document-value .offer-status { padding:4px 7px; font-size:7px; }
.customer-document-action { display:grid; width:34px; height:34px; place-items:center; border:1px solid #dce2eb; border-radius:10px; background:#fafbfc; color:#657187; font-size:11px; text-decoration:none; transition:160ms ease; }
.customer-document-action:hover { border-color:#bdc9e4; background:#eef2ff; color:#4355d8; transform:translateY(-1px); }
.customer-document-list > .customer-detail-empty { min-height:150px; border:1px dashed #dce2eb; border-radius:12px; background:#fff; }

@media (max-width:1100px) {
  .customer-record-content { grid-template-columns:1fr; }
  .customer-record-content .customer-detail-stats,.customer-record-content .customer-access-section,.customer-record-content .customer-info-panel,.customer-record-content > .customer-record-section.customer-notes-section,.customer-record-content > .customer-record-section.customer-support-section,.customer-record-content > .customer-record-section.customer-plesk-section,.customer-record-content > .customer-record-section.customer-hosting-management,.customer-record-content > .customer-record-section.customer-credit-section { grid-column:1/-1; }
  .customer-record-hosting-card { grid-template-columns:auto minmax(0,1fr); }
  .customer-record-hosting-actions { grid-column:1/-1; flex-wrap:wrap; }
  .customer-referral-editor { grid-template-columns:auto minmax(0,1fr); }
  .customer-referral-controls { grid-column:1/-1; }
}
@media (max-width:1280px) {
  .customer-record-page-header { grid-template-columns:auto minmax(0,1fr); padding:22px; }
  .customer-record-header-actions { grid-column:1/-1; justify-content:flex-end; padding-top:3px; }
  .customer-record-header-actions .button { width:auto; }
  .customer-record-content .customer-detail-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-document-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-document-card:last-child { grid-column:1/-1; }
}
@media (max-width:620px) {
  .customer-activity-tools { grid-template-columns:1fr; }
  .customer-activity-reset { width:100%; }
  .customer-record-page-header { display:flex; align-items:stretch; flex-direction:column; gap:17px; padding:18px; border-radius:18px; }
  .customer-record-back { width:max-content; align-self:auto; }
  .customer-record-avatar { width:56px; height:56px; border-radius:17px; font-size:17px; }
  .customer-record-title-wrap h2 { font-size:23px; }
  .customer-record-meta { align-items:flex-start; flex-direction:column; }
  .customer-record-header-actions { display:grid; grid-template-columns:1fr 1fr; }
  .customer-record-header-actions .button { width:100%; justify-content:center; padding-inline:10px; }
  .customer-record-content { gap:12px; }
  .customer-record-content .customer-detail-stats { gap:10px; }
  .customer-document-grid { grid-template-columns:1fr; gap:12px; }
  .customer-document-card:last-child { grid-column:auto; }
  .customer-activity-item { grid-template-columns:auto minmax(0,1fr); }
  .customer-activity-meta { grid-column:2; min-width:0; justify-items:start; }
  .customer-activity-more { align-items:stretch; flex-direction:column; }
  .customer-activity-more .button { width:100%; justify-content:center; }
  .customer-record-content .customer-detail-stats article { min-height:118px; padding:16px; }
  .customer-record-content .customer-detail-stats span { top:22px; right:14px; left:68px; }
  .customer-record-content .customer-detail-stats strong { font-size:19px; }
  .customer-record-content .customer-info-panel { grid-template-columns:1fr; }
  .customer-record-content .customer-info-item,.customer-record-content .customer-info-item:nth-child(even),.customer-record-content .customer-info-item:nth-last-child(-n+2) { min-height:82px; border-right:0; border-bottom:1px solid #edf0f4; }
  .customer-record-content .customer-info-item:last-of-type { border-bottom:0; }
  .customer-referral-editor { grid-template-columns:1fr; padding:16px; }
  .customer-referral-icon { display:none; }
  .customer-referral-controls { display:grid; grid-column:auto; }
  .customer-referral-controls .button { width:100%; }
  .customer-record-content .customer-access-section,.customer-record-content .customer-plesk-section { min-height:0; grid-template-columns:auto minmax(0,1fr); padding:16px; }
  .customer-assignment-state { grid-column:2; justify-self:start; }
  .customer-access-actions,.customer-plesk-actions { display:grid; width:100%; grid-column:1/-1; }
  .customer-access-actions .button,.customer-plesk-actions .button { width:100%; }
  .customer-access-actions .button-danger,.customer-plesk-actions .button-danger { margin-left:0; }
  .plesk-ip-field-heading { align-items:stretch; flex-direction:column; }
  .plesk-ip-options { grid-template-columns:1fr; }
  .customer-record-content > .customer-record-section:not(.customer-access-section) .customer-record-heading { min-height:66px; padding:14px 16px; }
  .customer-record-content > .customer-record-section:not(.customer-access-section) .customer-record-heading h3 { font-size:15px; }
  .customer-record-content .detail-table th { height:40px; }
  .customer-record-content .detail-table td { height:56px; }
  .customer-record-content .customer-audit-timeline { padding-inline:14px; }
  .customer-record-content .customer-audit-timeline::before { left:32px; }
  .customer-record-content .customer-audit-event > div > div { align-items:start; flex-direction:column; gap:3px; }
  .customer-record-content .customer-audit-event time { margin-left:0; padding-left:0; border-left:0; }
}
@media (max-width:430px) {
  .customer-record-content .customer-detail-stats { grid-template-columns:1fr; }
  .customer-record-content .customer-detail-stats article { min-height:112px; }
  .customer-record-header-actions { grid-template-columns:1fr; }
}

/* PayPal payment method */
.paypal-heading-icon { color:#0877d1; background:#edf7ff; }
.paypal-merchant-banner { display:flex; align-items:center; gap:16px; margin:24px; padding:18px 20px; border:1px solid #dbeafe; border-radius:16px; background:linear-gradient(135deg,#f7fbff,#eef7ff); }
.paypal-merchant-banner > span { display:grid; place-items:center; width:46px; height:46px; flex:0 0 46px; border-radius:14px; color:#0877d1; background:#fff; box-shadow:0 5px 18px rgba(8,119,209,.12); font-size:24px; }
.paypal-merchant-banner div { min-width:0; flex:1; }
.paypal-merchant-banner strong { color:#17233a; font-size:15px; }
.paypal-merchant-banner p { margin:4px 0 0; color:#71809a; font-size:13px; line-height:1.5; }
.paypal-merchant-banner b { padding:7px 11px; border-radius:999px; color:#376079; background:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.paypal-settings-grid { grid-template-columns:minmax(180px,.55fr) minmax(260px,1fr); }
.paypal-settings-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:18px; }
.paypal-vault-checklist { display:flex; flex-wrap:wrap; align-items:center; gap:9px 18px; margin-top:18px; padding:14px 16px; border:1px solid #dce8f4; border-radius:14px; color:#607087; background:#f7fbff; }
.paypal-vault-checklist strong { color:#26364f; font-size:12px; }
.paypal-vault-checklist strong i { margin-right:6px; color:#0877d1; }
.paypal-vault-checklist span { display:inline-flex; align-items:center; gap:6px; font-size:11px; }
.paypal-vault-checklist span i { color:#1a9b70; }
.paypal-vault-notice { display:flex; align-items:flex-start; gap:11px; max-width:690px; color:#53627a; }
.paypal-vault-notice i { margin-top:2px; color:#0877d1; }
.paypal-vault-notice p { margin:0; font-size:12px; line-height:1.55; }
.paypal-payment-state { min-height:108px; }
.paypal-button-container { max-width:520px; margin:20px auto 4px; position:relative; z-index:0; }
.paypal-connect-intro,.paypal-unavailable { display:flex; align-items:center; gap:16px; padding:20px; border:1px solid #e3e9f2; border-radius:16px; background:#f8fafc; }
.paypal-connect-intro > span,.paypal-unavailable > span { display:grid; place-items:center; width:48px; height:48px; flex:0 0 48px; border-radius:15px; color:#0877d1; background:#eaf6ff; font-size:23px; }
.paypal-connect-intro strong,.paypal-unavailable strong { color:#1c2940; font-size:15px; }
.paypal-connect-intro p,.paypal-unavailable p { margin:5px 0 0; color:#71809a; font-size:13px; line-height:1.5; }
.paypal-connected-card { display:grid; grid-template-columns:auto minmax(160px,1fr) minmax(260px,1.45fr) auto; align-items:center; gap:18px; padding:20px; border:1px solid #cce8dc; border-radius:18px; background:linear-gradient(135deg,#fbfefd,#f1fbf6); }
.paypal-connected-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; color:#0877d1; background:#fff; box-shadow:0 7px 22px rgba(17,70,105,.11); font-size:25px; }
.paypal-connected-copy h4 { margin:7px 0 2px; color:#17233a; font-size:16px; }
.paypal-connected-copy p { margin:0; color:#7a879b; font-size:12px; }
.paypal-status-pill { display:inline-flex; align-items:center; gap:5px; color:#16815b; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.paypal-auto-toggle { display:flex; align-items:center; gap:12px; cursor:pointer; }
.paypal-auto-toggle input { position:absolute; opacity:0; pointer-events:none; }
.paypal-auto-toggle > span { position:relative; width:43px; height:24px; flex:0 0 43px; border-radius:999px; background:#ced6e2; transition:.2s; }
.paypal-auto-toggle > span::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 2px 7px rgba(26,38,59,.2); transition:.2s; }
.paypal-auto-toggle input:checked + span { background:#1aaa74; }
.paypal-auto-toggle input:checked + span::after { transform:translateX(19px); }
.paypal-auto-toggle strong { display:block; color:#253249; font-size:13px; }
.paypal-auto-toggle small { display:block; margin-top:3px; color:#7a879b; line-height:1.4; }
.paypal-consent-note { display:flex; align-items:flex-start; gap:11px; margin-top:22px; padding-top:18px; border-top:1px solid #e9edf3; color:#758197; }
.paypal-consent-note i { margin-top:3px; color:#1aaa74; }
.paypal-consent-note p { margin:0; font-size:12px; line-height:1.55; }
.button-danger-outline { color:#b43c4a; border:1px solid #f0cbd0; background:#fff; }
.button-danger-outline:hover { background:#fff4f5; }
.invoice-pay-button { width:34px; height:34px; min-height:34px; flex:0 0 34px; padding:0; justify-content:center; border-color:#b9daf4; color:#0869b2; background:#f2f9ff; }
.invoice-pay-button:hover { border-color:#73b8e9; background:#e8f5ff; transform:translateY(-1px); }
.invoice-pay-button i { font-size:15px; }
.invoice-credit-button { width:34px; height:34px; flex:0 0 34px; color:#16825d; border-color:#bde7d4; background:#eefbf5; }
.invoice-credit-button:hover { color:#0d6b4b; border-color:#7ed0ad; background:#e3f8ee; transform:translateY(-1px); }
.invoice-open-amount { display:block; margin-top:3px; color:#b26a15; font-size:9px; font-weight:700; white-space:nowrap; }
.payment-settings-stack { display:grid; gap:22px; }
.credit-account-card { overflow:hidden; border:1px solid #d9e9e1; border-radius:18px; background:linear-gradient(145deg,#f1fbf6,#fff); }
.credit-account-balance { display:flex; align-items:center; gap:16px; padding:20px; }
.credit-account-balance > span { display:grid; place-items:center; width:50px; height:50px; flex:0 0 50px; border-radius:16px; color:#14815c; background:#dcf5e9; font-size:20px; }
.credit-account-balance div { display:grid; gap:3px; }
.credit-account-balance small { color:#758396; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.credit-account-balance strong { color:#15253b; font-size:25px; }
.credit-account-balance p,.payment-provider-heading p { margin:0; color:#718096; font-size:11px; line-height:1.55; }
.credit-entry-list { display:grid; }
.credit-account-card > .credit-entry-list { border-top:1px solid #e2eee8; background:rgba(255,255,255,.7); }
.credit-entry { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:58px; padding:10px 16px; border-bottom:1px solid #edf1ef; }
.credit-entry:last-child { border-bottom:0; }
.credit-entry-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; font-size:10px; }
.credit-entry-icon.positive { color:#13805a; background:#e5f8ef; }
.credit-entry-icon.negative { color:#536176; background:#edf1f6; }
.credit-entry div { display:grid; gap:3px; min-width:0; }
.credit-entry strong { color:#263449; font-size:11px; }
.credit-entry small { overflow:hidden; color:#8490a1; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.credit-entry > b { font-size:11px; white-space:nowrap; }
.credit-entry > b.positive { color:#13805a; }
.credit-entry > b.negative { color:#536176; }
.payment-provider-heading { display:flex; align-items:center; gap:13px; padding-top:5px; border-top:1px solid #e8edf3; }
.payment-provider-heading > span { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#0877d1; background:#eaf6ff; font-size:19px; }
.payment-provider-heading > div { display:grid; gap:2px; }
.payment-provider-heading strong { color:#1c2940; font-size:14px; }
.customer-credit-section .customer-credit-total { color:#16825d; font-size:20px; }
.customer-credit-body { display:flex; min-height:0; flex:1; flex-direction:column; padding:0; }
.customer-credit-body > .button { margin-bottom:2px; }
.customer-credit-section .credit-entry-list { flex:1; padding:8px 4px; }
.customer-credit-actions { display:flex; align-items:stretch; justify-content:flex-end; gap:8px; margin-top:auto; padding:14px 20px 18px; border-top:1px solid #edf0f4; }
.customer-credit-actions .button { justify-content:center; white-space:nowrap; }
.credit-adjustment-card { width:min(590px,calc(100vw - 30px)); }
.credit-modal-icon { color:#16825d; background:#e5f8ef; }
.credit-current-balance { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; padding:14px 16px; border:1px solid #dfe9e4; border-radius:14px; background:#f5faf7; }
.credit-current-balance span { color:#6f7d8e; font-size:11px; }
.credit-current-balance strong { color:#16825d; font-size:18px; }
.sidebar-credit-card { display:grid; width:100%; min-height:48px; grid-template-columns:31px minmax(0,1fr) auto; align-items:center; gap:8px; padding:7px 9px; border:1px solid rgba(52,211,153,.2); border-radius:12px; background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(255,255,255,.035)); color:#a7f3d0; cursor:pointer; text-align:left; transition:160ms ease; }
.sidebar-credit-card[hidden] { display:none; }
.sidebar-credit-card:hover { border-color:rgba(52,211,153,.4); background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(255,255,255,.06)); transform:translateY(-1px); }
.sidebar-credit-card > span:first-child { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:rgba(52,211,153,.13); font-size:11px; }
.sidebar-credit-card > span:nth-child(2) { display:grid; min-width:0; gap:2px; }
.sidebar-credit-card small { color:#7f9f98; font-size:7px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.sidebar-credit-card strong { overflow:hidden; color:#e8fff5; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-credit-card.is-loading strong { color:#9dbab2; font-size:10px; font-weight:650; }
.sidebar-credit-card > i { color:#6b8e87; font-size:8px; }
.sidebar-account-panel { display:grid; gap:5px; padding:7px; border:1px solid rgba(255,255,255,.085); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow:0 10px 26px rgba(0,0,0,.12); backdrop-filter:blur(12px); }
.sidebar-account-identity { display:grid; min-width:0; grid-template-columns:40px minmax(0,1fr) 34px; align-items:center; gap:10px; padding:7px; }
.sidebar-account-avatar { position:relative; display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(165,180,252,.16); border-radius:12px; background:linear-gradient(145deg,rgba(99,102,241,.34),rgba(79,70,229,.16)); color:#eef2ff; font-size:12px; font-weight:850; letter-spacing:.03em; }
.sidebar-account-avatar .status-dot { position:absolute; z-index:3; right:-2px; bottom:-2px; width:8px; height:8px; border:2px solid #141e30; box-shadow:0 0 0 3px rgba(57,217,138,.1),0 0 10px rgba(57,217,138,.55); }
.sidebar-account-copy { display:grid; min-width:0; gap:2px; }
.sidebar-account-panel .workspace-status { display:block; overflow:hidden; margin:0; color:#7f8da3; font-size:8px; letter-spacing:.075em; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-account-panel .workspace-name { display:block; overflow:hidden; margin:0; color:#f4f7fb; font-size:12px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-account-panel .workspace-role { display:block; overflow:hidden; margin:0; color:#8e9bae; font-size:9px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.notification-bell-account { position:relative; display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(255,255,255,.045); color:#b9c4d5; cursor:pointer; font-size:12px; transition:160ms ease; }
.notification-bell-account:hover,.notification-bell-account[aria-expanded="true"] { border-color:rgba(129,140,248,.38); background:rgba(99,102,241,.16); color:#fff; }
.sidebar-account-panel .sidebar-credit-card { min-height:47px; grid-template-columns:32px minmax(0,1fr) auto; gap:9px; margin:0; padding:7px 9px; border-color:rgba(52,211,153,.17); border-radius:11px; background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(16,185,129,.035)); }
.sidebar-account-panel .sidebar-credit-card > span:first-child { width:32px; height:32px; border-radius:9px; font-size:12px; }
.sidebar-account-panel .sidebar-credit-card small { font-size:8px; }
.sidebar-account-panel .sidebar-credit-card strong { font-size:14px; }
.sidebar-account-actions { display:flex; min-width:0; align-items:center; gap:8px; margin-top:1px; padding:3px 7px 2px; border-top:1px solid rgba(255,255,255,.065); }
.sidebar-account-panel .logout-button { width:auto; min-width:0; min-height:32px; flex:1; justify-content:flex-start; gap:8px; margin:0; padding:7px 2px; border:0; border-radius:8px; background:transparent; color:#8f9caf; font-size:10px; }
.sidebar-account-panel .logout-button:hover { border-color:rgba(255,105,120,.14); background:rgba(207,58,79,.07); color:#ff9aa8; }
.theme-switch-sidebar { display:grid; width:42px; height:24px; flex:0 0 42px; place-items:center; border:0; padding:0; background:transparent; cursor:pointer; }
.theme-switch-track { position:relative; display:block; width:38px; height:20px; border:1px solid rgba(148,163,184,.22); border-radius:999px; background:#263247; box-shadow:inset 0 1px 3px rgba(0,0,0,.24); transition:background 180ms ease,border-color 180ms ease; }
.theme-switch-thumb { position:absolute; top:2px; left:2px; display:grid; width:14px; height:14px; place-items:center; border-radius:50%; background:#a9b5c8; color:#263247; font-size:7px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:transform 180ms ease,background 180ms ease,color 180ms ease; }
.theme-switch-sidebar[aria-checked="true"] .theme-switch-track { border-color:rgba(129,140,248,.48); background:#4f46e5; }
.theme-switch-sidebar[aria-checked="true"] .theme-switch-thumb { transform:translateX(18px); background:#eef2ff; color:#4f46e5; }
.theme-switch-sidebar:hover .theme-switch-track { border-color:rgba(165,180,252,.58); }
.theme-switch-sidebar:focus-visible { outline:3px solid rgba(129,140,248,.28); outline-offset:2px; border-radius:999px; }

.account-overview-grid strong.status-loading {
  opacity: .55;
}
.credit-heading-icon { color:#14815c; background:#e5f8ef; }
.account-credit-page { display:grid; gap:18px; }
.credit-account-card-large .credit-account-balance { min-height:128px; padding:25px; }
.credit-account-card-large .credit-account-balance > span { width:58px; height:58px; flex-basis:58px; border-radius:18px; font-size:23px; }
.credit-account-card-large .credit-account-balance strong { font-size:31px; letter-spacing:-.035em; }
.credit-account-card-large .credit-account-balance > .button { margin-left:auto; flex:0 0 auto; }
.account-credit-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.account-credit-stats article { display:grid; gap:6px; padding:16px 17px; border:1px solid #e4e9ef; border-radius:15px; background:#fbfcfd; }
.account-credit-stats span { color:#8490a1; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.account-credit-stats strong { color:#263449; font-size:17px; }
.account-credit-history { overflow:hidden; border:1px solid #e2e7ed; border-radius:17px; background:#fff; }
.account-credit-history-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 18px; border-bottom:1px solid #e9edf2; background:#fbfcfd; }
.account-credit-history-head div { display:grid; gap:3px; }
.account-credit-history-head small { color:#16825d; font-size:8px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.account-credit-history-head h4 { margin:0; color:#263449; font-size:15px; }
.account-credit-history-head > span { color:#98a2b3; font-size:9px; }
.account-credit-history .credit-entry { min-height:64px; padding-inline:18px; }
.credit-security-note { margin-top:0; }
.credit-topup-card { width:min(620px,calc(100vw - 30px)); }
.credit-topup-body { display:grid; gap:18px; }
.credit-topup-body form { display:grid; gap:17px; }
.credit-amount-input { position:relative; }
.credit-amount-input input { height:58px; padding-right:64px; font-size:21px; font-weight:800; }
.credit-amount-input > span { position:absolute; top:50%; right:17px; color:#788598; font-size:11px; font-weight:850; transform:translateY(-50%); }
.credit-quick-amounts { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.credit-quick-amounts button { min-height:38px; border:1px solid #dfe5ec; border-radius:11px; background:#f8fafc; color:#536176; font:750 10px inherit; cursor:pointer; }
.credit-quick-amounts button:hover,.credit-quick-amounts button.active { border-color:#8dd6b8; background:#ebfaf3; color:#117a56; }
.credit-method-label { margin-top:4px; }
.credit-payment-method { display:grid; grid-template-columns:20px 42px minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px 15px; border:1px solid #b9d9f1; border-radius:15px; background:#f4faff; cursor:pointer; }
.credit-payment-method input { width:16px; height:16px; accent-color:#0877d1; }
.credit-payment-method > span { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; color:#0877d1; background:#e1f2ff; font-size:20px; }
.credit-payment-method > div { display:grid; gap:3px; }
.credit-payment-method strong { color:#263449; font-size:12px; }
.credit-payment-method small { color:#7c899a; font-size:9px; }
.credit-payment-method > i { color:#16825d; }
.credit-topup-continue { width:100%; min-height:47px; justify-content:center; }
.credit-topup-terms-confirm { display:grid; grid-template-columns:18px minmax(0,1fr); align-items:start; gap:10px; padding:9px 4px 9px 13px; border-left:3px solid #3157e8; color:#66748a; font-size:10px; line-height:1.5; }
.credit-topup-terms-confirm input { width:16px; height:16px; margin:0; accent-color:#3157e8; cursor:pointer; }
.credit-topup-terms-confirm label { cursor:pointer; }
.credit-topup-terms-confirm a { color:#3157e8; font-weight:800; text-decoration:none; }
.credit-topup-terms-confirm a:hover { text-decoration:underline; }
.credit-topup-checkout { display:grid; gap:16px; }
.credit-topup-back { justify-self:start; padding:0; border:0; background:none; color:#65748a; font:750 10px inherit; cursor:pointer; }
.credit-topup-back:hover { color:#3157e8; }
.credit-topup-review { display:grid; justify-items:center; gap:5px; padding:18px; border:1px solid #dce9e3; border-radius:16px; background:linear-gradient(145deg,#effaf4,#fff); }
.credit-topup-review span { color:#748396; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.credit-topup-review strong { color:#16825d; font-size:28px; letter-spacing:-.035em; }
.credit-topup-review small { color:#8490a1; font-size:9px; }
@media (max-width:620px) { .account-credit-stats { grid-template-columns:1fr; } .credit-account-card-large .credit-account-balance { align-items:flex-start; flex-wrap:wrap; } .credit-account-card-large .credit-account-balance strong { font-size:25px; } .credit-account-card-large .credit-account-balance > .button { width:100%; margin:8px 0 0; justify-content:center; } .credit-quick-amounts { grid-template-columns:1fr 1fr; } }
@media (max-width:900px) { .customer-credit-body > .button { width:100%; justify-content:center; } }
@media (max-width:620px) { .customer-credit-actions { flex-direction:column; } .customer-credit-actions .button { width:100%; } }
.invoice-payment-card { width:min(610px,calc(100vw - 30px)); }
.paypal-modal-icon { color:#0877d1; background:#edf7ff; }
.invoice-payment-body { display:grid; gap:18px; }
.invoice-payment-summary { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:16px; border:1px solid #e2e8f1; border-radius:15px; background:#f8fafc; }
.invoice-payment-summary span { display:grid; gap:4px; }
.invoice-payment-summary span + span { padding-left:16px; border-left:1px solid #e1e6ee; text-align:right; }
.invoice-payment-summary small { color:#7a879b; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.invoice-payment-summary strong { color:#19263c; font-size:18px; }
.invoice-payment-state { display:flex; align-items:center; justify-content:center; gap:10px; min-height:62px; color:#607087; font-size:13px; }
.invoice-payment-state i { color:#0877d1; }
.invoice-payment-modal-icon { color:#3157d8; background:#eef2ff; }
.invoice-payment-methods { display:grid; gap:12px; }
.invoice-payment-method { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; width:100%; padding:16px; border:1px solid #dfe6ef; border-radius:16px; color:#243249; background:#fff; text-align:left; cursor:pointer; transition:160ms ease; }
.invoice-payment-method:hover:not(:disabled) { border-color:#9fb2ed; background:#f7f9ff; box-shadow:0 8px 22px rgba(40,57,105,.08); transform:translateY(-1px); }
.invoice-payment-method:disabled { color:#8994a5; background:#f7f8fa; cursor:not-allowed; opacity:.72; }
.invoice-payment-method > span:nth-child(2) { display:grid; gap:4px; min-width:0; }
.invoice-payment-method strong { font-size:14px; }
.invoice-payment-method small { color:#748195; font-size:11px; line-height:1.4; }
.invoice-payment-method > .fa-chevron-right { color:#9aa6b7; font-size:11px; }
.invoice-payment-method-icon { display:grid; place-items:center; width:45px; height:45px; border-radius:14px; font-size:20px; }
.invoice-payment-method-icon.credit { color:#16825d; background:#eaf9f2; }
.invoice-payment-method-icon.paypal { color:#0877d1; background:#edf7ff; }
.invoice-payment-back { display:inline-flex; align-items:center; gap:7px; margin:0 0 6px; padding:0; border:0; color:#52647d; background:transparent; font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.invoice-payment-back:hover { color:#3157d8; }

.notification-preferences-page { display:grid; gap:16px; }
.notification-preferences-intro { display:flex; align-items:flex-start; gap:11px; padding:13px 15px; border:1px solid #dbe7f5; border-radius:14px; background:#f5f9ff; color:#53657d; font-size:11px; line-height:1.55; }
.notification-preferences-intro i { margin-top:2px; color:#4f70d9; }
.notification-preferences-intro p { margin:0; }
.notification-preferences-head { display:grid; grid-template-columns:minmax(220px,1fr) 145px 100px; gap:12px; padding:0 15px; color:#8591a3; font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.notification-preferences-head span:not(:first-child) { text-align:center; }
.notification-preferences-list { display:grid; gap:14px; }
.notification-preference-group { display:grid; overflow:hidden; border:1px solid #e1e7ef; border-radius:16px; background:#fff; }
.notification-preference-group h4 { margin:0; padding:11px 15px; border-bottom:1px solid #e7ebf1; background:#f8fafc; color:#344054; font-size:11px; }
.notification-preference-row { display:grid; grid-template-columns:minmax(220px,1fr) 145px 100px; align-items:center; gap:12px; min-height:67px; padding:11px 15px; border-bottom:1px solid #edf1f5; }
.notification-preference-row:last-child { border-bottom:0; }
.notification-preference-copy { display:grid; gap:3px; }
.notification-preference-copy strong { color:#273449; font-size:12px; }
.notification-preference-copy small { color:#8490a1; font-size:10px; line-height:1.45; }
.notification-channel-toggle { display:flex; justify-content:center; }
.notification-channel-toggle input { position:absolute; opacity:0; pointer-events:none; }
.notification-channel-toggle span { position:relative; width:38px; height:22px; border-radius:999px; background:#d9e0e9; cursor:pointer; transition:160ms ease; }
.notification-channel-toggle span::after { position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(15,23,42,.2); content:''; transition:160ms ease; }
.notification-channel-toggle input:checked + span { background:#4f63df; }
.notification-channel-toggle input:checked + span::after { transform:translateX(16px); }
.notification-channel-toggle input:focus-visible + span { outline:3px solid rgba(79,99,223,.18); outline-offset:2px; }

@media (max-width:700px) {
  .customer-record-hosting-card { grid-template-columns:1fr; }
  .customer-record-hosting-card.has-retention { grid-template-columns:1fr; }
  .customer-record-hosting-icon { display:none; }
  .customer-record-hosting-copy { padding-left:15px; }
  .customer-retention-panel { grid-column:1; }
  .customer-retention-panel > div:last-child { grid-template-columns:1fr; }
  .customer-record-hosting-actions { grid-column:1; align-items:stretch; flex-direction:column; }
  .customer-record-hosting-actions .button { width:100%; justify-content:center; }
  .customer-record-hosting-actions .button-danger { margin-left:0; }
  .notification-preferences-head { grid-template-columns:minmax(0,1fr) 70px 60px; padding-inline:10px; }
  .notification-preferences-head span:not(:first-child) { font-size:0; }
  .notification-preferences-head span:not(:first-child) i { font-size:11px; }
  .notification-preference-row { grid-template-columns:minmax(0,1fr) 70px 60px; padding-inline:10px; }
}
.expense-invoice-reference { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; border-radius:9px; color:#3755c7; background:#f0f3ff; font-size:11px; font-weight:800; white-space:nowrap; }
.invoice-paypal-button { position:relative; z-index:0; min-height:45px; }
@media (max-width:520px) {
  .invoice-payment-summary { grid-template-columns:1fr; }
  .invoice-payment-summary span + span { padding:12px 0 0; border-top:1px solid #e1e6ee; border-left:0; text-align:left; }
}
@media (max-width:900px) {
  .paypal-connected-card { grid-template-columns:auto 1fr; }
  .paypal-auto-toggle,.paypal-connected-card .button { grid-column:1/-1; }
  .paypal-settings-actions { align-items:stretch; flex-direction:column; }
  .paypal-settings-actions .button { align-self:flex-start; }
}
@media (max-width:600px) {
  .paypal-merchant-banner { align-items:flex-start; margin:16px; padding:16px; }
  .paypal-merchant-banner b { display:none; }
  .paypal-settings-grid { grid-template-columns:1fr; }
  .paypal-connected-card { grid-template-columns:1fr; }
  .paypal-connected-icon { width:46px; height:46px; }
  .paypal-auto-toggle,.paypal-connected-card .button { grid-column:auto; }
}

/* Existing user to customer assignment */
.customer-account-link-card { width:min(680px,calc(100vw - 30px)); }
.customer-account-link-body { display:grid; gap:18px; }
.customer-link-search { position:relative; }
.customer-link-search > i { position:absolute; top:50%; left:15px; z-index:1; color:#8a96aa; transform:translateY(-50%); }
.customer-link-search .form-control { padding-left:42px; }
.customer-link-user-list { display:grid; gap:9px; max-height:345px; overflow:auto; padding:2px; }
.customer-link-user { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:center; gap:13px; padding:14px 15px; border:1px solid #e2e7ef; border-radius:15px; background:#fff; cursor:pointer; transition:border-color .18s,box-shadow .18s,background .18s; }
.customer-link-user:hover { border-color:#c9d4e5; background:#fbfcfe; }
.customer-link-user:has(input:checked) { border-color:#7692f4; background:#f6f8ff; box-shadow:0 0 0 3px rgba(72,98,232,.08); }
.customer-link-user > input { width:17px; height:17px; accent-color:#4c63e8; }
.customer-link-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#4058d7; background:#edf0ff; font-size:12px; font-weight:800; }
.customer-link-user-copy { min-width:0; }
.customer-link-user-copy > strong { display:block; color:#1d2a40; font-size:14px; }
.customer-link-user-copy > small { display:block; overflow:hidden; margin-top:3px; color:#758197; text-overflow:ellipsis; white-space:nowrap; }
.customer-link-user-copy > span { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
.customer-link-user-copy b { padding:3px 7px; border-radius:999px; color:#58677f; background:#eef1f6; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.customer-link-check { color:#4c63e8; opacity:0; transform:scale(.7); transition:.18s; }
.customer-link-user:has(input:checked) .customer-link-check { opacity:1; transform:scale(1); }
.customer-link-empty { display:grid; place-items:center; min-height:170px; padding:25px; border:1px dashed #dce2eb; border-radius:15px; color:#7c899e; text-align:center; }
.customer-link-empty > i { margin-bottom:10px; color:#9ba7ba; font-size:23px; }
.customer-link-empty strong { color:#4a586e; font-size:14px; }
.customer-link-empty p { margin:5px 0 0; font-size:12px; }
.customer-link-preserve-note { display:flex; align-items:flex-start; gap:10px; padding:13px 15px; border-radius:13px; color:#53677a; background:#f2f8f6; }
.customer-link-preserve-note i { margin-top:2px; color:#1a9b70; }
.customer-link-preserve-note p { margin:0; font-size:12px; line-height:1.5; }
@media (max-width:540px) {
  .customer-link-user { grid-template-columns:auto minmax(0,1fr) auto; }
  .customer-link-user > input { position:absolute; opacity:0; }
}
/* Chronological, internal notes in the customer record. */
.customer-note-form { margin:10px 16px 4px; padding:12px; border:1px solid #dfe6ef; border-radius:13px; background:#f8fafc; }
.customer-note-form > label { display:block; margin-bottom:8px; color:#667085; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.customer-note-form textarea { min-height:76px; resize:vertical; background:#fff; }
.customer-note-form > div { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:8px; }
.customer-note-form > div > span { color:#7b8799; font-size:11px; font-weight:700; }
.customer-note-form > div > div { display:flex; gap:8px; }
.customer-note-list { display:grid; max-height:430px; flex:1; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:8px; overflow-y:auto; padding:10px; background:#f7f9fc; }
.customer-note-card { min-width:0; padding:10px 12px; border:1px solid #e5eaf1; border-radius:12px; background:#fff; box-shadow:none; transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease; }
.customer-note-card:hover { border-color:#ccd6e5; box-shadow:0 6px 15px rgba(15,23,42,.055); transform:translateY(-1px); }
.customer-note-card:only-child { grid-column:1/-1; }
.customer-note-card header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.customer-note-author { display:flex; min-width:0; align-items:center; gap:10px; color:#344054; font-size:10px; }
.customer-note-author > i { display:grid; width:36px; height:36px; flex:0 0 auto; place-items:center; border-radius:11px; background:#edf1ff; color:#5062dc; font-size:11px; }
.customer-note-author strong { overflow:hidden; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.customer-note-time { display:flex; flex:0 0 auto; align-items:center; gap:7px; color:#8994a5; font-size:9px; }
.customer-note-time small { padding:3px 6px; border-radius:999px; background:#f2f4f7; color:#667085; font-size:8px; font-weight:750; text-transform:uppercase; }
.customer-note-card > p { display:-webkit-box; margin:0 0 0 46px; overflow:hidden; color:#596579; font-size:10px; line-height:1.55; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.customer-note-card.expanded > p { display:block; overflow:visible; }
.customer-note-card footer { display:flex; justify-content:flex-end; gap:4px; margin:8px 0 0 46px; padding-top:7px; border-top:1px solid #edf0f4; }
.customer-note-card footer .text-button { padding:6px 8px; border:0; border-radius:8px; background:transparent; color:#596579; cursor:pointer; font:inherit; font-size:10px; font-weight:750; }
.customer-note-card footer .text-button:hover { background:#f2f4f7; color:#344054; }
.customer-note-card footer .text-button-danger { color:#c2415b; }
.customer-note-card footer .text-button-danger:hover { background:#fff1f3; color:#a81131; }
.customer-note-add-trigger { display:inline-flex; align-items:center; gap:6px; min-height:31px; padding:0 10px; border:1px solid #d9e1ed; border-radius:10px; background:#fff; color:#4355d8; cursor:pointer; font:inherit; }
.customer-note-add-trigger b { display:grid; min-width:18px; height:18px; place-items:center; border-radius:6px; background:#eef2ff; font-size:9px; }
.customer-note-add-trigger i { font-size:9px; }
.customer-note-add-trigger em { font-size:10px; font-style:normal; font-weight:800; }
.customer-note-add-trigger:hover { border-color:#bdc9e4; background:#f8faff; }
.customer-note-expand { margin:6px 0 0 46px; padding:0; border:0; background:transparent; color:#5268d7; cursor:pointer; font:inherit; font-size:9px; font-weight:750; }
.customer-note-list-toggle { display:flex; align-items:center; justify-content:center; gap:7px; width:calc(100% - 32px); min-height:32px; margin:-5px 16px 13px; border:1px solid #e1e6ed; border-radius:10px; background:#fafbfc; color:#596579; cursor:pointer; font:inherit; font-size:10px; font-weight:750; }
.customer-note-list-toggle:hover { border-color:#ccd5e1; background:#f4f6f9; color:#344054; }
.customer-note-loading,.customer-note-list > .customer-detail-empty { grid-column:1/-1; }
.customer-note-list > .customer-detail-empty { min-height:150px; border:1px dashed #dce2eb; border-radius:12px; background:#fff; }
.customer-note-loading { display:flex; align-items:center; justify-content:center; gap:9px; min-height:58px; color:#7b8799; font-size:11px; font-weight:700; }
@media (max-width:1100px) {
  .customer-note-list { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .customer-note-form { margin:10px 14px 4px; }
  .customer-note-form > div,.customer-note-card header { align-items:flex-start; flex-direction:column; }
  .customer-note-form > div > div,.customer-note-form > div > div .button { width:100%; }
  .customer-note-list { padding:8px 14px 12px; }
  .customer-note-card > p,.customer-note-card footer,.customer-note-expand { margin-left:0; }
}

/* Screenreader-only content remains available without affecting layout. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.credential-rules{width:100%;margin-top:8px;font-size:10px}
.credential-rules-wide{grid-column:1/-1}
.credential-field-status{display:flex;align-items:flex-start;gap:8px;min-height:30px;padding:8px 10px;border:1px solid #e4e8ef;border-radius:9px;background:#fafbfc;color:#68758a;line-height:1.35}
.credential-field-status>i{margin-top:1px;color:#98a2b3;font-size:11px}
.credential-field-status span,.credential-field-status strong,.credential-field-status small{display:block}
.credential-field-status strong{font-size:10px;font-weight:750}
.credential-field-status small{margin-top:1px;color:#8893a5;font-size:9px;font-weight:600}
.credential-rules.is-valid .credential-field-status{border-color:#cfe8da;background:#f5fbf7;color:#167c51}
.credential-rules.is-valid .credential-field-status>i{color:#16935c}
.credential-rules.is-invalid .credential-field-status{border-color:#efcfd5;background:#fff7f8;color:#ad2944}
.credential-rules.is-invalid .credential-field-status>i{color:#cf3655}
.credential-rules-password{padding:11px 12px;border:1px solid #e3e8f0;border-radius:11px;background:#fafbfc}
.credential-rules-password.is-idle{padding:0;border:0;background:transparent}
.credential-password-idle{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px dashed #dfe4eb;border-radius:9px;background:#fbfcfd;color:#768297}
.credential-password-idle>i{margin-top:2px;color:#98a2b3;font-size:10px}
.credential-password-idle span,.credential-password-idle strong,.credential-password-idle small{display:block}
.credential-password-idle strong{font-size:10px}
.credential-password-idle small{margin-top:1px;color:#929cad;font-size:9px;font-weight:600}
.credential-quality-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#69758a}
.credential-quality-head span{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.credential-quality-head strong{color:#4a566a;font-size:10px}
.credential-quality-track{height:4px;overflow:hidden;border-radius:999px;background:#e8ecf2}
.credential-quality-track i{display:block;height:100%;border-radius:inherit;background:#d7dde6;transition:width .2s ease,background-color .2s ease}
.credential-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:9px}
.credential-rule-list span{display:flex;align-items:center;gap:6px;min-width:0;color:#7b8799;font-size:9px;font-weight:650;line-height:1.25}
.credential-rule-list span i{display:grid;width:14px;height:14px;place-items:center;flex:0 0 14px;border-radius:50%;background:#e9edf3;color:#9ba5b4;font-size:6px}
.credential-rule-list span.valid{color:#287657}
.credential-rule-list span.valid i{background:#dff3e8;color:#158653}
.credential-rule-list span.invalid{color:#a63c52}
.credential-rule-list span.invalid i{background:#f9e2e6;color:#c5314f}
.credential-rules-password.is-invalid .credential-quality-track i{background:#df536b}
.credential-rules-password.is-valid .credential-quality-track i{background:#25a66a}
.credential-rules-password.is-valid{border-color:#d3e9dc;background:#f7fbf8}
.credential-rules-password.is-invalid{border-color:#eed3d8;background:#fffafb}
@media(max-width:520px){.credential-rule-list{grid-template-columns:1fr}}
/* System backups */
.backup-heading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.backup-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}
.backup-summary-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.045)}
.backup-summary-card .backup-summary-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#eef2ff;color:#3f51dc;font-size:18px}
.backup-summary-card small{display:block;margin-bottom:5px;color:#7b879d;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.backup-summary-card strong{display:block;color:#172033;font-size:18px;line-height:1.3}
.backup-summary-card p{margin:5px 0 0;color:#7b879d;font-size:12px;line-height:1.5}
.backup-summary-primary{background:linear-gradient(135deg,#3448dc,#526bf0);border-color:transparent;color:#fff}
.backup-summary-primary .backup-summary-icon{background:rgba(255,255,255,.16);color:#fff}
.backup-summary-primary small,.backup-summary-primary strong,.backup-summary-primary p{color:#fff}
.backup-summary-primary p{opacity:.78}
.backup-security-note{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px;padding:16px 18px;border:1px solid #dbe4ff;border-radius:16px;background:#f6f8ff;color:#334155}
.backup-security-note>i{margin-top:2px;color:#4361ee}
.backup-security-note strong{display:block;color:#1e293b;font-size:13px}
.backup-security-note p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.55}
.backup-panel{overflow:hidden}
.backup-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 15px;border-bottom:1px solid #edf0f5}
.backup-panel-heading h3{margin:0;color:#172033;font-size:16px}
.backup-panel-heading p{margin:4px 0 0;color:#8a95a8;font-size:12px}
.backup-list{display:grid}
.backup-entry{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid #edf0f5}
.backup-entry:last-child{border-bottom:0}
.backup-entry-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eef2ff;color:#4054df;font-size:18px}
.backup-entry-main{min-width:0}
.backup-entry-main>strong{display:block;overflow:hidden;color:#1e293b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.backup-entry-main p{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 4px;color:#6f7b90;font-size:11px}
.backup-entry-main p i{margin-right:4px;color:#9aa6ba}
.backup-entry-main small{color:#94a0b3;font-size:10px}
.backup-entry-main code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.backup-entry-stats{display:flex;align-items:center;gap:18px;padding:0 14px;border-left:1px solid #edf0f5;border-right:1px solid #edf0f5}
.backup-entry-stats span{display:grid;gap:2px;color:#8a95a8;font-size:10px;text-align:center;white-space:nowrap}
.backup-entry-stats strong{color:#334155;font-size:12px}
.backup-entry-actions{display:flex;align-items:center;gap:8px}
.backup-empty{display:grid;justify-items:center;padding:50px 24px;text-align:center}
.backup-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border-radius:18px;background:#eef2ff;color:#4054df;font-size:22px}
.backup-empty strong{color:#263248;font-size:15px}
.backup-empty p{max-width:520px;margin:7px 0 0;color:#7f8a9e;font-size:12px;line-height:1.6}
@media(max-width:1050px){.backup-overview{grid-template-columns:1fr}.backup-entry{grid-template-columns:auto 1fr auto}.backup-entry-stats{grid-column:2;padding:10px 0 0;border:0;justify-content:flex-start}.backup-entry-actions{grid-column:3;grid-row:1/3}}
@media(max-width:680px){.backup-intro{align-items:stretch}.backup-heading-actions{justify-content:stretch}.backup-heading-actions .button{flex:1}.backup-entry{grid-template-columns:auto 1fr;padding:16px}.backup-entry-stats{grid-column:1/3}.backup-entry-actions{grid-column:1/3;grid-row:auto;justify-content:flex-end}.backup-entry-actions .button{flex:1}.backup-overview{gap:10px}}
.backup-automation-card{margin-bottom:18px;border:1px solid #e1e7f0;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.045);overflow:hidden}
.backup-automation-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #edf0f5}
.backup-automation-card>header h3{margin:7px 0 4px;color:#172033;font-size:18px}
.backup-automation-card>header p{margin:0;color:#7b879d;font-size:12px}
.backup-automation-badge{display:inline-flex;align-items:center;gap:7px;color:#4054df;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.backup-settings-grid{display:grid;grid-template-columns:1fr 1fr}
.backup-settings-column{padding:23px 24px}
.backup-settings-column+ .backup-settings-column{border-left:1px solid #edf0f5}
.backup-settings-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.backup-settings-heading>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef2ff;color:#4054df}
.backup-settings-heading strong,.backup-settings-heading small{display:block}.backup-settings-heading strong{color:#253147;font-size:14px}.backup-settings-heading small{margin-top:2px;color:#8b96a9;font-size:11px}
.backup-toggle{margin-bottom:17px}
.backup-next-run,.backup-remote-status{display:flex;align-items:center;gap:11px;margin-top:14px;padding:13px 14px;border:1px solid #e5eaf2;border-radius:13px;background:#fafbfc;color:#64748b}
.backup-next-run>i,.backup-remote-status>i{color:#6377e8}
.backup-next-run small,.backup-next-run strong,.backup-remote-status strong,.backup-remote-status small{display:block}.backup-next-run small,.backup-remote-status small{color:#8a95a8;font-size:10px}.backup-next-run strong,.backup-remote-status strong{margin-top:2px;color:#334155;font-size:12px}
.backup-remote-status.ready{border-color:#cdebdc;background:#f4fbf7}.backup-remote-status.ready>i{color:#16935c}
#backupRemoteTest{margin-top:12px;width:100%}
.backup-scheduler-note{display:flex;align-items:flex-start;gap:13px;margin:0 24px;padding:15px 17px;border:1px solid #dfe5f8;border-radius:14px;background:#f7f8fe;color:#53627a}
.backup-scheduler-note>i{margin-top:3px;color:#4054df}.backup-scheduler-note strong,.backup-scheduler-note small{display:block}.backup-scheduler-note strong{color:#28354d;font-size:12px}.backup-scheduler-note code{display:inline-block;margin:6px 0;padding:5px 8px;border-radius:6px;background:#172033;color:#e7edff;font-size:11px}.backup-scheduler-note small{color:#7d899d;font-size:10px}
.backup-settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:18px 24px}
.backup-settings-actions .form-message{margin:0 auto 0 0}
.backup-remote-copy{color:#168657!important}
@media(max-width:900px){.backup-settings-grid{grid-template-columns:1fr}.backup-settings-column+ .backup-settings-column{border-left:0;border-top:1px solid #edf0f5}}
@media(max-width:600px){.backup-automation-card>header{padding:18px}.backup-settings-column{padding:18px}.backup-scheduler-note{margin:0 18px}.backup-settings-actions{align-items:stretch;flex-direction:column;padding:16px 18px}.backup-settings-actions .button{width:100%}}

/* Categorized backup inspection and restore page */
.backup-detail-page{padding-bottom:34px}
.backup-detail-sticky{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;margin:0 0 20px;padding:17px 20px;border:1px solid #e2e8f0;border-radius:17px;background:rgba(248,250,253,.95);box-shadow:0 10px 30px rgba(15,23,42,.06);backdrop-filter:blur(16px)}
.backup-detail-sticky>div{min-width:0}.backup-detail-sticky h2{margin:2px 0 3px;overflow:hidden;color:#172033;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.backup-detail-sticky p{margin:0;color:#7b879d;font-size:11px}
.backup-contents-loading{display:grid;justify-items:center;gap:8px;padding:80px 25px;color:#718096;text-align:center}
.backup-contents-loading i{margin-bottom:8px;color:#4054df;font-size:29px}
.backup-contents-loading strong{color:#263248;font-size:15px}
.backup-contents-loading span{font-size:12px}
#backupContentsBody{padding:0}
.backup-inspection-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px}
.backup-inspection-meta article{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #e5eaf1;border-radius:14px;background:#fbfcfe}
.backup-inspection-meta article>div{min-width:0}
.backup-inspection-meta small,.backup-inspection-meta strong,.backup-inspection-meta article span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.backup-inspection-meta small{margin-bottom:3px;color:#8b96a8;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.backup-inspection-meta strong{color:#263248;font-size:12px}
.backup-inspection-meta article div>span{margin-top:3px;color:#8994a6;font-size:10px}
.backup-inspection-icon{display:grid!important;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#eef2ff;color:#4054df;font-size:15px}
.backup-inspection-valid{background:#e9f8f0;color:#168657}
.backup-exclusion-note,.backup-restore-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px}
.backup-exclusion-note{margin-bottom:20px;border:1px solid #e2e8f0;background:#f8fafc}
.backup-exclusion-note>i{margin-top:2px;color:#64748b}
.backup-exclusion-note strong,.backup-exclusion-note p,.backup-restore-warning strong,.backup-restore-warning p{display:block}
.backup-exclusion-note strong,.backup-restore-warning strong{color:#334155;font-size:12px}
.backup-exclusion-note p,.backup-restore-warning p{margin:3px 0 0;color:#788499;font-size:11px;line-height:1.5}
.backup-restore-mode,.backup-category-section{margin-top:20px}
.backup-restore-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}
.backup-restore-section-heading>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}
.backup-restore-section-heading>div>span{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e9edff;color:#4054df;font-size:11px;font-weight:800}
.backup-restore-section-heading strong{color:#253147;font-size:13px}
.backup-restore-section-heading small{color:#8a95a8;font-size:10px}
.backup-selected-summary{padding:7px 10px;border:1px solid #dfe5ef;border-radius:9px;background:#fafbfc;color:#64748b!important;font-size:10px!important;white-space:nowrap}
.backup-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.backup-mode-options label{cursor:pointer}
.backup-mode-options input{position:absolute;opacity:0;pointer-events:none}
.backup-mode-options label>span{display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:14px 15px;border:1px solid #dfe5ee;border-radius:14px;background:#fff;transition:.16s ease}
.backup-mode-options label i{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f0f3f8;color:#66758b}
.backup-mode-options label strong{color:#2c374a;font-size:12px}
.backup-mode-options label small{margin-top:2px;color:#8994a6;font-size:10px}
.backup-mode-options input:checked+span{border-color:#9eb0ff;background:#f5f7ff;box-shadow:0 0 0 2px rgba(64,84,223,.08)}
.backup-mode-options input:checked+span i{background:#4054df;color:#fff}
.backup-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.backup-category-card{overflow:hidden;border:1px solid #dfe5ed;border-radius:15px;background:#fff;transition:.16s ease}
.backup-category-card.is-selected{border-color:#9aabf7;box-shadow:0 0 0 2px rgba(64,84,223,.07)}
.backup-category-card.is-unavailable{opacity:.55}
.backup-category-select{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;cursor:pointer}
.backup-category-select>input{position:absolute;opacity:0;pointer-events:none}
.backup-category-check{display:grid;place-items:center;width:19px;height:19px;border:1px solid #cbd4e1;border-radius:6px;background:#fff;color:transparent;font-size:9px}
.backup-category-select>input:checked+.backup-category-check{border-color:#4054df;background:#4054df;color:#fff}
.backup-category-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#eef2ff;color:#4054df}
.backup-category-copy{min-width:0}
.backup-category-copy strong,.backup-category-copy small,.backup-category-stats strong,.backup-category-stats small{display:block}
.backup-category-copy strong{color:#263248;font-size:12px}
.backup-category-copy small{margin-top:3px;color:#8994a6;font-size:10px;line-height:1.4}
.backup-category-stats{text-align:right;white-space:nowrap}
.backup-category-stats strong{color:#41506a;font-size:10px}
.backup-category-stats small{margin-top:3px;color:#98a2b3;font-size:9px}
.backup-category-database{grid-column:1/-1}
.backup-database-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid #e8edf3;background:#e8edf3}
.backup-database-groups>div{padding:10px 12px;background:#fafbfc}
.backup-database-groups span,.backup-database-groups strong,.backup-database-groups small{display:block}
.backup-database-groups span{overflow:hidden;color:#68758a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.backup-database-groups strong{margin-top:4px;color:#253147;font-size:12px}
.backup-database-groups small{margin-top:1px;color:#9aa4b4;font-size:8px}
.backup-category-warning{display:flex;align-items:flex-start;gap:7px;margin:0;padding:9px 14px;border-top:1px solid #e8edf3;background:#f8fafc;color:#718096;font-size:9px;line-height:1.45}
.backup-category-warning i{margin-top:2px;color:#6074df}
.backup-restore-warning{margin-top:17px;border:1px solid #f3d7aa;background:#fffaf1}
.backup-restore-warning>i{margin-top:2px;color:#d28b19}
.backup-restore-password{display:block;margin-top:14px;padding:15px 16px;border:1px solid #e1e7ef;border-radius:14px;background:#fbfcfe}
.backup-restore-password .password-wrap{display:block;position:relative;margin-top:7px}
.backup-restore-password .password-wrap>i{position:absolute;top:50%;left:13px;z-index:1;color:#9aa5b6;transform:translateY(-50%)}
.backup-restore-password input{padding-left:38px}
.backup-restore-password>small{display:block;margin-top:6px;color:#8a95a8;font-size:10px}
.backup-detail-page>.form-message{margin-top:18px}
.backup-record-browser{margin-top:20px;padding:20px;border:1px solid #e1e7ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.backup-record-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.backup-record-heading h3{margin:4px 0;color:#1e293b;font-size:16px}.backup-record-heading p{max-width:690px;margin:0;color:#7b879d;font-size:10px;line-height:1.55}
.backup-record-search{display:flex;align-items:center;gap:8px;flex:0 1 300px;padding:0 12px;border:1px solid #dce3ec;border-radius:11px;background:#fafbfc;color:#8b96a8}.backup-record-search input{width:100%;padding:10px 0;border:0;outline:0;background:transparent;color:#263248;font-size:11px}
.backup-record-legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-2px 0 13px;padding:10px 11px;border:1px solid #e5eaf1;border-radius:11px;background:#fafbfc}.backup-record-legend p{margin:0 0 0 auto;color:#7d899b;font-size:9px}
.backup-dataset-nav{display:flex;gap:7px;margin:0 -2px 15px;padding:2px 2px 9px;overflow-x:auto}.backup-dataset-nav button{display:flex;align-items:center;gap:7px;flex:none;padding:8px 10px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#657287;font-size:10px;cursor:pointer}.backup-dataset-nav button:hover{border-color:#aab8ef;background:#f6f8ff;color:#4054df}.backup-dataset-nav button.active{border-color:#4054df;background:#4054df;color:#fff}.backup-dataset-nav button strong{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:rgba(127,140,165,.12);font-size:9px}.backup-dataset-nav button.active strong{background:rgba(255,255,255,.18)}
.backup-record-state{display:grid;justify-items:center;gap:7px;padding:45px 20px;border:1px dashed #dfe5ed;border-radius:13px;background:#fafbfc;color:#8792a4;text-align:center}.backup-record-state i{font-size:19px}.backup-record-state p{margin:0;font-size:11px}
.backup-record-table-wrap{overflow:auto;border:1px solid #e6eaf0;border-radius:13px}.backup-record-table{min-width:760px}.backup-record-table th{position:sticky;top:0;z-index:1;background:#f7f9fc}.backup-record-table td{max-width:320px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.backup-record-comparison{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;font-size:9px;font-weight:800;white-space:nowrap}.backup-record-comparison-identical{background:#eaf8f1;color:#168657}.backup-record-comparison-changed{background:#fff4df;color:#b36c08}.backup-record-comparison-backup_only{background:#eef2ff;color:#4054df}
.backup-record-action{text-align:right}.backup-record-action>span{color:#9aa4b4;font-size:9px}.backup-record-restore{padding:5px 0;border:0;background:transparent;color:#4054df;font-size:10px;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-color:#bdc6f5;text-underline-offset:3px}.backup-record-restore:hover{color:#2639c7;text-decoration-color:currentColor}.backup-record-restore:disabled{cursor:wait;opacity:.55}
.backup-record-browser .table-pagination{margin-top:13px}
.backup-restore-panel{margin-top:20px;padding:20px;border:1px solid #e1e7ef;border-radius:18px;background:#fff}
.backup-restore-actions{display:flex;justify-content:flex-end;margin-top:15px}
@media(max-width:760px){.backup-detail-sticky{grid-template-columns:auto minmax(0,1fr)}.backup-detail-sticky>a{grid-column:1/-1}.backup-inspection-meta{grid-template-columns:1fr}.backup-mode-options,.backup-category-grid{grid-template-columns:1fr}.backup-category-database{grid-column:auto}.backup-database-groups{grid-template-columns:1fr 1fr}.backup-category-select{grid-template-columns:auto auto minmax(0,1fr)}.backup-category-stats{grid-column:3;text-align:left}.backup-record-heading{align-items:stretch;flex-direction:column}.backup-record-search{flex:auto;width:100%}}
@media(max-width:520px){.backup-detail-sticky{top:0;margin-left:-4px;margin-right:-4px;padding:13px}.backup-detail-sticky>div{grid-column:1/-1;grid-row:1}.backup-detail-sticky>button{grid-row:2}.backup-detail-sticky>a{grid-column:2;grid-row:2}.backup-record-browser,.backup-restore-panel{padding:15px}.backup-restore-section-heading{align-items:flex-start;flex-direction:column}.backup-category-select{padding:12px}.backup-database-groups{grid-template-columns:1fr 1fr}.backup-restore-actions .button{width:100%}}
/* Ticket workflow: assignment, internal notes, attachments and mail triage */
.ticket-page-actions{display:flex;gap:10px;align-items:center}.ticket-assignee{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#334155}.ticket-subject+small{display:block;margin-top:4px;color:#94a3b8;font-size:11px}
.ticket-internal-toggle{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #d7ddff;border-radius:12px;background:#f7f8ff;cursor:pointer}.ticket-internal-toggle input{width:17px;height:17px}.ticket-internal-toggle span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.ticket-internal-toggle i{grid-row:1/3;color:#4f46e5}.ticket-internal-toggle strong{font-size:13px;color:#312e81}.ticket-internal-toggle small{font-size:11px;color:#64748b}
.ticket-attachment-picker{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;cursor:pointer}.ticket-attachment-picker:hover{border-color:#6475ef;background:#f6f7ff}.ticket-attachment-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.ticket-attachment-picker>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef2ff;color:#4f46e5}.ticket-attachment-picker span{display:flex;flex-direction:column}.ticket-attachment-picker strong{font-size:13px}.ticket-attachment-picker small{font-size:11px;color:#64748b}
.ticket-message-internal{border:1px solid #f2d38b!important;background:#fffaf0!important}.ticket-message-internal>div{background:transparent!important}.ticket-message-internal header span{color:#9a6700!important}.ticket-message-attachments{background:#f8fafc}.ticket-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ticket-attachment{display:flex;align-items:center;gap:9px;min-width:210px;max-width:100%;padding:9px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;text-decoration:none;color:#334155}.ticket-attachment>i:first-child{color:#4f46e5}.ticket-attachment>i:last-child{margin-left:auto;color:#94a3b8}.ticket-attachment span{display:flex;min-width:0;flex-direction:column}.ticket-attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ticket-attachment small{font-size:10px;color:#94a3b8}
.unmatched-support-mail{margin:18px 0;padding:18px;border:1px solid #f2cf84;border-radius:18px;background:#fffbeb}.unmatched-support-mail-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.unmatched-support-mail-heading>div{display:flex;align-items:center;gap:12px}.unmatched-support-mail-heading>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fef3c7;color:#b45309}.unmatched-support-mail-heading h3{margin:0;font-size:16px}.unmatched-support-mail-heading p{margin:3px 0 0;color:#78716c;font-size:12px}.unmatched-support-mail-heading>strong{display:grid;place-items:center;min-width:34px;height:34px;border-radius:99px;background:#f59e0b;color:#fff}.unmatched-support-mail-list{display:grid;gap:10px;margin-top:14px}.unmatched-support-mail-list>article{padding:14px;border:1px solid #f3dfb4;border-radius:13px;background:#fff}.unmatched-support-mail-list header{display:flex;justify-content:space-between;gap:12px}.unmatched-support-mail-list header div{display:flex;min-width:0;flex-direction:column}.unmatched-support-mail-list header span,.unmatched-support-mail-list>article>small{color:#78716c;font-size:11px}.unmatched-support-mail-list p{margin:10px 0;color:#475569;font-size:13px;line-height:1.5}.unmatched-support-mail-actions{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;margin-top:12px}
@media(max-width:800px){.ticket-page-actions{align-items:stretch;flex-direction:column}.unmatched-support-mail-actions{grid-template-columns:1fr}.unmatched-support-mail-heading{align-items:flex-start}}

/* Wartungsmodus */
.login-maintenance-notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin:18px 0;padding:15px;border:1px solid #f2cf84;border-radius:14px;background:#fffbeb;color:#74420b}.login-maintenance-notice[hidden]{display:none}.login-maintenance-notice>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fef3c7;color:#b45309}.login-maintenance-notice strong{font-size:13px}.login-maintenance-notice p{margin:4px 0 0!important;color:#8a5b1b!important;font-size:11px!important;line-height:1.5}.login-maintenance-notice button{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid #e7c273;border-radius:10px;background:#fff;color:#8a5207;font-size:11px;font-weight:800;cursor:pointer}.login-maintenance-notice button:hover{border-color:#c78a23;background:#fffaf0}.maintenance-login-locked .password-wrap,.maintenance-login-locked .login-forgot-action,.maintenance-login-locked .login-button,.maintenance-login-locked .login-passkey-area{filter:grayscale(.8);opacity:.48}.maintenance-login-locked input:disabled,.maintenance-login-locked button:disabled{cursor:not-allowed}
.maintenance-settings-warning{display:flex;gap:13px;margin:0 0 20px;padding:16px;border:1px solid #f0cf8a;border-radius:14px;background:#fffaf0;color:#81520e}.maintenance-settings-warning>i{margin-top:2px;font-size:18px}.maintenance-settings-warning strong{color:#6f4207;font-size:13px}.maintenance-settings-warning p{margin:4px 0 0;color:#8c6a36;font-size:11px;line-height:1.55}.maintenance-feature-toggle:has(input:checked){border-color:#e6b95d;background:#fffaf0}.maintenance-feature-toggle:has(input:checked) .settings-feature-state{background:#fff0cc;color:#a05a00}
.maintenance-status-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:20px;padding:18px;border:1px solid #dfe6ef;border-radius:17px;background:linear-gradient(135deg,#f8fafc,#fff);box-shadow:0 8px 24px rgba(31,41,55,.04);transition:180ms ease}.maintenance-status-control.active{border-color:#f0c46f;background:linear-gradient(135deg,#fff8e8,#fffdf8);box-shadow:0 9px 26px rgba(180,105,0,.08)}.maintenance-status-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e9efff;color:#4f5ff2;font-size:17px}.maintenance-status-control.active .maintenance-status-icon{background:#fff0cf;color:#b56600}.maintenance-status-copy{display:grid;gap:3px}.maintenance-status-copy>small{color:#8a96a9;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.maintenance-status-copy>strong{color:#243044;font-size:16px}.maintenance-status-copy>p{margin:0;color:#78869c;font-size:12px;line-height:1.45}.maintenance-master-switch{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:245px;padding:12px 13px;border:1px solid #e0e6ee;border-radius:13px;background:#fff;cursor:pointer}.maintenance-master-switch>input{position:absolute;opacity:0;pointer-events:none}.maintenance-master-switch>span:nth-of-type(2){display:grid;gap:2px}.maintenance-master-switch strong{color:#344054;font-size:12px}.maintenance-master-switch small{color:#8a96a9;font-size:10px}.maintenance-master-switch>b{justify-self:end;padding:5px 8px;border-radius:999px;background:#f1f3f6;color:#667085;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.maintenance-master-switch>input:focus-visible+.settings-toggle-visual{outline:3px solid rgba(79,70,229,.2)}.maintenance-master-switch>input:checked+.settings-toggle-visual{background:#e49a22}.maintenance-master-switch>input:checked+.settings-toggle-visual span{transform:translateX(17px)}.maintenance-master-switch>b.active{background:#fff0cf;color:#a65c00}
.maintenance-settings-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:0 20px 20px}.maintenance-detail-card{overflow:hidden;border:1px solid #e1e7ef;border-radius:17px;background:#fff}.maintenance-detail-card>header{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #edf0f4;background:#fafbfc}.maintenance-detail-card>header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf1ff;color:#4f5ff2}.maintenance-detail-card h4{margin:0;color:#29364a;font-size:14px}.maintenance-detail-card header p{margin:3px 0 0;color:#8a96a9;font-size:11px}.maintenance-rule-list{display:grid}.maintenance-rule-list article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;padding:14px 15px;border-bottom:1px solid #edf0f4}.maintenance-rule-list article:last-child{border-bottom:0}.maintenance-rule-list article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f3f5f8;color:#69768a;font-size:12px}.maintenance-rule-list strong{display:block;color:#344054;font-size:12px}.maintenance-rule-list p{margin:3px 0 0;color:#8490a1;font-size:11px;line-height:1.45}.maintenance-message-card>label{display:grid;gap:7px;padding:14px 15px 10px}.maintenance-message-card textarea{min-height:104px;resize:vertical}.maintenance-message-preview{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:0 15px 15px;padding:12px;border:1px solid #f0d79f;border-radius:12px;background:#fffbf2}.maintenance-message-preview>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#fff0cf;color:#a65c00}.maintenance-message-preview small{color:#a36b13;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.maintenance-message-preview p{margin:3px 0 0;color:#73551f;font-size:11px;line-height:1.45}
@media(max-width:920px){.maintenance-status-control{grid-template-columns:auto minmax(0,1fr)}.maintenance-master-switch{grid-column:1/-1;min-width:0}.maintenance-settings-grid{grid-template-columns:1fr}}@media(max-width:600px){.maintenance-status-control{margin:14px;padding:14px}.maintenance-settings-grid{padding:0 14px 14px}.maintenance-master-switch{grid-template-columns:auto minmax(0,1fr) auto}}

/* Allgemeine Einstellungen */
.general-settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;padding:20px}.general-settings-card{overflow:hidden;border:1px solid #e1e7ef;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(31,41,55,.035)}.general-settings-card>header{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #edf0f4;background:linear-gradient(135deg,#fafbfc,#fff)}.general-settings-card>header>span{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:11px;background:#edf1ff;color:#4f5ff2}.general-settings-card h4{margin:0;color:#29364a;font-size:14px}.general-settings-card header p{margin:3px 0 0;color:#8a96a9;font-size:11px}.general-settings-fields{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:12px;padding:15px 16px}.general-settings-fields>label,.general-runtime-fields>label{display:grid;align-content:start;gap:7px}.general-settings-fields .settings-input-help{min-height:15px}.general-runtime-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 16px}.general-access-card{grid-column:1/-1}.general-registration-toggle{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:15px 16px;padding:14px 15px;border:1px solid #dfe5ee;border-radius:13px;background:#f8fafc;cursor:pointer;transition:160ms ease}.general-registration-toggle:hover{border-color:#cdd6e4;background:#f6f8fb}.general-registration-toggle>input{position:absolute;opacity:0;pointer-events:none}.general-registration-toggle>span:nth-of-type(2){display:grid;gap:3px}.general-registration-toggle strong{color:#344054;font-size:12px}.general-registration-toggle small{color:#8490a1;font-size:10px;line-height:1.4}.general-registration-toggle>input:focus-visible+.settings-toggle-visual{outline:3px solid rgba(79,70,229,.2)}.general-registration-toggle>input:checked+.settings-toggle-visual{background:#5647eb}.general-registration-toggle>input:checked+.settings-toggle-visual span{transform:translateX(17px)}.general-registration-toggle:has(input:checked){border-color:#d5d8ff;background:#f8f8ff}

/* Pflichtmeldungen und revisionssichere Bestätigungen */
.required-notices-panel{overflow:hidden}.required-notices-panel>.settings-workspace-heading{align-items:center}.required-notice-explainer{display:flex;gap:13px;margin:18px 20px 0;padding:15px 17px;border:1px solid #d9defe;border-radius:15px;background:linear-gradient(135deg,#f7f7ff,#fbfcff);color:#4753c7}.required-notice-explainer>i{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;background:#e8eaff}.required-notice-explainer strong{display:block;color:#35415a;font-size:12px}.required-notice-explainer p{margin:4px 0 0;color:#758096;font-size:10px;line-height:1.55}.required-notice-admin-list{display:grid;gap:10px;padding:16px 20px 22px}.required-notice-loading,.required-notice-empty{display:flex;min-height:150px;align-items:center;justify-content:center;gap:9px;border:1px dashed #dce2eb;border-radius:15px;color:#7d899c;font-size:11px;font-weight:700}.required-notice-loading.is-error{color:#b42336}.required-notice-empty{flex-direction:column;text-align:center}.required-notice-empty>span{display:grid;width:45px;height:45px;place-items:center;border-radius:14px;background:#edf0ff;color:#5965de;font-size:17px}.required-notice-empty strong{color:#354159;font-size:13px}.required-notice-empty p{max-width:470px;margin:0;color:#8792a4;font-size:10px;font-weight:500;line-height:1.5}.required-notice-empty.compact{min-height:130px}.required-notice-admin-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px;border:1px solid #e1e6ee;border-radius:15px;background:#fff;box-shadow:0 4px 15px rgba(15,23,42,.025)}.required-notice-admin-card.is-active{border-color:#d8dcff;background:linear-gradient(135deg,#fff,#fafaff)}.required-notice-admin-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:13px;background:#f0f2f7;color:#778398}.is-active>.required-notice-admin-icon{background:#e9ebff;color:#554ee0}.required-notice-admin-copy{min-width:0}.required-notice-admin-copy>div{display:flex;flex-wrap:wrap;gap:6px}.required-notice-admin-copy>div>span{padding:3px 6px;border-radius:999px;background:#f0f3f7;color:#768195;font-size:7px;font-weight:850;text-transform:uppercase}.required-notice-admin-copy>div>.required-notice-status.active{background:#e8f7ef;color:#188751}.required-notice-admin-copy h4{margin:7px 0 3px;color:#2f3b50;font-size:13px}.required-notice-admin-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#6e7a8f;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.required-notice-admin-copy>small{display:block;margin-top:7px;color:#96a0af;font-size:8px}.required-notice-admin-stats{min-width:85px;padding:8px 12px;border-left:1px solid #e8ecf2;text-align:center}.required-notice-admin-stats strong{display:block;color:#344054;font-size:18px}.required-notice-admin-stats small{color:#8a95a7;font-size:8px;line-height:1.35}.required-notice-admin-actions{display:flex;gap:5px}.required-notice-admin-actions .danger{color:#b42336}.required-notice-editor-card{width:min(800px,calc(100vw - 32px));max-height:calc(100vh - 34px);overflow:auto}.required-notice-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.required-notice-editor-grid>label{display:grid;align-content:start;gap:7px}.required-notice-editor-grid>label>small{color:#8a95a7;font-size:9px}.required-notice-field-wide{grid-column:1/-1}.required-notice-active{position:relative;display:flex!important;grid-column:1/-1;align-items:center!important;gap:10px!important;padding:12px 13px;border:1px solid #e1e6ed;border-radius:12px;background:#f8fafc;cursor:pointer}.required-notice-active>input{position:absolute;opacity:0}.required-notice-active>span:last-child{display:grid;gap:2px}.required-notice-active strong{font-size:11px}.required-notice-acceptances-card{width:min(900px,calc(100vw - 32px))}.required-notice-acceptances-list{display:grid;max-height:55vh;overflow:auto;border:1px solid #e2e7ee;border-radius:14px}.required-notice-acceptances-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(180px,.9fr);align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid #edf0f4}.required-notice-acceptances-list>article:last-child{border-bottom:0}.required-notice-acceptances-list>article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#e8f7ef;color:#16834e}.required-notice-acceptances-list strong,.required-notice-acceptances-list small,.required-notice-acceptances-list time,.required-notice-acceptances-list em{display:block}.required-notice-acceptances-list strong{color:#344054;font-size:11px}.required-notice-acceptances-list small,.required-notice-acceptances-list time,.required-notice-acceptances-list em{color:#8792a4;font-size:8px}.required-notice-acceptances-list>article>div:last-child{text-align:right}.required-notice-acceptances-list em{overflow:hidden;margin-top:3px;text-overflow:ellipsis;white-space:nowrap;font-style:normal}
.required-notice-gate{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:20px}.required-notice-gate-backdrop{position:absolute;inset:0;background:rgba(5,12,25,.82);backdrop-filter:blur(14px) saturate(70%)}.required-notice-gate-card{position:relative;display:grid;width:min(780px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:#fff;box-shadow:0 45px 120px rgba(0,0,0,.45)}.required-notice-gate-card>header{display:flex;gap:15px;padding:22px 24px;border-bottom:1px solid #e6eaf0;background:linear-gradient(135deg,#f5f6ff,#fff)}.required-notice-gate-card>header>span{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:14px;background:#5650e6;color:#fff;font-size:18px;box-shadow:0 10px 25px rgba(86,80,230,.25)}.required-notice-gate-card header small{color:#625cda;font-size:8px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.required-notice-gate-card h2{margin:5px 0 4px;color:#202b3d;font-size:22px;line-height:1.25}.required-notice-gate-card header p{margin:0;color:#8893a5;font-size:9px}.required-notice-gate-body{overflow:auto;min-height:140px;max-height:42vh;padding:22px 24px;color:#3f4b5f;font-size:12px;line-height:1.75}.required-notice-confirm{position:relative;display:flex;align-items:center;gap:11px;margin:0 24px 18px;padding:14px;border:1px solid #d9dfe8;border-radius:13px;background:#f8fafc;cursor:pointer}.required-notice-confirm>input{position:absolute;opacity:0}.required-notice-confirm>span{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:2px solid #c7cfdb;border-radius:7px;background:#fff;color:transparent}.required-notice-confirm>input:checked+span{border-color:#5650e6;background:#5650e6;color:#fff}.required-notice-confirm>input:focus-visible+span{outline:3px solid rgba(86,80,230,.2)}.required-notice-confirm strong{color:#39465b;font-size:10px;line-height:1.45}.required-notice-gate-card>.form-message{margin:0 24px 16px}.required-notice-gate-card>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 24px;border-top:1px solid #e7eaf0;background:#fafbfc}.required-notice-gate-card>footer small{max-width:380px;color:#8b96a7;font-size:8px;line-height:1.45}.required-notice-gate-card>footer .button{min-width:210px}
@media(max-width:760px){.required-notice-admin-card{grid-template-columns:auto minmax(0,1fr)}.required-notice-admin-stats{grid-column:2;min-width:0;border-left:0;text-align:left}.required-notice-admin-stats small{display:inline;margin-left:5px}.required-notice-admin-actions{grid-column:2}.required-notice-editor-grid{grid-template-columns:1fr}.required-notice-field-wide,.required-notice-active{grid-column:1}.required-notice-acceptances-list>article{grid-template-columns:auto minmax(0,1fr)}.required-notice-acceptances-list>article>div:last-child{grid-column:2;text-align:left}.required-notice-gate{padding:10px}.required-notice-gate-card{max-height:calc(100vh - 20px);border-radius:18px}.required-notice-gate-card>header,.required-notice-gate-body{padding:18px}.required-notice-confirm{margin:0 18px 15px}.required-notice-gate-card>footer{align-items:stretch;flex-direction:column;padding:15px 18px}.required-notice-gate-card>footer .button{width:100%}}
@media(max-width:920px){.general-settings-grid{grid-template-columns:1fr}.general-access-card{grid-column:auto}}@media(max-width:600px){.general-settings-grid{padding:14px}.general-settings-fields,.general-runtime-fields{grid-template-columns:1fr}.general-registration-toggle{grid-template-columns:auto minmax(0,1fr)}.general-registration-toggle .settings-feature-state{grid-column:2}}

.general-application-card{overflow:hidden;margin:20px;border:1px solid #e1e7ef;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(31,41,55,.035)}.general-application-card>header{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #edf0f4;background:linear-gradient(135deg,#fafbfc,#fff)}.general-application-card>header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf1ff;color:#4f5ff2}.general-application-card h4{margin:0;color:#29364a;font-size:14px}.general-application-card header p{margin:3px 0 0;color:#8a96a9;font-size:11px}.general-application-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;padding:16px}.general-application-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.general-url-field{grid-column:1/-1;display:grid;gap:7px}.general-compact-section{display:grid;align-content:start;gap:12px;padding:14px;border:1px solid #e5eaf1;border-radius:14px;background:#fafbfc}.general-compact-heading{display:flex;align-items:center;gap:9px}.general-compact-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf1ff;color:#5362ea;font-size:11px}.general-compact-heading>div{display:grid;gap:2px}.general-compact-heading strong{color:#344054;font-size:12px}.general-compact-heading small{color:#8793a5;font-size:10px}.general-compact-section .general-runtime-fields{padding:0}.general-compact-section .general-registration-toggle{margin:0;padding:11px 12px;background:#fff}.general-maintenance-quick{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:11px;padding:16px;border:1px solid #e2d9ff;border-radius:15px;background:linear-gradient(145deg,#f8f7ff,#fff);box-shadow:0 9px 24px rgba(79,70,229,.06)}.general-maintenance-quick-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ebe9ff;color:#5547e9}.general-maintenance-quick>div{display:grid;gap:2px}.general-maintenance-quick>div>small{color:#7569dc;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.general-maintenance-quick>div>strong{color:#29364a;font-size:14px}.general-maintenance-quick p{margin:4px 0 0;color:#78869c;font-size:10px;line-height:1.45}.general-maintenance-quick>label{position:relative;grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:5px;padding:12px;border:1px solid #e1e4ee;border-radius:12px;background:#fff;cursor:pointer}.general-maintenance-quick>label>input{position:absolute;opacity:0;pointer-events:none}.general-maintenance-quick>label>b{justify-self:end;color:#69768a;font-size:10px;text-transform:uppercase}.general-maintenance-quick>label>input:checked+.settings-toggle-visual{background:#e49a22}.general-maintenance-quick>label>input:checked+.settings-toggle-visual span{transform:translateX(17px)}.general-maintenance-quick.active{border-color:#efc36d;background:linear-gradient(145deg,#fff8e8,#fff)}.general-maintenance-quick.active .general-maintenance-quick-icon{background:#fff0cf;color:#ac6200}.general-maintenance-quick.active>label>b{color:#a55d00}.general-maintenance-details{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:10px 2px 0;border:0;background:transparent;color:#5547e9;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.general-maintenance-details:hover{color:#3326c9}.payment-currency-setting{display:grid;grid-template-columns:auto minmax(0,1fr) 120px;align-items:center;gap:12px;margin:18px 20px 0;padding:14px 15px;border:1px solid #e1e7ef;border-radius:14px;background:#fafbfc}.payment-currency-setting>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff0d9;color:#c66c05}.payment-currency-setting>div{display:grid;gap:3px}.payment-currency-setting strong{color:#344054;font-size:12px}.payment-currency-setting small{color:#8490a1;font-size:10px}.payment-currency-setting label{display:grid;gap:5px}
@media(max-width:980px){.general-application-layout{grid-template-columns:1fr}.general-maintenance-quick{grid-template-columns:auto minmax(0,1fr)}}@media(max-width:650px){.general-application-card{margin:14px}.general-application-layout,.general-application-settings{grid-template-columns:1fr}.general-url-field{grid-column:auto}.general-runtime-fields{grid-template-columns:1fr}.payment-currency-setting{grid-template-columns:auto minmax(0,1fr);margin:14px 14px 0}.payment-currency-setting label{grid-column:1/-1}}

/* Branding */
.branding-settings-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;padding:20px}.branding-identity-card,.branding-login-card{overflow:hidden;border:1px solid #e1e7ef;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(31,41,55,.035)}.branding-identity-card>header,.branding-login-card>header{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #edf0f4;background:linear-gradient(135deg,#fafbfc,#fff)}.branding-identity-card>header>span,.branding-login-card>header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf1ff;color:#4f5ff2}.branding-identity-card h4,.branding-login-card h4{margin:0;color:#29364a;font-size:14px}.branding-identity-card header p,.branding-login-card header p{margin:3px 0 0;color:#8a96a9;font-size:11px}.branding-logo-manager{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:16px;border-bottom:1px solid #edf0f4}.branding-logo-preview{display:grid;place-items:center;min-height:86px;padding:12px;border:1px dashed #cbd5e1;border-radius:14px;background:linear-gradient(145deg,#111a30,#1c2b4c);overflow:hidden}.branding-logo-preview>span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#7479f6,#4338ca);color:#fff}.branding-logo-preview>img{display:block;width:100%;height:70px;object-fit:contain}.branding-logo-manager>div:nth-child(2){display:grid;align-content:center;gap:4px}.branding-logo-manager>div:nth-child(2)>strong{color:#344054;font-size:13px}.branding-logo-manager p{margin:0;color:#78869c;font-size:11px;line-height:1.45}.branding-logo-manager>div:nth-child(2)>small{color:#9aa4b3;font-size:9px}.branding-logo-actions{grid-column:1/-1;display:flex;gap:8px}.branding-logo-actions .button{flex:1;justify-content:center}.branding-fields,.branding-login-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.branding-fields>label,.branding-login-fields>label{display:grid;align-content:start;gap:7px}.branding-field-wide{grid-column:1/-1}.branding-login-preview{display:grid;grid-template-rows:auto 1fr;min-height:285px;margin:16px;border-radius:15px;background:radial-gradient(circle at 88% 15%,rgba(91,79,235,.34),transparent 32%),linear-gradient(145deg,#10182c,#182746);color:#fff;overflow:hidden}.branding-preview-brand{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.09)}.branding-preview-brand>div{display:grid;gap:2px}.branding-preview-brand strong{font-size:12px}.branding-preview-brand small{color:#aab6ca;font-size:9px}.settings-brand-preview-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#6d70f7,#4338ca);overflow:hidden}.settings-brand-preview-mark img{width:100%;height:100%;padding:4px;object-fit:contain}.branding-preview-copy{display:grid;align-content:center;justify-items:start;width:min(280px,calc(100% - 32px));margin:auto;padding:20px 0}.branding-preview-copy>small{color:#929df5;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.branding-preview-copy>strong{margin-top:5px;font-size:18px}.branding-preview-copy>p{margin:6px 0 14px;color:#b7c1d2;font-size:10px;line-height:1.5}.branding-preview-copy>span{display:block;width:100%;height:27px;margin-top:7px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.055)}.branding-preview-copy>button{width:100%;margin-top:10px;padding:8px;border:0;border-radius:8px;background:#5a4cec;color:#fff;font-size:9px;font-weight:800;pointer-events:none}.brand-mark.brand-mark-logo{background:rgba(255,255,255,.1)}.brand-mark.brand-mark-logo img{display:block;width:100%;height:100%;padding:4px;object-fit:contain}
@media(max-width:1050px){.branding-settings-layout{grid-template-columns:1fr}.branding-login-preview{min-height:260px}}@media(max-width:600px){.branding-settings-layout{padding:14px}.branding-logo-manager{grid-template-columns:84px minmax(0,1fr)}.branding-fields,.branding-login-fields{grid-template-columns:1fr}.branding-field-wide{grid-column:auto}.branding-logo-actions{flex-direction:column}}

/* Frei stehendes Unternehmenslogo */
.brand-mark.brand-mark-logo{width:64px;height:64px;border:0;border-radius:0;background:transparent;box-shadow:none}.brand-mark.brand-mark-logo img{display:block;width:100%;height:100%;padding:0;object-fit:contain}.sidebar .brand:has(.brand-mark-logo){gap:14px;padding-top:0;padding-bottom:24px}.login-brand .brand-mark.brand-mark-logo{width:76px;height:76px}.mobile-brand .brand-mark.brand-mark-logo{width:42px;height:42px;border:0;border-radius:0;background:transparent;box-shadow:none}.settings-brand-preview-mark:has(img){border-radius:0;background:transparent}.settings-brand-preview-mark img{padding:0}
@media(min-width:1450px){.sidebar .brand-mark.brand-mark-logo{width:74px;height:74px}.sidebar .brand:has(.brand-mark-logo){gap:16px}.login-brand .brand-mark.brand-mark-logo{width:88px;height:88px}}

/* Rechtstexte */
.legal-settings-workspace{display:grid;gap:16px;padding:20px}.legal-settings-intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;border:1px solid #dddffd;border-radius:15px;background:linear-gradient(135deg,#f6f7ff,#fff)}.legal-settings-intro>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9ebff;color:#5547e9}.legal-settings-intro>div:nth-child(2){display:grid;gap:3px}.legal-settings-intro strong{color:#344054;font-size:12px}.legal-settings-intro p{margin:0;color:#7b8799;font-size:10px;line-height:1.5}.legal-settings-intro .legal-settings-completeness{min-width:205px;margin:0;padding:10px 12px}.legal-document-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.legal-document-card{overflow:hidden;border:1px solid #e1e7ef;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(31,41,55,.035);transition:160ms ease}.legal-document-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 15px;border-bottom:1px solid #edf0f4;background:#fafbfc}.legal-document-card>header>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf1ff;color:#5362ea}.legal-document-card h4{margin:0;color:#29364a;font-size:13px}.legal-document-card header p{margin:3px 0 0;color:#8793a5;font-size:10px}.legal-document-card header b{padding:5px 8px;border-radius:999px;background:#eef1f5;color:#687588;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.legal-document-card>label{display:grid;gap:7px;padding:14px 15px 12px}.legal-document-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px 14px}.legal-document-card>footer>span{display:flex;align-items:center;gap:6px;color:#8a96a8;font-size:10px;font-weight:700}.legal-document-card>footer>a{display:inline-flex;align-items:center;gap:6px;color:#5145d8;font-size:10px;font-weight:800;text-decoration:none}.legal-document-card>footer>a:hover{color:#3025ad}.legal-document-card.is-linked{border-color:#bde5cf}.legal-document-card.is-linked>header>span{background:#eaf9f0;color:#168254}.legal-document-card.is-linked>header b{background:#eaf9f0;color:#168254}.legal-document-card.is-linked>footer>span{color:#168254}.legal-document-card.is-invalid{border-color:#f1c98d}.legal-document-card.is-invalid>header>span{background:#fff3dd;color:#b96708}.legal-document-card.is-invalid>footer>span{color:#b96708}
@media(max-width:850px){.legal-document-grid{grid-template-columns:1fr}.legal-settings-intro{grid-template-columns:auto minmax(0,1fr)}.legal-settings-intro .legal-settings-completeness{grid-column:1/-1;min-width:0}}@media(max-width:600px){.legal-settings-workspace{padding:14px}.legal-document-card>header{grid-template-columns:auto minmax(0,1fr)}.legal-document-card header b{grid-column:2;justify-self:start}}
.legal-version-preview-dialog pre{box-sizing:border-box;width:100%;min-height:60vh;margin:0;padding:24px;overflow:auto;background:#fff;color:#283548;font:12px/1.65 Inter,Arial,sans-serif;white-space:pre-wrap;word-break:break-word}
.legal-version-history article.is-active{position:relative;border-left:3px solid #16945f;background:linear-gradient(90deg,#eefaf3 0,#fbfefc 72%)}.legal-version-history article.is-active strong{color:#117a4d}.legal-version-active-badge{display:inline-flex;align-items:center;gap:4px;width:max-content;margin-top:2px;padding:3px 6px;border-radius:999px;background:#dff6e9;color:#117a4d;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.legal-preview-header-actions{display:flex;align-items:center;gap:7px}.legal-version-dialog>header .legal-preview-header-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:34px;padding:0 10px}.legal-version-dialog>header .legal-preview-header-actions button:last-child{width:34px;padding:0}.legal-preview-header-actions span{font-size:9px;font-weight:800;white-space:nowrap}
.legal-version-dialog>header .legal-preview-header-actions button[data-copy-legal]{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.legal-version-dialog>header .legal-preview-header-actions button[data-copy-legal].is-copied{border-color:#8fd5ae;background:#e9f9f0;color:#117a4d;animation:legal-copy-confirm .42s cubic-bezier(.2,.9,.3,1.35)}.legal-version-dialog>header .legal-preview-header-actions button[data-copy-legal].is-copied i{animation:legal-copy-check .45s ease}@keyframes legal-copy-confirm{0%{transform:scale(.88)}55%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes legal-copy-check{0%{opacity:0;transform:rotate(-35deg) scale(.45)}100%{opacity:1;transform:rotate(0) scale(1)}}
.legal-settings-workspace{gap:18px;background:linear-gradient(180deg,#fbfcff 0,#fff 260px)}.legal-settings-intro{padding:14px 16px;border-color:#dfe3f8;background:#f8f9ff;box-shadow:none}.legal-settings-intro>span{background:#e7e9ff}.legal-archive-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.legal-archive-overview article{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 14px;border:1px solid #e3e7ef;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(31,41,55,.025)}.legal-archive-overview article>span{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:#eef0ff;color:#5652df}.legal-archive-overview article>div{display:grid;min-width:0;gap:1px}.legal-archive-overview small{color:#8390a3;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.legal-archive-overview strong{overflow:hidden;color:#2c384c;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.legal-archive-overview p{overflow:hidden;margin:0;color:#8b96a7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.legal-archive-overview article.is-positive>span{background:#e8f8ef;color:#168254}.legal-archive-overview article.is-warning>span{background:#fff3df;color:#b86b0a}.legal-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.legal-document-card{border-color:#dfe4ec;border-radius:15px;box-shadow:0 8px 24px rgba(31,41,55,.045)}.legal-document-card.is-linked{border-color:#d8e4df}.legal-document-card.has-valid-archive{box-shadow:inset 0 3px 0 #32aa74,0 8px 24px rgba(31,41,55,.045)}.legal-document-card.has-invalid-archive{box-shadow:inset 0 3px 0 #d98b2b,0 8px 24px rgba(31,41,55,.045)}.legal-document-card>header{padding:15px 16px 13px;background:#fff}.legal-document-card>label{gap:6px;padding:12px 16px;background:#fafbfc;border-bottom:1px solid #edf0f4}.legal-card-section-label{display:flex;align-items:center;gap:6px;margin-bottom:1px;color:#667388;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.legal-card-section-label i{color:#5b55df}.legal-document-card>label>.form-label{font-size:8px;color:#939dad}.legal-document-card>label .form-control{min-height:39px;background:#fff;font-size:10px}.legal-version-panel{margin:0;border:0;border-radius:0;background:#fff}.legal-current-version{padding:13px 16px}.legal-current-version>span:nth-child(2){gap:1px}.legal-current-version small{text-transform:uppercase;letter-spacing:.04em}.legal-current-version code{margin-top:2px}.legal-version-history summary{padding:10px 16px;background:#fafbfc}.legal-version-history>div{max-height:245px}.legal-version-history article{padding:11px 16px}.legal-document-card>footer{padding:11px 16px;border-top:1px solid #edf0f4;background:#fafbfc}.legal-document-card>footer>span{font-size:9px}.legal-document-card>footer>a{padding:5px 0}.legal-version-history article.is-active{border-left-width:4px}.legal-version-active-badge{grid-column:auto;margin:1px 0 2px}.legal-current-version .button{border-color:#d7daf8;background:#f6f6ff;color:#4f49cf}.legal-current-version .button:hover{background:#ececff}@media(max-width:1080px){.legal-archive-overview{grid-template-columns:1fr 1fr}}@media(max-width:760px){.legal-document-grid{grid-template-columns:1fr}}@media(max-width:560px){.legal-archive-overview{grid-template-columns:1fr}.legal-archive-overview article{padding:11px 12px}.legal-settings-intro{grid-template-columns:auto 1fr}.legal-settings-intro .legal-settings-completeness{grid-column:1/-1}.legal-current-version{grid-template-columns:auto 1fr}.legal-current-version .button{grid-column:1/-1;width:100%;justify-content:center}}
.legal-document-card>.legal-version-panel{margin:0;border:0;border-radius:0;background:#fff}.legal-document-card .legal-current-version{padding:13px 16px}.legal-document-card .legal-current-version>span:nth-child(2){gap:1px}.legal-document-card .legal-current-version small{text-transform:uppercase;letter-spacing:.04em}.legal-document-card .legal-current-version code{margin-top:2px}.legal-document-card .legal-version-history summary{padding:10px 16px;background:#fafbfc}.legal-document-card .legal-version-history>div{max-height:245px}.legal-document-card .legal-version-history article{padding:11px 16px}.legal-document-card .legal-current-version .button{border-color:#d7daf8;background:#f6f6ff;color:#4f49cf}
.legal-version-panel{margin:0 15px 12px;border:1px solid #e6e9f0;border-radius:12px;background:#fafbfe}.legal-current-version{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px}.legal-current-version>span:nth-child(2){display:grid;gap:2px}.legal-current-version small{color:#7d899b;font-size:9px}.legal-current-version strong{color:#2f3b50;font-size:12px}.legal-current-version code{color:#778197;font-size:8px}.legal-version-seal{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.legal-version-seal.valid{background:#e9f8ef;color:#168254}.legal-version-seal.invalid{background:#fff0e5;color:#bd5c18}.legal-current-version .button{padding:7px 10px;font-size:9px}.legal-version-history{border-top:1px solid #e8ebf1}.legal-version-history summary{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;color:#69758a;font-size:9px;font-weight:700;cursor:pointer;list-style:none}.legal-version-history summary::-webkit-details-marker{display:none}.legal-version-history[open] summary i{transform:rotate(180deg)}.legal-version-history>div{max-height:220px;overflow:auto;border-top:1px solid #edf0f5}.legal-version-history article{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #edf0f5}.legal-version-history article:last-child{border-bottom:0}.legal-version-history article>span{display:grid;min-width:0;gap:2px}.legal-version-history article strong{font-size:10px;color:#344054}.legal-version-history article small{font-size:8px;color:#8490a2}.legal-version-history article code{overflow:hidden;text-overflow:ellipsis;color:#929bad;font-size:7px;white-space:nowrap}.legal-version-history article>div{display:flex;gap:5px}.legal-version-history button,.legal-version-history a{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dfe3eb;border-radius:8px;background:#fff;color:#5145d8;cursor:pointer;text-decoration:none}.legal-version-empty{padding:12px;color:#758196;font-size:10px}.legal-version-overlay{position:fixed;inset:0;z-index:6000;display:grid;place-items:center;padding:20px}.legal-version-overlay[hidden]{display:none}.legal-version-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.68);backdrop-filter:blur(5px)}.legal-version-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.35)}.legal-version-dialog>header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #e7eaf0}.legal-version-dialog>header small{color:#5a50e7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.legal-version-dialog>header h3{margin:4px 0;color:#202b3f;font-size:18px}.legal-version-dialog>header p{margin:0;color:#7d899b;font-size:10px}.legal-version-dialog>header button{width:34px;height:34px;border:1px solid #e0e4eb;border-radius:10px;background:#fff;color:#647087;cursor:pointer}.legal-version-dialog-body{display:grid;gap:14px;overflow:auto;padding:18px 22px}.legal-version-dialog-body label{display:grid;gap:7px}.legal-version-dialog-body textarea{min-height:300px;font:11px/1.5 Consolas,monospace}.legal-version-warning{display:flex;gap:11px;padding:13px;border-left:3px solid #5a50e7;background:#f6f6ff;color:#4d45c7}.legal-version-warning span{display:grid;gap:3px}.legal-version-warning strong{font-size:11px}.legal-version-warning small{color:#737e92;font-size:9px}.legal-version-dialog>footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid #e7eaf0}.legal-version-preview-dialog iframe{width:100%;min-height:60vh;border:0;background:#fff}@media(max-width:600px){.legal-current-version{grid-template-columns:auto 1fr}.legal-current-version .button{grid-column:1/-1}.legal-version-overlay{padding:8px}.legal-version-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.legal-version-dialog>header,.legal-version-dialog-body,.legal-version-dialog>footer{padding-left:14px;padding-right:14px}}

/* Zentraler Ansichts-Ladezustand */
.tab-view.data-loading::after{display:none}.tab-view.data-loading>*{opacity:1}.app-shell.view-data-loading .main-content,.app-shell.view-data-loading .role-preview-banner{visibility:hidden}.view-loading-overlay{position:fixed;z-index:39;inset:0 0 0 288px;display:grid;align-content:center;justify-items:center;padding:32px;background:radial-gradient(circle at 50% 42%,rgba(99,102,241,.09),transparent 27rem),rgba(244,246,250,.985);text-align:center;animation:view-loader-enter 180ms ease both;transition:opacity 200ms ease}.view-loading-overlay.boot-loading-overlay{inset:0;z-index:100}.view-loading-overlay.is-leaving{opacity:0}.view-loading-visual{position:relative;display:grid;width:112px;height:112px;margin-bottom:25px;place-items:center}.view-loading-visual>span{position:absolute;inset:0;border:3px solid transparent;border-top-color:#5b55ed;border-right-color:rgba(91,85,237,.22);border-radius:50%;animation:view-loader-spin 1.15s linear infinite}.view-loading-visual>span:nth-child(2){inset:12px;border-width:2px;border-top-color:transparent;border-right-color:#7a88f7;border-bottom-color:rgba(122,136,247,.25);animation-direction:reverse;animation-duration:1.55s}.view-loading-visual>img{display:block;width:60px;height:60px;object-fit:contain}.view-loading-visual>i{display:grid;width:62px;height:62px;place-items:center;border:1px solid #dce1ff;border-radius:19px;background:linear-gradient(145deg,#fff,#f0f2ff);box-shadow:0 14px 36px rgba(67,56,202,.16);color:#5547e9;font-size:22px}.view-loading-copy{display:grid;justify-items:center}.view-loading-copy>small{color:#6b63df;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.view-loading-copy>strong{margin-top:8px;color:#172033;font-size:24px;letter-spacing:-.035em}.view-loading-copy>p{margin:8px 0 0;color:#78869a;font-size:13px}.view-loading-progress{display:flex;gap:7px;margin-top:23px}.view-loading-progress>span{width:8px;height:8px;border-radius:50%;background:#655ce8;animation:view-loader-dot 1.2s ease-in-out infinite}.view-loading-progress>span:nth-child(2){animation-delay:.15s}.view-loading-progress>span:nth-child(3){animation-delay:.3s}
@keyframes view-loader-spin{to{transform:rotate(360deg)}}@keyframes view-loader-dot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@keyframes view-loader-enter{from{opacity:0}to{opacity:1}}
@media(max-width:1023px){.view-loading-overlay{inset:0}}@media(max-width:600px){.view-loading-visual{width:94px;height:94px}.view-loading-visual>img{width:54px;height:54px}.view-loading-visual>i{width:54px;height:54px}.view-loading-copy>strong{font-size:21px}.view-loading-copy>p{font-size:12px}}
.affiliate-heading-icon{color:#7c3aed;background:#f2ebff}
.affiliate-account-page{display:grid;gap:18px}
.affiliate-share-card{display:grid;gap:18px;padding:22px;border:1px solid #dcd8ff;border-radius:18px;background:linear-gradient(135deg,#f7f5ff,#fff)}
.affiliate-share-copy span,.affiliate-history-head small{display:block;color:#6256d9;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.affiliate-share-copy strong{display:block;margin:5px 0 7px;color:#182238;font-size:21px}
.affiliate-share-copy p{margin:0;max-width:720px;color:#6b7890;line-height:1.6}
.affiliate-link-box{display:grid;grid-template-columns:1fr auto;gap:10px}
.affiliate-link-box input{background:#fff;font-weight:650;color:#34405a}
.affiliate-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.affiliate-stats article{padding:16px 18px;border:1px solid #e1e6ef;border-radius:14px;background:#f8fafc}
.affiliate-stats span{display:block;color:#7b879d;font-size:12px}.affiliate-stats strong{display:block;margin-top:4px;color:#182238;font-size:22px}
.affiliate-history{overflow:hidden;border:1px solid #e1e6ef;border-radius:16px}.affiliate-history-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e7ebf2;background:#fafbfc}.affiliate-history-head h4{margin:3px 0 0}.affiliate-history-head>span{color:#8a96aa;font-size:11px}
.affiliate-referral-list article{display:grid;grid-template-columns:auto minmax(170px,1fr) minmax(220px,.8fr);align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid #edf0f5}.affiliate-referral-list article:last-child{border-bottom:0}
.affiliate-referral-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#c07a12;background:#fff3d9}.affiliate-referral-icon.complete{color:#07845d;background:#e7f8f1}
.affiliate-referral-list strong,.affiliate-referral-list small{display:block}.affiliate-referral-list small{margin-top:3px;color:#8a96aa}
.affiliate-referral-progress span{display:flex;justify-content:space-between;color:#7b879d;font-size:11px}.affiliate-referral-progress b{color:#35415a}.affiliate-referral-progress i{display:block;height:7px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e7ebf2}.affiliate-referral-progress em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6258ed,#8f75ff)}
.affiliate-disabled{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #e1e6ef;border-radius:16px;background:#f8fafc}.affiliate-disabled>i{font-size:22px;color:#7c879b}.affiliate-disabled p{margin:4px 0 0;color:#77849a}
.affiliate-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.affiliate-settings-note{display:flex;align-items:center;gap:10px;margin-top:18px;padding:13px 15px;border-radius:12px;color:#376853;background:#eefaf5}
.affiliate-settings-panel>.settings-group-last{display:none}
.affiliate-reward-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.affiliate-reward-config-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:18px;border:1px solid #dfe5ef;border-radius:16px;background:#fafbfc;cursor:pointer;transition:.2s ease}
.affiliate-reward-config-card:has(.affiliate-option-check input:checked){border-color:#8a7cff;background:#f7f5ff;box-shadow:0 8px 25px rgba(90,77,220,.08)}
.affiliate-option-check{position:absolute;right:14px;top:14px}.affiliate-option-check input{position:absolute;opacity:0}.affiliate-option-check i{display:grid;width:22px;height:22px;place-items:center;border:1px solid #cfd7e4;border-radius:7px;color:transparent;background:#fff}.affiliate-option-check input:checked+i{border-color:#6258ed;color:#fff;background:#6258ed}
.affiliate-option-icon{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#13845f;background:#e7f8f1}.affiliate-option-icon.tone-purple{color:#6554dc;background:#eeebff}
.affiliate-reward-config-card strong,.affiliate-reward-config-card small{display:block}.affiliate-reward-config-card small{margin-top:3px;color:#7e899d}
.affiliate-value-control{grid-column:1/-1;display:grid;grid-template-columns:minmax(100px,.55fr) 1fr;gap:9px;margin-top:14px}.affiliate-value-control .form-control{background:#fff}
.affiliate-requirements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.affiliate-status-field{grid-column:1/-1;margin:0;padding:0;border:0}.affiliate-status-options{display:flex;flex-wrap:wrap;gap:9px}.affiliate-status-options label{cursor:pointer}.affiliate-status-options input{position:absolute;opacity:0}.affiliate-status-options span{display:block;padding:9px 14px;border:1px solid #dce3ed;border-radius:10px;color:#66738a;background:#fafbfc;font-weight:650}.affiliate-status-options input:checked+span{border-color:#8174f3;color:#5447d8;background:#f1efff}
.affiliate-choice-card,.affiliate-eligibility-card{display:grid;grid-template-columns:minmax(210px,.7fr) 1.3fr;gap:22px;padding:20px;border:1px solid #dedafc;border-radius:17px;background:linear-gradient(135deg,#faf9ff,#fff)}
.affiliate-choice-card>div:first-child>span,.affiliate-eligibility-card>div:first-child>span{color:#6557dd;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.affiliate-choice-card>div:first-child>strong,.affiliate-eligibility-card>div:first-child>strong{display:block;margin:6px 0;color:#1e2940;font-size:18px}.affiliate-choice-card p,.affiliate-eligibility-card p{margin:0;color:#748097;line-height:1.55}
.affiliate-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.affiliate-choice-options label{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;border:1px solid #e0e5ed;border-radius:13px;background:#fff;cursor:pointer}.affiliate-choice-options label.selected{border-color:#7465ea;background:#f5f3ff}.affiliate-choice-options input{position:absolute;opacity:0}.affiliate-choice-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#6258de;background:#eeebff}.affiliate-choice-options label>i{color:transparent}.affiliate-choice-options label.selected>i{color:#6258de}.affiliate-choice-options strong,.affiliate-choice-options small{display:block}.affiliate-choice-options small{margin-top:2px;color:#8792a6}
.affiliate-requirement-list{display:grid;gap:9px}.affiliate-requirement-list article{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #f0d4a4;border-radius:12px;color:#9a6415;background:#fff9ee}.affiliate-requirement-list article.met{border-color:#bfe8d7;color:#087354;background:#effaf5}.affiliate-requirement-list article>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:rgba(255,255,255,.8)}.affiliate-requirement-list strong,.affiliate-requirement-list small{display:block}.affiliate-requirement-list small{margin-top:2px;opacity:.8}
.affiliate-single-reward{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #dcd8ff;border-radius:13px;color:#5648d1;background:#f5f3ff}
.affiliate-threshold-setting{display:grid;grid-template-columns:auto 1fr minmax(210px,.45fr);align-items:center;gap:13px;padding:16px;border:1px solid #dfe5ee;border-radius:14px;background:#fafbfc}.affiliate-threshold-setting strong,.affiliate-threshold-setting small{display:block}.affiliate-threshold-setting small{margin-top:3px;color:#7f8a9e}.affiliate-threshold-setting .input-with-unit{width:100%}
@media(max-width:780px){.affiliate-link-box{grid-template-columns:1fr}.affiliate-stats,.affiliate-settings-grid{grid-template-columns:1fr}.affiliate-referral-list article{grid-template-columns:auto 1fr}.affiliate-referral-progress{grid-column:1/-1}}
@media(max-width:900px){.affiliate-reward-config-grid,.affiliate-choice-options,.affiliate-choice-card,.affiliate-eligibility-card{grid-template-columns:1fr}.affiliate-requirements-grid{grid-template-columns:1fr}}
@media(max-width:720px){.affiliate-threshold-setting{grid-template-columns:auto 1fr}.affiliate-threshold-setting .input-with-unit{grid-column:1/-1}}
.mail-account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0}.mail-account-toolbar>div{display:grid;gap:4px}.mail-account-toolbar strong{font-size:1.05rem}.mail-account-toolbar small{color:var(--muted)}
.mail-accounts-editor{display:grid;gap:18px}.mail-account-card{border:1px solid #dbe4ef;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(31,52,83,.06);overflow:hidden}.mail-account-card>header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#f7f9fc;border-bottom:1px solid #e5ebf3}.mail-account-card>header>div{display:grid;gap:2px;flex:1}.mail-account-card>header strong{font-size:1rem;color:#263955}.mail-account-card>header small{color:#708199}.mail-account-index{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e8f1ff;color:#2259a8;font-weight:800}.mail-account-enabled{display:flex;align-items:center;gap:7px;font-weight:700;color:#40516a}.mail-account-base{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:18px}.mail-protocol-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e5ebf3}.mail-protocol-columns>section{padding:18px}.mail-protocol-columns>section+section{border-left:1px solid #e5ebf3}.mail-protocol-columns section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mail-protocol-columns section>header label{display:flex;align-items:center;gap:8px}.mail-protocol-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mail-protocol-fields>label{display:grid;gap:6px}.mail-protocol-fields>small{grid-column:1/-1;color:#6d7d94}.mail-secret-clear{grid-column:1/-1;display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px;color:#8b4b35;font-size:.82rem}.mail-routing-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mail-route-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;border:1px solid #dfe6ef;border-radius:14px;background:#fbfcfe}.mail-route-row>span{display:flex;align-items:center;gap:10px;min-width:0}.mail-route-row>span>i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:#2d63ad}.mail-route-row>span>span{display:grid}.mail-route-row small{color:#75849a;font-size:.72rem}.mail-route-row select{max-width:250px}.settings-empty-reserved{display:flex;align-items:center;gap:16px;min-height:150px;padding:25px;border:1px dashed #cdd8e6;border-radius:18px;background:#fafbfd;color:#53637a}.settings-empty-reserved>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf2f8;color:#708199;font-size:1.2rem}.settings-empty-reserved strong{display:block;font-size:1.05rem;color:#31435d}.settings-empty-reserved p{margin:5px 0 0}
@media(max-width:900px){.mail-account-base,.mail-protocol-columns,.mail-routing-editor{grid-template-columns:1fr}.mail-protocol-columns>section+section{border-left:0;border-top:1px solid #e5ebf3}.mail-account-toolbar{align-items:flex-start;flex-direction:column}.mail-route-row{align-items:flex-start;flex-direction:column}.mail-route-row select{max-width:none;width:100%}}

/* Mailkonten: kompakte Master-Detail-Verwaltung */
.mail-accounts-panel .settings-editor-note{margin-bottom:0}.mail-account-toolbar{margin:18px 0 14px;padding:0 2px}.mail-account-toolbar>div strong{font-size:1rem;color:#293b55}.mail-account-toolbar>div small{font-size:.82rem}
.mail-account-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:650px;border:1px solid #dbe3ee;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 34px rgba(28,48,78,.07)}
.mail-account-directory{display:flex;flex-direction:column;min-width:0;padding:17px 12px 14px;background:#f6f8fb;border-right:1px solid #dfe6ef}.mail-account-directory-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px;color:#718096;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.mail-account-directory-head b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:#e5ebf4;color:#4c5f78;font-size:.75rem}
.mail-account-list{display:grid;gap:7px}.mail-account-list-item{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 12px;align-items:center;gap:10px;padding:12px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#40516a;text-align:left;cursor:pointer;transition:.18s ease}.mail-account-list-item:hover{background:#fff;border-color:#e2e8f0}.mail-account-list-item.active{background:#fff;border-color:#cbd8eb;box-shadow:0 6px 18px rgba(38,65,102,.08)}.mail-account-list-item>span:nth-child(2){display:grid;gap:2px;min-width:0}.mail-account-list-item strong,.mail-account-list-item small,.mail-account-list-item em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-account-list-item strong{font-size:.88rem;color:#263a56}.mail-account-list-item small{font-size:.76rem;color:#718096}.mail-account-list-item em{margin-top:3px;color:#557197;font-size:.66rem;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mail-account-list-item>i{font-size:.62rem;color:#9aa8ba}.mail-account-list-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e7eef8;color:#4e6f9e}.mail-account-list-item.active .mail-account-list-icon{background:#285eb4;color:#fff}
.mail-account-directory-note{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:14px 9px 2px;color:#7b899c;font-size:.72rem;line-height:1.45}.mail-account-directory-note i{margin-top:2px;color:#7692b8}
.mail-account-detail{min-width:0;background:#fff}.mail-account-detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e6ebf2;background:linear-gradient(180deg,#fff,#fbfcfe)}.mail-account-detail-title{display:flex;align-items:center;gap:13px;min-width:0}.mail-account-detail-title>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#e9f1fd;color:#2c61ad;font-size:1.08rem}.mail-account-detail-title>div{min-width:0}.mail-account-detail-title small{display:block;color:#8390a2;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mail-account-detail-title h4{margin:2px 0 1px;color:#233650;font-size:1.08rem}.mail-account-detail-title p{margin:0;color:#728197;font-size:.8rem}.mail-account-detail-actions{display:flex;align-items:center;gap:9px}.mail-account-state-switch{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 7px;border:1px solid #dce4ee;border-radius:999px;background:#fff;color:#52647c;font-size:.75rem;cursor:pointer}.mail-account-state-switch input,.mail-protocol-switch input{position:absolute;opacity:0;pointer-events:none}.mail-account-state-switch>span,.mail-protocol-switch>span{position:relative;width:30px;height:18px;border-radius:999px;background:#cbd5e1;transition:.18s}.mail-account-state-switch>span:after,.mail-protocol-switch>span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.18s}.mail-account-state-switch input:checked+span,.mail-protocol-switch input:checked+span{background:#24936f}.mail-account-state-switch input:checked+span:after,.mail-protocol-switch input:checked+span:after{transform:translateX(12px)}
.mail-account-identity{padding:20px 24px 22px;border-bottom:1px solid #edf1f5}.mail-account-section-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.mail-account-section-title>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f0f4f9;color:#667d9c}.mail-account-section-title>div{display:grid}.mail-account-section-title strong{color:#33465f;font-size:.9rem}.mail-account-section-title small{color:#8390a2;font-size:.73rem}.mail-account-identity-fields{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:13px}.mail-account-identity-fields label,.mail-protocol-fields label{display:grid;gap:6px}.mail-account-identity-fields .form-label,.mail-protocol-fields .form-label{font-size:.74rem}
.mail-account-protocol-stack{display:grid;gap:15px;padding:20px 24px 25px;background:#fafbfd}.mail-protocol-card{border:1px solid #dfe6ef;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(31,52,82,.035)}.mail-protocol-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid #edf1f5;background:#fbfcfe}.mail-protocol-card>header>div{display:flex;align-items:center;gap:10px}.mail-protocol-card>header>div:last-child{gap:13px}.mail-protocol-card>header strong{display:block;color:#30445e;font-size:.88rem}.mail-protocol-card>header small{display:block;margin-top:1px;color:#7e8da1;font-size:.72rem}.mail-protocol-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.mail-protocol-icon.outgoing{background:#e9f2ff;color:#2863ba}.mail-protocol-icon.incoming{background:#e7f7f1;color:#228063}.mail-protocol-switch{display:flex;cursor:pointer}.mail-protocol-body{padding:16px}.mail-protocol-fields{display:grid;grid-template-columns:minmax(160px,1.45fr) 90px minmax(125px,.8fr) minmax(160px,1fr) minmax(190px,1.25fr);gap:11px}.mail-protocol-fields.imap{grid-template-columns:minmax(155px,1.3fr) 82px minmax(120px,.8fr) minmax(150px,1fr) minmax(110px,.8fr) minmax(175px,1.1fr)}.mail-protocol-fields .form-control{min-width:0}.mail-secret-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding-top:11px;border-top:1px solid #edf1f5;color:#8a97a8;font-size:.72rem}.mail-secret-row>span{display:flex;align-items:center;gap:6px}.mail-secret-row>span.configured{color:#228063;font-weight:700}.mail-secret-row label{display:flex;align-items:center;gap:6px;color:#9a5746;cursor:pointer}
@media(max-width:1180px){.mail-account-workspace{grid-template-columns:220px minmax(0,1fr)}.mail-protocol-fields,.mail-protocol-fields.imap{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.mail-account-workspace{grid-template-columns:1fr}.mail-account-directory{border-right:0;border-bottom:1px solid #dfe6ef}.mail-account-list{display:flex;overflow:auto}.mail-account-list-item{min-width:210px}.mail-account-directory-note{display:none}.mail-account-identity-fields,.mail-protocol-fields,.mail-protocol-fields.imap{grid-template-columns:1fr 1fr}.mail-account-detail-head{align-items:flex-start}.mail-account-detail-title p{max-width:180px;overflow:hidden;text-overflow:ellipsis}.mail-account-detail-actions{flex-direction:column-reverse;align-items:flex-end}}
@media(max-width:560px){.mail-account-detail-head,.mail-account-identity,.mail-account-protocol-stack{padding-left:15px;padding-right:15px}.mail-account-identity-fields,.mail-protocol-fields,.mail-protocol-fields.imap{grid-template-columns:1fr}.mail-protocol-card>header{align-items:flex-start}.mail-protocol-card>header>div:last-child{flex-direction:column-reverse;align-items:flex-end}.mail-account-state-switch b{display:none}}
.mail-account-directory-head{font-size:.78rem}.mail-account-directory-head b{font-size:.8rem}.mail-account-list-item strong{font-size:.94rem}.mail-account-list-item small{font-size:.82rem}.mail-account-list-item em{font-size:.72rem}.mail-account-directory-note{font-size:.78rem}.mail-account-identity-fields .form-label,.mail-protocol-fields .form-label{font-size:.8rem}.mail-protocol-card>header strong{font-size:.94rem}.mail-protocol-card>header small,.mail-secret-row{font-size:.78rem}
.mail-account-in-use{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:#edf3fb;color:#506f98;font-size:.75rem;font-weight:750;white-space:nowrap}.mail-account-detail-actions .icon-button:disabled{cursor:not-allowed;opacity:.38;background:#f1f4f8;box-shadow:none}

/* Einheitliche Inhaltskanten und luftigere Formularraster */
.mail-accounts-panel .mail-account-toolbar{margin:18px 26px 14px}.mail-accounts-panel .mail-accounts-editor{margin:0 26px 26px}
.mail-protocol-card .text-button{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d8e2ef;border-radius:9px;background:#fff;color:#3d5f8e;font:inherit;font-size:.78rem;font-weight:750;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(31,52,82,.04)}.mail-protocol-card .text-button:hover{border-color:#b9cbe3;background:#f5f9ff;color:#245ba9}.mail-protocol-card .text-button:disabled{cursor:wait;opacity:.65}
.mail-test-feedback{display:flex;align-items:flex-start;gap:11px;margin:14px 16px 0;padding:12px 14px;border:1px solid #cddbef;border-radius:11px;background:#f1f6fd;color:#37608f}.mail-test-feedback[hidden]{display:none}.mail-test-feedback>i{margin-top:3px;font-size:1rem}.mail-test-feedback>span{display:grid;gap:2px}.mail-test-feedback strong{font-size:.86rem}.mail-test-feedback small{font-size:.79rem;line-height:1.45}.mail-test-feedback.loading{border-color:#cbdaf0;background:#f2f6fc;color:#3d628f}.mail-test-feedback.success{border-color:#b9dfd1;background:#edf9f4;color:#187558}.mail-test-feedback.error{border-color:#efc3bd;background:#fff3f1;color:#a64135}
.mail-test-modal-card{width:min(420px,calc(100vw - 32px));padding:30px;text-align:center;overflow:hidden}.mail-test-modal-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 17px;border-radius:18px;background:#eaf2ff;color:#2f65b7;font-size:1.35rem;box-shadow:0 8px 22px rgba(47,101,183,.13);transition:.2s}.mail-test-modal-copy small{display:block;margin-bottom:6px;color:#6f87a7;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mail-test-modal-copy h2{margin:0;color:#263951;font-size:1.25rem}.mail-test-modal-copy p{min-height:42px;margin:8px 0 0;color:#6d7e94;font-size:.86rem;line-height:1.5}.mail-test-modal-progress{height:8px;margin:22px 0 13px;border-radius:999px;background:#e9eef5;overflow:hidden}.mail-test-modal-progress span{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3974ca,#6457e8);transition:width .45s ease,background .2s}.mail-test-modal-step{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px;color:#587094;font-size:.8rem;font-weight:700}.mail-test-modal-card>.button{width:100%;margin-top:20px}.mail-test-modal[data-state="success"] .mail-test-modal-icon{background:#e5f7ef;color:#1d8a67;box-shadow:0 8px 22px rgba(29,138,103,.12)}.mail-test-modal[data-state="success"] .mail-test-modal-progress span{background:#26a47c}.mail-test-modal[data-state="success"] .mail-test-modal-step{color:#1d8061}.mail-test-modal[data-state="error"] .mail-test-modal-icon{background:#fff0ee;color:#bd4b3e;box-shadow:0 8px 22px rgba(189,75,62,.1)}.mail-test-modal[data-state="error"] .mail-test-modal-progress span{background:#cf594d}.mail-test-modal[data-state="error"] .mail-test-modal-step{color:#a74338}
@media(min-width:1181px){
  .mail-protocol-fields{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:13px;row-gap:14px}
  .mail-protocol-fields>label:nth-child(1){grid-column:span 3}.mail-protocol-fields>label:nth-child(2){grid-column:span 1}.mail-protocol-fields>label:nth-child(3){grid-column:span 2}.mail-protocol-fields>label:nth-child(4){grid-column:span 3}.mail-protocol-fields>label:nth-child(5){grid-column:span 3}
  .mail-protocol-fields.imap{grid-template-columns:repeat(6,minmax(0,1fr))}
  .mail-protocol-fields.imap>label:nth-child(1){grid-column:span 3}.mail-protocol-fields.imap>label:nth-child(2){grid-column:span 1}.mail-protocol-fields.imap>label:nth-child(3){grid-column:span 2}.mail-protocol-fields.imap>label:nth-child(4),.mail-protocol-fields.imap>label:nth-child(5),.mail-protocol-fields.imap>label:nth-child(6){grid-column:span 2}
}
@media(max-width:820px){.mail-accounts-panel .mail-account-toolbar{margin:16px 16px 12px}.mail-accounts-panel .mail-accounts-editor{margin:0 16px 18px}}

/* Mailversand und Ende-zu-Ende-Zustelltest */
.mail-routing-heading-actions{display:flex;align-items:center;gap:12px}.mail-routing-panel .settings-mode-banner{margin-bottom:0}.mail-routing-workspace{margin:20px 26px 26px}.mail-routing-intro{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #dce5f0;border-radius:15px;background:#f8fafc}.mail-routing-intro>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e8f1ff;color:#2f65b4}.mail-routing-intro>div:nth-child(2){flex:1}.mail-routing-intro strong{color:#2d405b;font-size:.96rem}.mail-routing-intro p{margin:3px 0 0;color:#75849a;font-size:.82rem}.mail-routing-intro>div:last-child{display:flex;gap:9px}.mail-routing-intro>div:last-child span{min-width:84px;padding:8px 11px;border-radius:10px;background:#fff;border:1px solid #e1e7ef;text-align:center}.mail-routing-intro>div:last-child strong,.mail-routing-intro>div:last-child small{display:block}.mail-routing-intro>div:last-child small{margin-top:1px;color:#7b899c;font-size:.69rem}
.mail-routing-editor{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px;margin-top:16px}.mail-routing-group{border:1px solid #dce4ee;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(31,52,82,.04)}.mail-routing-group>header{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid #e8edf3;background:#f8fafc}.mail-routing-group>header>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e7f0fd;color:#3266ae}.mail-routing-group.incoming>header>span{background:#e5f6ef;color:#238064}.mail-routing-group>header>div{display:grid}.mail-routing-group>header strong{color:#30435d;font-size:.91rem}.mail-routing-group>header small{color:#7d8b9f;font-size:.75rem}.mail-routing-group>div{display:grid}.mail-route-row{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(250px,1.1fr);align-items:center;gap:18px;padding:12px 16px;border:0;border-radius:0;background:#fff}.mail-route-row+.mail-route-row{border-top:1px solid #edf1f5}.mail-route-row:hover{background:#fbfcfe}.mail-route-kind{display:flex;align-items:center;gap:10px}.mail-route-kind>i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#edf3fc;color:#4d70a0;font-size:.78rem}.mail-route-kind>span{display:grid}.mail-route-kind strong{color:#364a64;font-size:.84rem}.mail-route-kind small{color:#8996a8;font-size:.72rem}.mail-route-account{display:flex;align-items:center;gap:8px}.mail-route-account>i{color:#7890b0}.mail-route-account select{width:100%;max-width:none}.mail-route-row.missing{box-shadow:inset 3px 0 #d69436}
.mail-delivery-test-card{max-width:900px}.mail-delivery-test-steps{display:flex;align-items:center;justify-content:center;margin:2px 0 23px}.mail-delivery-test-steps>span{display:flex;align-items:center;gap:7px;color:#8a96a7;font-size:.78rem;font-weight:750;white-space:nowrap}.mail-delivery-test-steps>span b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e9edf3;color:#748296}.mail-delivery-test-steps>span.active{color:#315fa5}.mail-delivery-test-steps>span.active b{background:#315fa5;color:#fff}.mail-delivery-test-steps>span.complete{color:#278166}.mail-delivery-test-steps>span.complete b{background:#dff4ec;color:#278166}.mail-delivery-test-steps>i{width:70px;height:2px;margin:0 10px;background:#e4e9f0}.mail-delivery-test-body{min-height:390px}.mail-test-selection-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.mail-test-selection-head strong{color:#30425c}.mail-test-selection-head p{margin:3px 0 0;color:#7c899b;font-size:.8rem}.mail-test-selection-head>label{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:750}.mail-test-type-table{max-height:365px;border:1px solid #dfe6ef;border-radius:13px;overflow:auto}.mail-test-type-table table{width:100%;border-collapse:collapse}.mail-test-type-table th{position:sticky;top:0;z-index:1;padding:10px 13px;background:#f5f7fa;color:#7b899b;font-size:.7rem;letter-spacing:.06em;text-align:left;text-transform:uppercase}.mail-test-type-table td{padding:10px 13px;border-top:1px solid #edf1f5;color:#40516a;font-size:.8rem}.mail-test-type-table td:nth-child(2){display:flex;align-items:center;gap:10px}.mail-test-type-table td:nth-child(2)>div{display:grid}.mail-test-type-table td small{color:#8a96a7}.mail-test-type-table td:last-child span{display:inline-flex;align-items:center;gap:6px}.mail-test-type-table td:last-child .assigned{color:#268165}.mail-test-type-table td:last-child .missing{color:#b06a2b}.mail-test-check input{position:absolute;opacity:0}.mail-test-check span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:7px;color:transparent}.mail-test-check input:checked+span{border-color:#376dc0;background:#376dc0;color:#fff}.mail-test-type-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf3fc;color:#4c70a2}.mail-test-table-loading,.mail-test-table-error{padding:50px;text-align:center}.mail-test-table-error{color:#a94438}
.mail-test-target-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}.mail-test-target-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e7f7f1;color:#228164}.mail-test-target-head strong{color:#30425c}.mail-test-target-head p{margin:3px 0 0;color:#7d8a9d;font-size:.8rem}.mail-test-target-accounts{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mail-test-target-card{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:14px;border:1px solid #dce4ee;border-radius:13px;background:#fff;cursor:pointer}.mail-test-target-card>input{position:absolute;opacity:0}.mail-test-target-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#edf3fc;color:#55769f}.mail-test-target-card>div{display:grid}.mail-test-target-card strong{color:#32465f}.mail-test-target-card small{color:#6f7f94}.mail-test-target-card em{margin-top:3px;color:#8996a7;font-size:.7rem;font-style:normal}.mail-test-target-card>i{color:#d3dae4}.mail-test-target-card.selected{border-color:#75a1df;background:#f3f7fd;box-shadow:0 0 0 2px rgba(55,109,192,.09)}.mail-test-target-card.selected>i{color:#2e70c8}.mail-test-timing-note{display:flex;gap:11px;margin-top:16px;padding:13px 15px;border-radius:12px;background:#fff8e9;color:#7f602b}.mail-test-timing-note p{margin:3px 0 0;font-size:.78rem}.mail-test-no-target{grid-column:1/-1;padding:35px;border:1px dashed #ccd6e3;border-radius:13px;text-align:center;color:#75859a}.mail-test-no-target strong{display:block;margin-top:8px}.mail-test-no-target p{margin:4px 0 0}
.mail-test-run-summary{display:flex;align-items:flex-end;justify-content:space-between}.mail-test-run-summary small,.mail-test-run-summary strong{display:block}.mail-test-run-summary small{color:#8390a2;font-size:.7rem;text-transform:uppercase}.mail-test-run-summary strong{margin-top:3px;color:#30435d}.mail-test-run-summary b{color:#3769b3;font-size:1.15rem}.mail-test-run-progress{height:9px;margin:11px 0 17px;border-radius:999px;background:#e8edf4;overflow:hidden}.mail-test-run-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f75c8,#2aa37c);transition:width .35s}.mail-test-run-rows{display:grid;gap:8px;max-height:345px;overflow:auto}.mail-test-run-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid #e0e6ee;border-radius:11px;background:#fff}.mail-test-run-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf2f8;color:#6880a1}.mail-test-run-row>div{display:grid}.mail-test-run-row strong{color:#344861;font-size:.82rem}.mail-test-run-row small{color:#8190a3;font-size:.72rem}.mail-test-run-row>b{color:#8190a3;font-size:.72rem}.mail-test-item-progress{height:4px;margin-top:7px;border-radius:99px;background:#edf1f5;overflow:hidden}.mail-test-item-progress span{display:block;height:100%;background:#4b7cc3;transition:width .3s}.mail-test-run-row.received{border-color:#bfe1d5;background:#f7fcfa}.mail-test-run-row.received .mail-test-run-icon{background:#e4f6ef;color:#228064}.mail-test-run-row.received .mail-test-item-progress span{background:#28a37c}.mail-test-run-row.error{border-color:#efc9c3;background:#fff8f7}.mail-test-run-row.error .mail-test-run-icon{background:#ffebe8;color:#b84b40}.mail-test-run-row.error .mail-test-item-progress span{background:#c85348}.mail-test-run-notice{display:flex;align-items:center;gap:9px;margin-top:13px;padding:11px 13px;border-radius:10px;background:#f1f5fb;color:#557093;font-size:.78rem}.mail-delivery-test-actions>span{margin-right:auto;color:#77869a;font-size:.78rem}
.mail-test-message-card{max-width:1050px;padding:0;overflow:hidden}.mail-message-toolbar{display:flex;align-items:center;gap:13px;padding:15px 19px;border-bottom:1px solid #e1e7ef;background:#f8fafc}.mail-message-toolbar>div{flex:1}.mail-message-toolbar small{color:#7d8b9e;font-size:.68rem;text-transform:uppercase}.mail-message-toolbar h2{margin:2px 0 0;color:#2d4059;font-size:1rem}.mail-message-toolbar>span{color:#718096;font-size:.78rem}.mail-message-envelope{display:flex;align-items:center;gap:11px;padding:15px 20px;border-bottom:1px solid #e7ecf2}.mail-message-envelope>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8eff8;color:#52719b}.mail-message-envelope>div{display:grid;flex:1}.mail-message-envelope strong{color:#30445e}.mail-message-envelope small{margin-top:2px;color:#718197}.mail-message-envelope>b{padding:6px 9px;border-radius:8px;background:#fff1dc;color:#a15f19;font-size:.68rem}.mail-test-message-frame{display:block;width:100%;height:min(620px,65vh);border:0;background:#fff}
@media(max-width:900px){.mail-routing-editor{grid-template-columns:1fr}.mail-routing-intro{align-items:flex-start}.mail-routing-intro>div:last-child{display:none}.mail-test-target-accounts{grid-template-columns:1fr}}
@media(max-width:650px){.mail-routing-workspace{margin:16px}.mail-routing-heading-actions .settings-heading-icon{display:none}.mail-route-row{grid-template-columns:1fr;gap:9px}.mail-delivery-test-steps>i{width:20px}.mail-delivery-test-steps>span{font-size:0}.mail-delivery-test-steps>span b{font-size:.75rem}.mail-test-selection-head{align-items:flex-start;flex-direction:column}.mail-message-toolbar>span{display:none}}
.mail-routing-editor{grid-template-columns:1fr}.mail-routing-group.incoming .mail-route-row{grid-template-columns:minmax(260px,.75fr) minmax(360px,1.25fr)}.mail-test-timing-note{align-items:center}.mail-test-timing-note>div{flex:1}.mail-test-timing-note>label{display:grid;grid-template-columns:auto 80px auto;align-items:center;gap:8px;white-space:nowrap}.mail-test-timing-note>label span,.mail-test-timing-note>label b{font-size:.75rem}.mail-test-timing-note>label input{text-align:center}
@media(max-width:650px){.mail-routing-group.incoming .mail-route-row{grid-template-columns:1fr}.mail-test-timing-note{align-items:flex-start;flex-wrap:wrap}.mail-test-timing-note>label{width:100%;grid-template-columns:auto 1fr auto}}
.support-settings-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 24px;background:linear-gradient(135deg,#f7f9ff,#fbfcff);border-bottom:1px solid var(--border)}
.support-overview-card{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;border:1px solid #dbe4f4;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(45,67,110,.05)}
.support-overview-card>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#eaf2ff;color:#2467c8;font-size:18px}.support-overview-card.tone-green>span{background:#e7f7f1;color:#168a69}.support-overview-card.tone-purple>span{background:#f0edff;color:#6552d9}
.support-overview-card div{min-width:0}.support-overview-card small{display:block;margin-bottom:3px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.support-overview-card strong{display:block;overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.support-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.support-workflow-grid label{padding:16px;border:1px solid #e1e7f0;border-radius:13px;background:#fbfcfe}.support-workflow-grid .settings-input-help{display:block;margin-top:8px;line-height:1.45}
.support-route-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
@media(max-width:900px){.support-settings-overview{grid-template-columns:1fr}.support-workflow-grid{grid-template-columns:1fr}}

/* Mail-Zentrale im Master-Detail-Stil der Mailkonten */
.broadcast-mail-panel{padding-bottom:0}
.broadcast-mail-panel .broadcast-wizard{display:grid;width:auto;max-width:none;min-height:650px;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto 1fr;margin:20px 26px 26px;padding:0;border:1px solid #dbe3ee;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(28,48,78,.07);overflow:hidden}
.broadcast-mail-panel .broadcast-steps{grid-column:1;grid-row:1/span 2;display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0;padding:17px 12px;border:0;border-right:1px solid #dfe6ef;border-radius:0;background:#f6f8fb}
.broadcast-mail-panel .broadcast-steps:before{content:"VERSAND";padding:0 8px 7px;color:#718096;font-size:.78rem;font-weight:800;letter-spacing:.09em}
.broadcast-mail-panel .broadcast-steps>i{display:none}
.broadcast-mail-panel .broadcast-steps button{display:grid;min-height:68px;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#40516a}
.broadcast-mail-panel .broadcast-steps button:hover{border-color:#e2e8f0;background:#fff}
.broadcast-mail-panel .broadcast-steps button.active{border-color:#cbd8eb;background:#fff;box-shadow:0 6px 18px rgba(38,65,102,.08)}
.broadcast-mail-panel .broadcast-steps button>span:first-child{width:38px;height:38px;border:0;border-radius:11px;background:#e7eef8;color:#4e6f9e;font-size:.85rem}
.broadcast-mail-panel .broadcast-steps button.active>span:first-child{background:#285eb4;color:#fff}
.broadcast-mail-panel .broadcast-steps button.completed>span:first-child{border:0;background:#e7f7f1;color:#228063}
.broadcast-mail-panel .broadcast-steps button strong{color:#263a56;font-size:.94rem}
.broadcast-mail-panel .broadcast-steps button small{color:#718096;font-size:.78rem}
.broadcast-mail-panel .broadcast-overview{grid-column:2;grid-row:1;gap:12px;margin:0;padding:20px 24px;border-bottom:1px solid #e6ebf2;background:linear-gradient(180deg,#fff,#fbfcfe)}
.broadcast-mail-panel .broadcast-overview article{gap:12px;padding:14px 16px;border-color:#dfe6ef;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(31,52,82,.035)}
.broadcast-mail-panel .broadcast-overview article>i{width:38px;height:38px;border-radius:10px;background:#e9f1fd;color:#2c61ad}
.broadcast-mail-panel .broadcast-overview strong{color:#233650;font-size:1.08rem}
.broadcast-mail-panel .broadcast-overview small{color:#8390a2;font-size:.75rem}
.broadcast-mail-panel .broadcast-step{grid-column:2;grid-row:2;min-width:0;padding:20px 24px 24px;background:#fafbfd;box-sizing:border-box}
.broadcast-mail-panel .broadcast-audience,.broadcast-mail-panel .broadcast-composer,.broadcast-mail-panel .broadcast-review{padding:22px 24px;border-color:#dfe6ef;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(31,52,82,.035)}
.broadcast-mail-panel .broadcast-section-heading>div>span{background:#e9f1fd;color:#2c61ad}
.broadcast-mail-panel .broadcast-section-heading h4{color:#30445e}
.broadcast-mail-panel .broadcast-all-options label>span,.broadcast-mail-panel .broadcast-review-grid article{border-color:#dfe6ef;background:#fbfcfe}
.broadcast-mail-panel .broadcast-all-options input:checked+span{border-color:#9eb9df;background:#edf4fd;box-shadow:0 0 0 2px rgba(40,94,180,.07)}
.broadcast-mail-panel .broadcast-all-options input:checked+span i,.broadcast-mail-panel .broadcast-all-options input:checked+span strong{color:#285eb4}
.broadcast-mail-panel .broadcast-role-options input:checked+span{border-color:#285eb4;background:#285eb4}
.broadcast-mail-panel .broadcast-directory-tabs{background:#edf1f6}
.broadcast-mail-panel .broadcast-contact-avatar,.broadcast-mail-panel .broadcast-review-grid .review-icon{background:#e9f1fd;color:#2c61ad}
.broadcast-mail-panel .broadcast-wizard-actions{margin-top:18px;padding-top:18px}

@media(max-width:900px){
  .broadcast-mail-panel .broadcast-wizard{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;margin:18px 16px 20px;min-height:0}
  .broadcast-mail-panel .broadcast-steps{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px;border-right:0;border-bottom:1px solid #dfe6ef}
  .broadcast-mail-panel .broadcast-steps:before{display:none}
  .broadcast-mail-panel .broadcast-steps button{min-height:58px}
  .broadcast-mail-panel .broadcast-overview{grid-column:1;grid-row:2;padding:16px}
  .broadcast-mail-panel .broadcast-step{grid-column:1;grid-row:3;padding:16px}
}
@media(max-width:620px){
  .broadcast-mail-panel .broadcast-steps button{display:flex;justify-content:center;min-height:50px;padding:6px}
  .broadcast-mail-panel .broadcast-steps button>span:last-child{display:none}
  .broadcast-mail-panel .broadcast-overview{grid-template-columns:1fr}
  .broadcast-mail-panel .broadcast-audience,.broadcast-mail-panel .broadcast-composer,.broadcast-mail-panel .broadcast-review{padding:18px}
}

/* Mail-Templates im Master-Detail-Stil der Mailkonten */
.mail-templates-panel .settings-editor-note{margin-bottom:0}
.mail-templates-panel .mail-template-editor{display:block;margin:18px 26px 26px;padding:0}
.mail-template-workspace-shell{display:grid;height:clamp(650px,calc(100vh - 150px),900px);min-height:650px;grid-template-columns:290px minmax(0,1fr);border:1px solid #dbe3ee;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(28,48,78,.07);overflow:hidden}
.mail-template-directory{display:flex;min-width:0;min-height:0;flex-direction:column;padding:17px 12px 14px;border-right:1px solid #dfe6ef;background:#f6f8fb;overflow:hidden}
.mail-template-directory-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px;color:#718096;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.mail-template-directory-head b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:8px;background:#e5ebf4;color:#4c5f78;font-size:.8rem}
.mail-template-search{position:relative;display:flex;align-items:center;margin:0 4px 13px}.mail-template-search>i{position:absolute;left:11px;color:#8798ad;font-size:.72rem;pointer-events:none}.mail-template-search>input{width:100%;height:34px;padding:0 34px 0 31px;border:1px solid #dbe3ed;border-radius:10px;outline:0;background:#fff;color:#344861;font:inherit;font-size:.78rem;transition:border-color .16s ease,box-shadow .16s ease}.mail-template-search>input::placeholder{color:#98a6b7}.mail-template-search>input:focus{border-color:#9eb5d3;box-shadow:0 0 0 3px rgba(40,94,180,.1)}.mail-template-search>button{position:absolute;right:5px;display:grid;width:25px;height:25px;place-items:center;border:0;border-radius:7px;background:transparent;color:#8797aa;cursor:pointer}.mail-template-search>button:hover{background:#edf2f8;color:#425b7b}.mail-template-search-empty{display:grid;min-height:130px;place-items:center;align-content:center;gap:8px;color:#8695a8;font-size:.78rem;text-align:center}.mail-template-search-empty>i{font-size:1.15rem;color:#9aaabd}
.mail-template-directory .mail-template-list{display:grid;min-height:0;flex:1;align-content:start;gap:17px;padding-right:4px;border:0;border-radius:0;background:transparent;overflow-x:hidden;overflow-y:auto;scrollbar-color:#b9c7d9 transparent;scrollbar-width:thin}
.mail-template-directory .mail-template-list::-webkit-scrollbar{width:7px}.mail-template-directory .mail-template-list::-webkit-scrollbar-track{background:transparent}.mail-template-directory .mail-template-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#b9c7d9;background-clip:padding-box}
.mail-template-group{display:grid;gap:7px}.mail-template-group-title{appearance:none;position:sticky;top:0;z-index:2;display:flex;width:100%;align-items:center;justify-content:space-between;min-height:32px;padding:0 7px;border:0;border-radius:8px;background:#f6f8fb;color:#708198;font:inherit;font-size:.69rem;font-weight:800;letter-spacing:.055em;text-align:left;text-transform:uppercase;cursor:pointer}.mail-template-group-title:hover{background:#edf2f8;color:#536b89}.mail-template-group-title>span{display:flex;align-items:center;gap:6px}.mail-template-group-title>span:last-child{gap:4px}.mail-template-group-title i{width:14px;color:#7891b2;text-align:center}.mail-template-group-title>span:last-child>i{font-size:.58rem;transition:transform .18s ease}.mail-template-group.open .mail-template-group-title>span:last-child>i{transform:rotate(180deg)}.mail-template-group-title b{display:grid;min-width:20px;height:20px;place-items:center;border-radius:7px;background:#e7ecf3;color:#60738d;font-size:.67rem}.mail-template-group-entries{display:grid;gap:7px}
.mail-template-directory .mail-template-list-item{appearance:none;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 12px;align-items:center;gap:10px;padding:12px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#40516a;font:inherit;text-align:left;cursor:pointer;transition:.18s ease}
.mail-template-directory .mail-template-list-item:hover{border-color:#e2e8f0;background:#fff}
.mail-template-directory .mail-template-list-item.active{border-color:#cbd8eb;background:#fff;box-shadow:0 6px 18px rgba(38,65,102,.08)}
.mail-template-directory .mail-template-list-item>span:nth-child(2){display:grid;min-width:0;gap:2px}
.mail-template-directory .mail-template-list-item strong,.mail-template-directory .mail-template-list-item small,.mail-template-directory .mail-template-list-item em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-template-directory .mail-template-list-item strong{color:#263a56;font-size:.94rem}
.mail-template-directory .mail-template-list-item small{color:#718096;font-size:.82rem}
.mail-template-directory .mail-template-list-item em{margin-top:3px;color:#557197;font-size:.72rem;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.mail-template-directory .mail-template-list-item>i{color:#9aa8ba;font-size:.62rem}
.mail-template-directory .mail-template-layout-item{background:transparent}
.mail-template-list-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#e7eef8;color:#4e6f9e}
.mail-template-list-item.active .mail-template-list-icon{background:#285eb4;color:#fff}
.mail-template-directory-note{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:14px 9px 2px;color:#7b899c;font-size:.78rem;line-height:1.45}
.mail-template-directory-note i{margin-top:2px;color:#7692b8}
.mail-template-workspace{min-width:0;min-height:0;background:#fff;overflow:auto}
.mail-template-detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e6ebf2;background:linear-gradient(180deg,#fff,#fbfcfe)}
.mail-template-detail-title{display:flex;align-items:center;gap:13px;min-width:0}
.mail-template-detail-title>span{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:13px;background:#e9f1fd;color:#2c61ad;font-size:1.08rem}
.mail-template-detail-title>div{min-width:0}
.mail-template-detail-title small{display:block;color:#8390a2;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mail-template-detail-title h4{margin:2px 0 1px;color:#233650;font-size:1.08rem}
.mail-template-detail-title p{margin:0;overflow:hidden;color:#728197;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}
.mail-template-fullscreen-toggle{appearance:none;display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid #dce4ee;border-radius:11px;background:#fff;color:#526f98;font:inherit;font-size:.95rem;cursor:pointer;box-shadow:0 2px 7px rgba(31,52,82,.05);transition:.18s ease}
.mail-template-fullscreen-toggle:hover{border-color:#b9cbe3;background:#f5f9ff;color:#245ba9}
.mail-template-detail-body{padding:20px 24px 25px;background:#fafbfd}
.mail-template-detail-body .mail-template-card{gap:16px;padding:18px;border-color:#dfe6ef;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(31,52,82,.035)}
.mail-template-detail-body .mail-template-card>.form-label,.mail-template-detail-body .mail-template-card label>.form-label,.mail-template-detail-body .mail-preview-column>.form-label{font-size:.8rem}
.mail-template-detail-body .mail-editor-toolbar{padding:7px;border-color:#dfe6ef;background:#fbfcfe}
.mail-template-detail-body .mail-template-body,.mail-template-detail-body .mail-template-visual{min-height:430px}
.mail-template-detail-body .mail-template-preview{min-height:430px;border-color:#dfe6ef}

@media(max-width:1180px){.mail-template-workspace-shell{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:820px){
  .mail-templates-panel .mail-template-editor{margin:16px 16px 20px}
  .mail-template-workspace-shell{height:auto;grid-template-columns:1fr;min-height:0}
  .mail-template-directory{border-right:0;border-bottom:1px solid #dfe6ef}
  .mail-template-list{display:flex!important;overflow:auto!important}
  .mail-template-group{min-width:240px}
  .mail-template-group-title{position:static}
  .mail-template-directory .mail-template-list-item{min-width:220px}
  .mail-template-directory-note{display:none}
}
@media(max-width:560px){
  .mail-template-detail-head,.mail-template-detail-body{padding-right:15px;padding-left:15px}
  .mail-template-detail-title p{max-width:190px}
  .mail-template-detail-body .mail-template-card{padding:15px}
}
.mail-template-fullscreen-open{overflow:hidden}
.mail-template-workspace-shell.fullscreen{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;min-height:100vh;grid-template-columns:300px minmax(0,1fr);border:0;border-radius:0;box-shadow:none}
.mail-template-workspace-shell.fullscreen .mail-template-directory{height:100vh;box-sizing:border-box}
.mail-template-workspace-shell.fullscreen .mail-template-list{min-height:0;overflow:auto}
.mail-template-workspace-shell.fullscreen .mail-template-directory-note{margin-top:12px}
.mail-template-workspace-shell.fullscreen .mail-template-workspace{height:100vh;overflow:auto}
.mail-template-workspace-shell.fullscreen .mail-template-detail-head{position:sticky;top:0;z-index:3}
.mail-template-workspace-shell.fullscreen .mail-template-detail-body{min-height:calc(100vh - 85px);box-sizing:border-box}
.mail-template-workspace-shell.fullscreen .mail-template-body,.mail-template-workspace-shell.fullscreen .mail-template-visual,.mail-template-workspace-shell.fullscreen .mail-template-preview{height:calc(100vh - 320px);min-height:480px}
@media(max-width:700px){.mail-template-workspace-shell.fullscreen{grid-template-columns:210px minmax(0,1fr)}.mail-template-workspace-shell.fullscreen .mail-template-directory{border-right:1px solid #dfe6ef;border-bottom:0}.mail-template-workspace-shell.fullscreen .mail-template-list{display:grid!important}.mail-template-workspace-shell.fullscreen .mail-template-group{min-width:0}.mail-template-workspace-shell.fullscreen .mail-template-list-item{min-width:0}}

/* Zahlungen */
.payments-settings-panel{--payment-blue:#1769aa;--payment-ink:#263b59;--payment-muted:#71839c;--payment-line:#dbe5f1;background:#fbfcfe}
.payments-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px;padding:22px 26px 0}
.booking-methods-settings-block{overflow:hidden;margin:22px 26px 4px;border:1px solid #dfe5ee;border-radius:17px;background:#fff;box-shadow:0 4px 14px rgba(32,58,93,.04)}.booking-methods-settings-block>header{display:flex;align-items:center;gap:12px;padding:16px 17px;border-bottom:1px solid #e7edf4;background:#f8fafc}.booking-methods-settings-block>header>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;background:#eef1f6;color:#44546a;font-size:1.05rem}.booking-methods-settings-block>header small{display:block;color:#8291a5;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.booking-methods-settings-block>header h4{margin:2px 0;color:#2a3e5b;font-size:1rem}.booking-methods-settings-block>header p{margin:0;color:#7a899e;font-size:.79rem}.booking-methods-settings-block>.payments-enable-row{border:0;background:#fff}.booking-methods-settings-block>.payments-enable-row+.payments-enable-row{border-top:1px solid #e7edf4}
@media(max-width:700px){.booking-methods-settings-block{margin-right:15px;margin-left:15px}}
.payments-status-banner{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 19px;border:1px solid #d6e3f2;border-radius:16px;background:linear-gradient(135deg,#f3f8fd,#fff);transition:.18s ease}.payments-status-banner>span{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:#e5f2ff;color:#0877d1;font-size:1.3rem}.payments-status-banner>div{min-width:0}.payments-status-banner small{display:block;color:#7d8da3;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.payments-status-banner strong{display:block;margin-top:2px;color:#263d5e;font-size:1.06rem}.payments-status-banner p{margin:4px 0 0;overflow:hidden;color:#718198;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.payments-status-banner>b{padding:7px 11px;border-radius:999px;background:#eef2f7;color:#687990;font-size:.75rem}.payments-status-banner.active{border-color:#b8d8cd;background:linear-gradient(135deg,#effaf5,#fff)}.payments-status-banner.active>b{background:#e4f5ee;color:#16775b}.payments-status-banner.warning{border-color:#efd5a7;background:linear-gradient(135deg,#fff9ed,#fff)}.payments-status-banner.warning>b{background:#fff0d5;color:#955b0b}
.payments-currency-control{display:grid;grid-template-columns:42px minmax(0,1fr) 82px;align-items:center;gap:12px;padding:15px 16px;border:1px solid #e0e6ee;border-radius:16px;background:#fff;cursor:text}.payments-currency-control>span:first-child{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#fff1da;color:#bd6a08}.payments-currency-control>span:nth-child(2){min-width:0}.payments-currency-control small,.payments-currency-control strong{display:block}.payments-currency-control small{color:#8794a6;font-size:.71rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.payments-currency-control strong{margin-top:3px;color:#344963;font-size:.83rem}.payments-currency-control .form-control{text-align:center;text-transform:uppercase;font-weight:800}
.payments-provider-block,.payments-affiliate-block{overflow:hidden;margin:14px 26px 0;border:1px solid var(--payment-line);border-radius:17px;background:#fff;box-shadow:0 4px 14px rgba(32,58,93,.04)}.payments-provider-block>header,.payments-affiliate-block>header{display:flex;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid #e7edf4;background:#f8fafc}.payments-provider-block>header>span,.payments-affiliate-block>header>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;background:#e6f2ff;color:#0877d1;font-size:1.05rem}.payments-affiliate-block>header>span{background:#eeeaff;color:#6352d4}.payments-provider-block>header small,.payments-affiliate-block>header small{display:block;color:#8291a5;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.payments-provider-block>header h4,.payments-affiliate-block>header h4{margin:2px 0;color:#2a3e5b;font-size:1rem}.payments-provider-block>header p,.payments-affiliate-block>header p{margin:0;color:#7a899e;font-size:.79rem}
.payments-enable-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto 40px;align-items:center;gap:14px;padding:14px 17px;border-bottom:1px solid #e7edf4;cursor:pointer}.payments-enable-row>input{position:absolute;width:1px;height:1px;opacity:0}.payments-enable-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#edf3fb;color:#6680a4}.payments-enable-row>span:nth-of-type(2) strong{display:block;color:var(--payment-ink);font-size:.92rem}.payments-enable-row>span:nth-of-type(2) small{display:block;margin-top:3px;color:var(--payment-muted);font-size:.8rem}.payments-enable-row>em{padding:6px 10px;border-radius:999px;background:#eef2f6;color:#718096;font-size:.74rem;font-style:normal;font-weight:800}.payments-enable-row>.settings-toggle-visual{justify-self:end}.payments-enable-row>input:focus-visible~.settings-toggle-visual{outline:3px solid rgba(23,105,170,.2)}.payments-enable-row>input:checked~.settings-toggle-visual{background:#1769aa}.payments-enable-row>input:checked~.settings-toggle-visual span{transform:translateX(17px)}.payments-enable-row:has(input:checked) .payments-enable-icon{background:#e4f1ff;color:#1769aa}.payments-enable-row:has(input:checked)>em{background:#e8f7f1;color:#17765b}.affiliate-enable-row>input:checked~.settings-toggle-visual{background:#6454d7}.affiliate-enable-row:has(input:checked) .payments-enable-icon{background:#eeeaff;color:#6454d7}
.payments-provider-grid{display:grid;grid-template-columns:1fr 1fr}.payments-config-column{display:grid;align-content:start;gap:14px;padding:18px}.payments-config-column+.payments-config-column{border-left:1px solid #e7edf4}.payments-config-column>label{display:grid;gap:7px}.payments-config-column .form-label{font-size:.8rem}.payments-config-column .settings-input-help{font-size:.74rem}.payments-column-heading{display:flex;align-items:center;gap:10px;margin-bottom:2px}.payments-column-heading>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#edf3fb;color:#5577a3}.payments-column-heading strong,.payments-column-heading small{display:block}.payments-column-heading strong{color:#344963;font-size:.85rem}.payments-column-heading small{margin-top:2px;color:#8190a4;font-size:.73rem}
.payments-secret-remove{display:flex!important;align-items:flex-start;gap:10px!important;padding:11px 12px;border-radius:11px;background:#fff5f6;cursor:pointer}.payments-secret-remove input{margin-top:2px;accent-color:#bd3f54}.payments-secret-remove strong,.payments-secret-remove small{display:block}.payments-secret-remove strong{color:#934353;font-size:.78rem}.payments-secret-remove small{margin-top:3px;color:#966f78;font-size:.71rem;line-height:1.4}
.payments-requirements{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:13px 18px;border-top:1px solid #e7edf4;background:#f8fbfe;color:#61738b}.payments-requirements strong{color:#344963;font-size:.79rem}.payments-requirements span{font-size:.75rem}.payments-requirements i{margin-right:5px;color:#188163}
.payments-provider-actionbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-top:1px solid #e7edf4}.payments-provider-actionbar>div{display:flex;align-items:center;gap:11px}.payments-provider-actionbar>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eaf7f2;color:#168164}.payments-provider-actionbar p{margin:0}.payments-provider-actionbar strong,.payments-provider-actionbar small{display:block}.payments-provider-actionbar strong{color:#324861;font-size:.85rem}.payments-provider-actionbar small{margin-top:2px;color:#75859a;font-size:.75rem}.payments-provider-actionbar .button{min-height:42px;white-space:nowrap}
.payments-settings-panel:not(.payments-affiliate-page) .payments-provider-block{margin-bottom:22px}.payments-affiliate-page .payments-affiliate-block{margin-top:22px;margin-bottom:22px}.payments-affiliate-block{margin-bottom:22px}.payments-affiliate-threshold{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(190px,260px);align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid #e7edf4;background:#fbfcfe}.payments-affiliate-threshold>span:first-child{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#fff0d9;color:#b8690a}.payments-affiliate-threshold>span:nth-child(2) small,.payments-affiliate-threshold>span:nth-child(2) strong{display:block}.payments-affiliate-threshold>span:nth-child(2) small{color:#8793a5;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.payments-affiliate-threshold>span:nth-child(2) strong{margin-top:2px;color:#344963;font-size:.86rem}.payments-affiliate-threshold p{margin:3px 0 0;color:#7a899e;font-size:.75rem}.payments-affiliate-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr)}.payments-affiliate-content>section{min-width:0;padding:18px}.payments-affiliate-content>section+section{border-left:1px solid #e7edf4}.payments-subheading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.payments-subheading>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eeeaff;color:#6454d7}.payments-subheading h5{margin:0;color:#344963;font-size:.88rem}.payments-subheading p{margin:3px 0 0;color:#8190a4;font-size:.74rem}.payments-affiliate-block .affiliate-reward-config-grid{grid-template-columns:1fr;gap:10px}.payments-affiliate-block .affiliate-reward-config-card{padding:14px;border-radius:13px;background:#fbfcfe}.payments-affiliate-requirements{display:grid;gap:14px}.payments-affiliate-requirements>label{display:grid;gap:7px}.payments-affiliate-requirements .form-label{font-size:.8rem}.payments-affiliate-requirements .settings-input-help{font-size:.72rem}.payments-affiliate-note{display:flex;align-items:center;gap:10px;padding:13px 17px;border-top:1px solid #e7edf4;background:#f1faf6;color:#376853;font-size:.76rem}.payments-affiliate-note i{color:#168164}
@media(max-width:1050px){.payments-overview,.payments-provider-grid,.payments-affiliate-content{grid-template-columns:1fr}.payments-config-column+.payments-config-column,.payments-affiliate-content>section+section{border-top:1px solid #e7edf4;border-left:0}}
@media(max-width:700px){.payments-overview{padding-right:15px;padding-left:15px}.payments-provider-block,.payments-affiliate-block{margin-right:15px;margin-left:15px}.payments-status-banner{grid-template-columns:46px minmax(0,1fr)}.payments-status-banner>span{width:46px;height:46px}.payments-status-banner>b{grid-column:1/-1;justify-self:start}.payments-enable-row{grid-template-columns:42px minmax(0,1fr) 40px}.payments-enable-row>em{display:none}.payments-provider-actionbar{align-items:stretch;flex-direction:column}.payments-provider-actionbar .button{width:100%}.payments-affiliate-threshold{grid-template-columns:42px minmax(0,1fr)}.payments-affiliate-threshold>.input-with-unit{grid-column:1/-1}}

/* Kundendateien */
.customer-storage-panel{--storage-blue:#2764c5;--storage-ink:#263b59;--storage-muted:#71839c;--storage-line:#dbe5f1;background:#fbfcfe}
.storage-status-banner{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;margin:22px 26px 0;padding:17px 19px;border:1px solid #d5e2f1;border-radius:16px;background:linear-gradient(135deg,#f4f8fd,#fff);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.storage-status-banner>span{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:#e8f0fb;color:#4d70a1;font-size:1.12rem}.storage-status-banner>div{min-width:0}.storage-status-banner small{display:block;color:#7d8da3;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.storage-status-banner strong{display:block;margin-top:2px;color:#263d5e;font-size:1.06rem}.storage-status-banner p{margin:4px 0 0;overflow:hidden;color:#718198;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.storage-status-banner>b{padding:7px 11px;border-radius:999px;background:#eef2f7;color:#687990;font-size:.75rem}
.storage-status-banner.active{border-color:#b9d9ce;background:linear-gradient(135deg,#f0faf6,#fff);box-shadow:0 7px 20px rgba(24,126,93,.06)}.storage-status-banner.active>span{background:#e4f5ee;color:#17805f}.storage-status-banner.active>b{background:#e4f5ee;color:#16775b}.storage-status-banner.warning{border-color:#efd5a7;background:linear-gradient(135deg,#fff9ed,#fff)}.storage-status-banner.warning>span{background:#fff0d5;color:#ad690d}.storage-status-banner.warning>b{background:#fff0d5;color:#955b0b}
.storage-enable-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto 40px;align-items:center;gap:14px;margin:14px 26px 0;padding:14px 2px 15px;border-bottom:1px solid #e2e8f0;cursor:pointer}.storage-enable-row>input{position:absolute;width:1px;height:1px;opacity:0}.storage-enable-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#edf3fb;color:#6680a4}.storage-enable-row>span:nth-of-type(2) strong{display:block;color:var(--storage-ink);font-size:.92rem}.storage-enable-row>span:nth-of-type(2) small{display:block;margin-top:3px;color:var(--storage-muted);font-size:.8rem}.storage-enable-row>em{padding:6px 10px;border-radius:999px;background:#eef2f6;color:#718096;font-size:.74rem;font-style:normal;font-weight:800}.storage-enable-row>.settings-toggle-visual{justify-self:end}.storage-enable-row>input:focus-visible~.settings-toggle-visual{outline:3px solid rgba(39,100,197,.2)}.storage-enable-row>input:checked~.settings-toggle-visual{background:var(--storage-blue)}.storage-enable-row>input:checked~.settings-toggle-visual span{transform:translateX(17px)}.storage-enable-row:has(input:checked) .storage-enable-icon{background:#e6f0ff;color:#2764c5}.storage-enable-row:has(input:checked)>em{background:#e8f7f1;color:#17765b}
.storage-settings-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px;padding:14px 26px}
.storage-settings-section{min-width:0;overflow:hidden;border:1px solid var(--storage-line);border-radius:16px;background:#fff;box-shadow:0 3px 12px rgba(32,58,93,.035)}.storage-settings-section>header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #e7edf4;background:#f8fafc}.storage-settings-section>header>span{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:11px;background:#e9f2ff;color:#2c69bf}.storage-settings-section>header>div{min-width:0}.storage-settings-section>header small{display:block;color:#8291a5;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.storage-settings-section>header h4{margin:2px 0;color:#2a3e5b;font-size:.98rem}.storage-settings-section>header p{margin:0;color:#7a899e;font-size:.78rem}
.storage-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:15px;padding:17px}.storage-form-grid label,.storage-security-fields>label{display:grid;min-width:0;align-content:start;gap:7px}.storage-field-root{grid-column:1/-1}.storage-form-grid .form-label,.storage-security-fields .form-label{font-size:.8rem}.storage-input-icon{position:relative}.storage-input-icon>i{position:absolute;top:50%;left:13px;z-index:1;color:#7890b0;font-size:.8rem;transform:translateY(-50%);pointer-events:none}.storage-input-icon .form-control{padding-left:36px;background:#fbfcfe}.storage-input-icon .form-control:focus{background:#fff}.storage-form-grid .settings-input-help,.storage-security-fields .settings-input-help{font-size:.74rem}
.storage-security-fields{display:grid;gap:15px;padding:17px}.storage-password-remove{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:10px!important;padding:11px 12px;border:0;border-radius:11px;background:#fff5f6;cursor:pointer}.storage-password-remove input{margin-top:2px;accent-color:#bd3f54}.storage-password-remove strong,.storage-password-remove small{display:block}.storage-password-remove strong{color:#934353;font-size:.78rem}.storage-password-remove small{margin-top:3px;color:#966f78;font-size:.71rem;line-height:1.4}
.storage-settings-actionbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 26px 22px;padding:15px 17px;border-top:1px solid #e1e7ef;background:#fff}.storage-settings-actionbar>div{display:flex;align-items:center;gap:11px}.storage-settings-actionbar>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eaf7f2;color:#168164}.storage-settings-actionbar p{margin:0}.storage-settings-actionbar strong,.storage-settings-actionbar small{display:block}.storage-settings-actionbar strong{color:#324861;font-size:.85rem}.storage-settings-actionbar small{margin-top:2px;color:#75859a;font-size:.75rem}.storage-settings-actionbar .button{min-height:42px;white-space:nowrap}
@media(max-width:1050px){.storage-settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.storage-status-banner,.storage-enable-row,.storage-settings-actionbar{margin-left:15px;margin-right:15px}.storage-status-banner{grid-template-columns:46px minmax(0,1fr)}.storage-status-banner>span{width:46px;height:46px}.storage-status-banner>b{grid-column:1/-1;justify-self:start}.storage-enable-row{grid-template-columns:42px minmax(0,1fr) 40px}.storage-enable-row>em{display:none}.storage-settings-grid{padding-right:15px;padding-left:15px}.storage-settings-actionbar{align-items:stretch;flex-direction:column;padding-right:0;padding-left:0}.storage-settings-actionbar .button{width:100%}}

/* Plesk-Einstellungen */
.plesk-settings-panel{--plesk-blue:#2764c5;--plesk-ink:#263b59;--plesk-muted:#71839c;--plesk-line:#dbe5f1;background:#fbfcfe}
.plesk-settings-overview{display:grid;gap:12px;padding:22px 26px 0}
.plesk-settings-hero{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:94px;padding:17px 19px;border:1px solid #cfe0f7;border-radius:17px;background:linear-gradient(135deg,#f2f7ff 0%,#fff 65%);box-shadow:0 8px 24px rgba(37,87,154,.07)}
.plesk-settings-hero>span{display:grid;width:54px;height:54px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#2f75d8,#2459ae);color:#fff;font-size:1.22rem;box-shadow:0 8px 18px rgba(38,94,179,.23)}
.plesk-settings-hero div{min-width:0}.plesk-settings-hero div>small{display:block;margin-bottom:3px;color:#7185a1;font-size:.75rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.plesk-settings-hero div>strong{display:block;overflow:hidden;color:#213a5d;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.plesk-settings-hero p{margin:4px 0 0;overflow:hidden;color:#718198;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}
.plesk-settings-hero>b{padding:7px 10px;border:1px solid #d7e1ec;border-radius:999px;background:#fff;color:#72839a;font-size:.76rem}.plesk-settings-hero>b.active{border-color:#b9e2d4;background:#edfaf5;color:#168265}
.plesk-settings-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.plesk-settings-health article{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-height:66px;padding:12px 14px;border:1px solid #e0e7f0;border-radius:14px;background:#fff}
.plesk-settings-health article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#edf4fe;color:#3470c6;font-size:.82rem}.plesk-settings-health small{display:block;color:#8996a8;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.plesk-settings-health strong{display:block;margin-top:2px;overflow:hidden;color:#354a67;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}
.plesk-settings-health article.ready>span{background:#eaf8f2;color:#168464}.plesk-settings-health article.ready strong{color:#14745a}.plesk-settings-health article.warning>span{background:#fff5e4;color:#b66a0a}.plesk-settings-health article.warning strong{color:#94580b}
.plesk-enable-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto 40px;align-items:center;gap:14px;margin:14px 26px 0;padding:15px 17px;border:1px solid var(--plesk-line);border-radius:15px;background:#fff;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.plesk-enable-card>input{position:absolute;width:1px;height:1px;opacity:0}.plesk-enable-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#edf3fb;color:#6680a4}.plesk-enable-card>span:nth-of-type(2) strong{display:block;color:var(--plesk-ink);font-size:.92rem}.plesk-enable-card>span:nth-of-type(2) small{display:block;margin-top:3px;color:var(--plesk-muted);font-size:.8rem}.plesk-enable-card>em{padding:6px 10px;border-radius:999px;background:#f2f5f9;color:#718096;font-size:.74rem;font-style:normal;font-weight:800}
.plesk-enable-card>.settings-toggle-visual{justify-self:end}.plesk-enable-card>input:focus-visible~.settings-toggle-visual{outline:3px solid rgba(39,100,197,.2)}.plesk-enable-card>input:checked~.settings-toggle-visual{background:#2764c5}.plesk-enable-card>input:checked~.settings-toggle-visual span{transform:translateX(17px)}
.plesk-enable-card:has(input:checked){border-color:#aecaef;background:#f7fbff;box-shadow:0 5px 16px rgba(39,100,197,.07)}.plesk-enable-card:has(input:checked) .plesk-enable-icon{background:#e5f0ff;color:#2464be}.plesk-enable-card:has(input:checked)>em{background:#e9f7f1;color:#17775c}
.plesk-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px 26px}
.plesk-config-card{min-width:0;overflow:hidden;border:1px solid var(--plesk-line);border-radius:16px;background:#fff;box-shadow:0 3px 12px rgba(32,58,93,.035)}
.plesk-config-card>header{display:flex;align-items:center;gap:12px;min-height:70px;padding:13px 16px;border-bottom:1px solid #e7edf4;background:#f8fafc}.plesk-config-card>header>span{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:11px;background:#e9f2ff;color:#2c69bf}.plesk-config-card>header>div{min-width:0;flex:1}.plesk-config-card>header small{display:block;color:#8291a5;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.plesk-config-card>header h4{margin:2px 0;color:#2a3e5b;font-size:.98rem}.plesk-config-card>header p{margin:0;color:#7a899e;font-size:.78rem}.plesk-config-card>header>b{align-self:flex-start;padding:5px 7px;border-radius:7px;background:#e9f7f1;color:#19775d;font-size:.7rem}
.plesk-config-fields{display:grid;gap:14px;padding:17px}.plesk-config-fields label{min-width:0}.plesk-config-fields .form-label{font-size:.8rem}.plesk-input-icon{position:relative}.plesk-input-icon>i{position:absolute;top:50%;left:13px;z-index:1;color:#7890b0;font-size:.8rem;transform:translateY(-50%);pointer-events:none}.plesk-input-icon .form-control{padding-left:36px;background:#fbfcfe}.plesk-input-icon .form-control:focus{background:#fff}.plesk-config-fields .settings-input-help{font-size:.74rem}
.plesk-auth-recommended{display:flex;align-items:center;gap:9px;margin:15px 17px 0;padding:10px 12px;border:1px solid #cde7dc;border-radius:11px;background:#f1faf6;color:#18765d}.plesk-auth-recommended>i{font-size:.9rem}.plesk-auth-recommended strong,.plesk-auth-recommended small{display:block}.plesk-auth-recommended strong{font-size:.8rem}.plesk-auth-recommended small{margin-top:1px;color:#5f897b;font-size:.72rem}
.plesk-secret-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 17px 17px}.plesk-secret-actions label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #eadde0;border-radius:10px;background:#fffafb;cursor:pointer}.plesk-secret-actions input{accent-color:#bf3f55}.plesk-secret-actions strong,.plesk-secret-actions small{display:block}.plesk-secret-actions strong{color:#8f4050;font-size:.75rem}.plesk-secret-actions small{margin-top:1px;color:#9c7a82;font-size:.69rem}
.plesk-provisioning-card{grid-column:1/-1}.plesk-provisioning-card>header .button{flex:0 0 auto}.plesk-provisioning-card .plesk-ip-options{margin:6px 16px 10px;max-height:340px;padding:0;gap:0;border:0;border-radius:0;background:transparent}.plesk-provisioning-card .plesk-ip-family{border:0;border-radius:0;background:transparent}.plesk-provisioning-card .plesk-ip-family+.plesk-ip-family{border-left:1px solid #e5ebf2}.plesk-provisioning-card .plesk-ip-family>header{padding:10px 12px;border-bottom:1px solid #e5ebf2;background:transparent}.plesk-provisioning-card .plesk-ip-option{padding:12px;border-color:#edf1f5;transition:background .16s ease}.plesk-provisioning-card .plesk-ip-option:hover{background:#f7faff}.plesk-provisioning-card .plesk-ip-option:has(input:checked){background:#edf4ff;box-shadow:none}
.plesk-settings-actionbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 26px 22px;padding:15px 17px;border:1px solid #d5e0ed;border-radius:15px;background:linear-gradient(90deg,#f7fafe,#fff);box-shadow:0 5px 16px rgba(33,59,92,.045)}.plesk-settings-actionbar>div{display:flex;align-items:center;gap:11px}.plesk-settings-actionbar>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eaf7f2;color:#168164}.plesk-settings-actionbar p{margin:0}.plesk-settings-actionbar strong,.plesk-settings-actionbar small{display:block}.plesk-settings-actionbar strong{color:#324861;font-size:.85rem}.plesk-settings-actionbar small{margin-top:2px;color:#75859a;font-size:.75rem}.plesk-settings-actionbar .button{min-height:42px;white-space:nowrap}.plesk-settings-message{margin:0 26px 22px}
@media(max-width:1100px){.plesk-settings-grid{grid-template-columns:1fr}.plesk-provisioning-card{grid-column:auto}}
@media(max-width:700px){.plesk-settings-overview,.plesk-settings-grid{padding-left:15px;padding-right:15px}.plesk-enable-card,.plesk-settings-actionbar,.plesk-settings-message{margin-left:15px;margin-right:15px}.plesk-settings-health{grid-template-columns:1fr}.plesk-settings-hero{grid-template-columns:46px minmax(0,1fr)}.plesk-settings-hero>span{width:46px;height:46px}.plesk-settings-hero>b{grid-column:1/-1;justify-self:start}.plesk-enable-card{grid-template-columns:42px minmax(0,1fr) 40px}.plesk-enable-card>em{display:none}.plesk-config-card>header{align-items:flex-start;flex-wrap:wrap}.plesk-provisioning-card>header .button{width:100%;margin-left:52px}.plesk-provisioning-card .plesk-ip-family+.plesk-ip-family{border-top:1px solid #e5ebf2;border-left:0}.plesk-secret-actions{grid-template-columns:1fr}.plesk-settings-actionbar{align-items:stretch;flex-direction:column}.plesk-settings-actionbar .button{width:100%}}
.partner-code-editor{margin:18px 0 0;padding:16px;border:1px solid #dedafc;border-radius:15px;background:#faf9ff}.partner-code-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.partner-code-editor-head strong,.partner-code-editor-head small{display:block}.partner-code-editor-head small{margin-top:3px;color:#78849a}.partner-code-rows{display:grid;gap:10px}.partner-code-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(145px,.8fr) minmax(145px,.8fr) minmax(150px,.8fr) auto auto;align-items:end;gap:9px;padding:12px;border:1px solid #e0e5ed;border-radius:12px;background:#fff}.partner-code-value{display:grid;grid-template-columns:1fr 72px;gap:6px}.partner-code-active{display:flex;align-items:center;gap:6px;min-height:42px}.partner-code-row>.icon-button{margin-bottom:2px}.partner-program-heading{display:flex;align-items:center;gap:13px;margin-top:8px;padding:18px 4px 4px;border-top:1px solid #e1e6ef}.partner-program-heading>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#6554dc;background:#eeebff}.partner-program-heading small,.partner-program-heading h4{display:block;margin:0}.partner-program-heading small{color:#6554dc;font-weight:800;text-transform:uppercase}.partner-program-heading h4{margin-top:3px}.partner-program-heading p{margin:3px 0 0;color:#7b879a}.partner-account-codes{display:grid;gap:10px}.partner-account-code{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid #e0e5ed;border-radius:13px;background:#fff}.partner-account-code>span{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;color:#6554dc;background:#eeebff}.partner-account-code small,.partner-account-code strong{display:block}.partner-account-code strong{margin-top:2px;font-size:17px}.partner-account-code p{margin:3px 0 0;color:#7b879a;font-size:12px}.partner-account-code>b{padding:6px 9px;border-radius:99px;color:#176b51;background:#eaf8f2;font-size:12px}.partner-payout-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid #cde8dc;border-radius:14px;background:#f1faf6}.partner-payout-bar small,.partner-payout-bar strong{display:block}.partner-payout-bar small{color:#6f897d}.partner-payout-bar strong{margin-top:3px;color:#185c47}.partner-commission-value{text-align:right}.partner-commission-value small,.partner-commission-value strong{display:block}.partner-commission-value small{color:#7c899c}.partner-commission-value strong{margin-top:3px;color:#087354}
@media(max-width:1050px){.partner-code-row{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-code-active,.partner-code-row>.icon-button{align-self:center}}
@media(max-width:650px){.partner-code-row{grid-template-columns:1fr}.partner-payout-bar,.partner-code-editor-head{align-items:stretch;flex-direction:column}.partner-account-code{grid-template-columns:auto 1fr}.partner-account-code>b{grid-column:1/-1;justify-self:start}}
.partner-code-editor{min-width:0;overflow:hidden}.partner-code-rows,.partner-code-row,.partner-code-row label{min-width:0}.partner-code-row{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;padding:16px;border-color:#dfe5ef;box-shadow:0 3px 12px rgba(39,52,78,.035)}.partner-code-row-head{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-bottom:13px;border-bottom:1px solid #edf0f5}.partner-code-row-head label{min-width:0}.partner-code-row-head .partnerCodeName{font-weight:750;letter-spacing:.025em}.partner-code-value{grid-template-columns:minmax(0,1fr) 74px}.partner-code-active{align-self:stretch;min-height:42px;padding:8px 11px;border:1px solid #e1e6ee;border-radius:11px;background:#fafbfc;cursor:pointer}.partner-code-active input{width:17px;height:17px;accent-color:#6258ed}.partner-code-active>span strong,.partner-code-active>span small{display:block}.partner-code-active>span strong{color:#3c485d;font-size:12px}.partner-code-active>span small{margin-top:2px;color:#8792a5;font-size:10px}.removePartnerCode{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid #f0cdd4;border-radius:10px;color:#b23b52;background:#fff7f8;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.16s ease}.removePartnerCode:hover{border-color:#df9caa;color:#962b40;background:#ffedf0}.removePartnerCode:focus-visible{outline:3px solid rgba(190,55,81,.16);outline-offset:2px}
@media(max-width:650px){.partner-code-row{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-code-editor-head{align-items:center;flex-direction:row}.partner-code-row-head{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:520px){.partner-code-row{grid-template-columns:1fr}.partner-code-editor-head{align-items:stretch;flex-direction:column}.partner-code-row-head{grid-template-columns:1fr}.removePartnerCode{justify-self:start}}
.customer-record-content>.customer-partner-section{grid-column:1/-1}.customer-partner-loading,.customer-partner-warning{display:flex;align-items:center;gap:11px;padding:22px;color:#748197}.customer-partner-warning{margin:14px;border:1px solid #efd7aa;border-radius:12px;color:#956117;background:#fff9ee}.customer-partner-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px;border-bottom:1px solid #e8ecf2;background:#fafbfc}.customer-partner-summary article{padding:13px 15px;border:1px solid #e1e6ef;border-radius:12px;background:#fff}.customer-partner-summary span,.customer-partner-summary strong{display:block}.customer-partner-summary span{color:#7b879a;font-size:11px}.customer-partner-summary strong{margin-top:4px;color:#26344a;font-size:18px}.customer-partner-code-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px}.customer-partner-code{overflow:hidden;border:1px solid #dfe5ef;border-radius:14px;background:#fff}.customer-partner-code-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px}.customer-partner-code-main>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#6258dd;background:#efedff}.customer-partner-code-main small,.customer-partner-code-main strong{display:block}.customer-partner-code-main strong{margin-top:2px;color:#27344a;font-size:16px}.customer-partner-code-main p{margin:3px 0 0;color:#77849a;font-size:11px}.customer-partner-code-main em{padding:5px 8px;border-radius:99px;color:#7b8797;background:#eef1f5;font-size:10px;font-style:normal;font-weight:800}.customer-partner-code-main em.active{color:#117254;background:#e8f7f1}.customer-partner-code-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e9edf2;background:#fafbfc}.customer-partner-code-stats>span{padding:10px 14px}.customer-partner-code-stats>span+span{border-left:1px solid #e9edf2}.customer-partner-code-stats small,.customer-partner-code-stats strong{display:block}.customer-partner-code-stats small{color:#8691a3;font-size:10px}.customer-partner-code-stats strong{margin-top:2px;color:#35435a;font-size:13px}
@media(max-width:850px){.customer-partner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-partner-code-list{grid-template-columns:1fr}}
@media(max-width:520px){.customer-partner-summary{grid-template-columns:1fr}.customer-partner-section .customer-record-heading{align-items:stretch;flex-direction:column}.customer-partner-section .sendPartnerReport{width:100%}}
.required-notice-active>input:focus-visible+.settings-toggle-visual{outline:3px solid rgba(79,70,229,.2)}.required-notice-active>input:checked+.settings-toggle-visual{background:#5647eb}.required-notice-active>input:checked+.settings-toggle-visual span{transform:translateX(17px)}.required-notice-active:has(input:checked){border-color:#d5d8ff;background:#f8f8ff}.required-notice-active>em{margin-left:auto;padding:5px 8px;border-radius:999px;background:#eef1f5;color:#6f7b8e;font-size:9px;font-style:normal;font-weight:850;text-transform:uppercase}.required-notice-active>em.active{background:#e8f7ef;color:#188751}.required-notice-admin-actions .success{color:#16834e;background:#eefaf4}.required-notice-admin-actions .success:hover{border-color:#a9ddc4;background:#e4f7ed}

/* Kontolöschung */
.account-deletion-nav{margin-top:8px;border-top:1px solid #edf0f4!important}.account-deletion-nav .account-nav-icon{background:#fff0f2!important;color:#bd334c!important}.account-deletion-panel .account-heading-icon{background:#fff0f2;color:#bd334c}.account-deletion-warning{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;border:1px solid #efcbd2;border-radius:14px;background:#fff7f8;color:#8d3041}.account-deletion-warning>i{margin-top:2px;font-size:1.05rem}.account-deletion-warning strong,.account-deletion-warning p{display:block}.account-deletion-warning p{margin:4px 0 0;color:#8f6470;font-size:.79rem;line-height:1.5}.account-deletion-facts{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.account-deletion-facts article{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #e0e6ee;border-radius:13px;background:#fafbfd}.account-deletion-facts article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eaf7f1;color:#18785d}.account-deletion-facts article.blocked>span,.account-deletion-facts article.warning>span{background:#fff0e1;color:#b76609}.account-deletion-facts small,.account-deletion-facts strong{display:block}.account-deletion-facts small{color:#7e8b9d;font-size:.72rem}.account-deletion-facts strong{margin-top:2px;color:#2f4058}.account-deletion-blocked{margin-top:14px;padding:15px;border:1px solid #efcf9e;border-radius:13px;background:#fff9ef;color:#87540f}.account-deletion-blocked p{margin:4px 0 10px}.account-deletion-blocked ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.account-deletion-blocked li{display:flex;justify-content:space-between;gap:16px;padding:7px 9px;border-radius:8px;background:#fff}.account-deletion-confirm{display:grid;gap:14px;margin-top:15px}.account-deletion-confirm>label:first-child{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #e3d4d7;border-radius:13px;background:#fffafb;cursor:pointer}.account-deletion-confirm>label:first-child input{margin-top:3px;accent-color:#bd334c}.account-deletion-confirm strong,.account-deletion-confirm small{display:block}.account-deletion-confirm small{margin-top:4px;color:#806f74;line-height:1.45}.account-deletion-confirm .password-wrap .form-control{padding-left:40px}.account-deletion-confirm .button{justify-self:start}.account-deletion-pending{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #e7cf9c;border-radius:15px;background:#fffaf0}.account-deletion-pending>span{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:#fff0ce;color:#a76508;font-size:1.2rem}.account-deletion-pending small,.account-deletion-pending h4{display:block}.account-deletion-pending small{color:#a76508;font-weight:800;text-transform:uppercase}.account-deletion-pending h4{margin:3px 0}.account-deletion-pending p{margin:0;color:#846f4d}.state-pill-deletion{appearance:none;display:inline-flex!important;align-items:center;gap:6px;border:1px solid #efc1ca!important;background:#fff0f2!important;color:#ad2d46!important;font:inherit;cursor:pointer}.state-pill-deletion:not(button){cursor:default}
.account-deletion-review-card{width:min(760px,calc(100vw - 28px))}.account-deletion-review-content{display:grid;gap:14px;max-height:65vh;overflow:auto;padding:0 2px}.account-deletion-review-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;border:1px solid #dfe5ed;border-radius:14px;background:#f9fbfd}.account-deletion-review-summary>span{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#fff0f2;color:#b8324b}.account-deletion-review-summary small,.account-deletion-review-summary h3{display:block}.account-deletion-review-summary h3{margin:2px 0;color:#273950}.account-deletion-review-summary p{margin:0;color:#78879a;font-size:.76rem}.account-deletion-review-summary em{color:#8290a2;font-size:.7rem;font-style:normal}.account-deletion-review-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.account-deletion-review-facts article{padding:12px 13px;border:1px solid #e0e6ee;border-radius:11px;background:#fafbfd}.account-deletion-review-facts article.ready{border-color:#cce6da;background:#f3fbf7}.account-deletion-review-facts article.blocked{border-color:#efcbd2;background:#fff7f8}.account-deletion-review-facts small,.account-deletion-review-facts strong{display:block}.account-deletion-review-facts small{color:#7e8b9d;font-size:.68rem}.account-deletion-review-facts strong{margin-top:3px;color:#304158}.account-deletion-checklist{overflow:hidden;border:1px solid #dfe5ed;border-radius:14px}.account-deletion-checklist header{padding:12px 14px;border-bottom:1px solid #e7ebf1;background:#f7f9fc}.account-deletion-checklist header small,.account-deletion-checklist header strong{display:block}.account-deletion-checklist header small{color:#77879b;font-size:.68rem;text-transform:uppercase}.account-deletion-checklist header strong{margin-top:2px;color:#304158}.account-deletion-checklist label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.account-deletion-checklist label+label{border-top:1px solid #edf0f4}.account-deletion-checklist input{position:absolute;opacity:0}.account-deletion-checklist label>span{display:grid;width:23px;height:23px;place-items:center;border:1px solid #cdd6e2;border-radius:7px;background:#fff;color:transparent}.account-deletion-checklist input:checked+span{border-color:#23805f;background:#23805f;color:#fff}.account-deletion-checklist label>strong{color:#415168;font-size:.78rem}.account-deletion-checklist label>em{color:#21805f;font-size:.65rem;font-style:normal;font-weight:800}.account-deletion-rejection-note{display:grid;gap:6px}.account-deletion-rejection-note small{color:#7b899c;font-size:.7rem}.account-deletion-review-actions{flex-wrap:wrap}.account-deletion-review-actions .button-danger-solid{margin-left:auto}
.account-data-export{display:grid;gap:15px;margin-bottom:22px;padding:18px;border:1px solid #cfdcf2;border-radius:16px;background:linear-gradient(145deg,#f7faff,#fff)}.account-data-export-copy{display:flex;align-items:flex-start;gap:13px}.account-data-export-copy>span{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border-radius:14px;background:#e8f0ff;color:#315fb8;font-size:1.1rem}.account-data-export-copy small,.account-data-export-copy h4{display:block}.account-data-export-copy small{color:#315fb8;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.account-data-export-copy h4{margin:3px 0 5px;color:#263b59;font-size:1rem}.account-data-export-copy p{margin:0;color:#6b7d94;font-size:.78rem;line-height:1.55}.account-data-export-formats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-data-export-formats label{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #dce4ef;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.account-data-export-formats label:hover{transform:translateY(-1px);border-color:#b9c9e2}.account-data-export-formats label.selected{border-color:#4c72c3;box-shadow:0 0 0 3px rgba(76,114,195,.1)}.account-data-export-formats input{position:absolute;opacity:0;pointer-events:none}.account-data-export-formats label>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eef3fc;color:#4269b6}.account-data-export-formats label>div strong,.account-data-export-formats label>div small{display:block}.account-data-export-formats label>div strong{color:#334760;font-size:.77rem}.account-data-export-formats label>div small{margin-top:2px;color:#7c8a9d;font-size:.66rem;line-height:1.35}.account-data-export-formats label>i{color:#4c72c3;opacity:0;transform:scale(.7);transition:opacity .16s ease,transform .16s ease}.account-data-export-formats label.selected>i{opacity:1;transform:scale(1)}.account-data-export-action{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px}.account-data-export-action label{display:grid;gap:6px}.account-data-export-action .password-wrap .form-control{padding-left:40px}.account-data-export-note{display:flex;align-items:flex-start;gap:8px;padding-top:12px;border-top:1px solid #e3eaf5;color:#75869c;font-size:.7rem;line-height:1.45}.account-data-export-note i{margin-top:2px;color:#3b6dc6}.account-deletion-section-heading{margin:4px 0 12px}.account-deletion-section-heading small{color:#b13b50;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.account-deletion-section-heading h4{margin:3px 0 0;color:#34465f;font-size:.94rem}.account-deletion-unavailable{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #dbe3ed;border-radius:14px;background:#f8fafc;color:#52657e}.account-deletion-unavailable>i{margin-top:2px;color:#5578aa}.account-deletion-unavailable strong{display:block}.account-deletion-unavailable p{margin:4px 0 0;color:#76869a;font-size:.76rem;line-height:1.5}
@media(max-width:620px){.account-deletion-facts,.account-deletion-review-facts,.account-data-export-formats,.account-data-export-action{grid-template-columns:1fr}.account-data-export-action .button{width:100%}.account-deletion-review-summary{grid-template-columns:auto minmax(0,1fr)}.account-deletion-review-summary>em{grid-column:2}.account-deletion-review-actions .button{width:100%;margin-left:0}}

/* Getrennte PayPal-Zahlungswege */
.payments-feature-switches{display:grid;border-bottom:1px solid #e7edf4;background:linear-gradient(180deg,#fff,#fbfcfe)}
.payments-feature-switches .payments-enable-row:last-child{border-bottom:0}

/* Anpassbarer Partner-Referral-Link */
.partner-referral-card{display:grid;gap:17px;margin:16px 0;padding:19px;border:1px solid #d9dcfb;border-radius:17px;background:linear-gradient(145deg,#f8f8ff,#fff);box-shadow:0 8px 24px rgba(59,53,139,.055)}
.partner-referral-intro{display:flex;align-items:flex-start;gap:13px}.partner-referral-intro>span{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#6457eb,#5145d3);box-shadow:0 7px 16px rgba(81,69,211,.2)}.partner-referral-intro small,.partner-referral-intro strong{display:block}.partner-referral-intro small{color:#6258d7;font-size:.68rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.partner-referral-intro strong{margin-top:3px;color:#28354b;font-size:1rem}.partner-referral-intro p{margin:4px 0 0;color:#728096;font-size:.76rem;line-height:1.5}
.partner-referral-fields{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:13px}.partner-referral-fields>label{display:grid;gap:6px;min-width:0}.partner-referral-fields>label>span{color:#49576d;font-size:.72rem;font-weight:800}.partner-referral-fields>label>div{display:flex;min-width:0}.partner-referral-fields .form-control{min-width:0;border-radius:10px 0 0 10px}.partner-referral-fields button{flex:0 0 auto;border-radius:0 10px 10px 0}.partner-referral-fields label:first-child .form-control{border-radius:0}.partner-referral-prefix{display:flex;align-items:center;padding:0 10px;border:1px solid #d9e0e9;border-right:0;border-radius:10px 0 0 10px;color:#747f92;background:#f0f3f7;font-size:.74rem;font-weight:750}.partner-referral-fields>label>small{color:#8994a5;font-size:.65rem}
.partner-referral-result{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #dce3ed;border-radius:12px;color:#65748a;background:#f8fafc;font-size:.73rem;line-height:1.45}.partner-referral-result>i{margin-top:2px;color:#64748b}.partner-referral-result.active{border-color:#bfe2d3;color:#356b59;background:#effaf5}.partner-referral-result.active>i{color:#16825e}
@media(max-width:850px){.partner-referral-fields{grid-template-columns:1fr}}
@media(max-width:560px){.partner-referral-card{padding:15px}.partner-referral-fields>label>div{flex-wrap:wrap}.partner-referral-fields .form-control{flex:1}.partner-referral-fields button{width:100%;margin-top:7px;border-radius:10px}.partner-referral-prefix+.form-control{border-radius:0 10px 10px 0}}

/* Journal: Aktivitäten und vollständiger E-Mail-Nachweis */
.journal-page-intro{margin-bottom:18px}.journal-layout{grid-template-columns:270px minmax(0,1fr);gap:18px}.journal-navigation{top:98px}.journal-content{min-width:0}.journal-panel{overflow:hidden;padding:0;border-radius:21px}.journal-panel[hidden]{display:none}.journal-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 25px 20px;border-bottom:1px solid #edf0f4;background:linear-gradient(145deg,#fff,#fbfcff)}.journal-panel-heading>div:first-child>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.journal-panel-heading h3{margin:6px 0 4px;color:#182236;font-size:21px}.journal-panel-heading p{margin:0;color:#7b8799;font-size:12px}.journal-panel-body{padding:22px 24px 24px}.journal-panel-body>.audit-stats{margin-top:0}.mail-journal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px}.mail-journal-stats article{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e1e6ee;border-radius:13px;background:#fafbfd}.mail-journal-stats article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5}.mail-journal-stats article>span.outbound{background:#eaf2ff;color:#2367b7}.mail-journal-stats article>span.inbound{background:#e9f8f1;color:#17805d}.mail-journal-stats article>span.warning,.mail-journal-stats article.has-warning>span{background:#fff1f2;color:#bd334b}.mail-journal-stats small,.mail-journal-stats strong{display:block}.mail-journal-stats small{color:#8995a7;font-size:9px;font-weight:800;text-transform:uppercase}.mail-journal-stats strong{margin-top:2px;color:#2f3e54;font-size:18px}.mail-journal-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(125px,.45fr)) 135px 135px;margin-bottom:15px}.mail-journal-list{display:grid;overflow:hidden;border:1px solid #e0e5ec;border-radius:15px;background:#fff}.mail-journal-entry,.customer-mail-journal-item{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:0;background:#fff;font-family:inherit;text-align:left;cursor:pointer}.mail-journal-entry{padding:14px 15px}.mail-journal-entry+.mail-journal-entry{border-top:1px solid #edf0f4}.mail-journal-entry:hover,.customer-mail-journal-item:hover{background:#f7f9ff}.mail-journal-direction{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eaf2ff;color:#2869ba}.mail-journal-direction.inbound{background:#e8f7f0;color:#16795a}.mail-journal-main{display:grid;min-width:0;gap:4px}.mail-journal-main>span:first-child{display:flex;align-items:center;gap:9px;min-width:0}.mail-journal-main strong{overflow:hidden;color:#2e3d53;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mail-journal-main small{overflow:hidden;color:#7e8a9b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mail-journal-entry>i,.customer-mail-journal-item>i{color:#b5becb;font-size:9px}.mail-journal-status{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 7px;border-radius:999px;background:#f0f3f7;color:#657286;font-size:8px;font-style:normal;font-weight:850;white-space:nowrap}.mail-journal-status.success{background:#e9f8f1;color:#167657}.mail-journal-status.inbound{background:#eaf2ff;color:#2869ba}.mail-journal-status.warning{background:#fff7e8;color:#a2630a}.mail-journal-status.danger{background:#fff0f2;color:#b4233c}.mail-journal-empty{min-height:250px}.mail-journal-detail-card{width:min(930px,calc(100vw - 30px))}.mail-journal-detail-content{display:grid;gap:14px}.mail-journal-detail-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:240px;color:#76849a}.mail-journal-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mail-journal-detail-facts article{padding:11px 12px;border:1px solid #e1e6ed;border-radius:11px;background:#fafbfd}.mail-journal-detail-facts small,.mail-journal-detail-facts strong{display:block}.mail-journal-detail-facts small{color:#8995a6;font-size:8px;font-weight:800;text-transform:uppercase}.mail-journal-detail-facts strong{overflow:hidden;margin-top:4px;color:#35445a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mail-journal-detail-status.warning{color:#a2630a}.mail-journal-detail-status.danger{color:#b4233c}.mail-journal-detail-status.success{color:#167657}.mail-journal-message-id{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:#f3f5f8;color:#7a8698;font-size:9px}.mail-journal-message-id code{overflow:hidden;color:#526078;text-overflow:ellipsis;white-space:nowrap}.mail-journal-error{display:flex;gap:10px;padding:12px 13px;border:1px solid #efcbd2;border-radius:11px;background:#fff7f8;color:#a92a40}.mail-journal-error p{margin:3px 0 0;font-size:10px}.mail-journal-detail-body{overflow:hidden;min-height:280px;border:1px solid #dfe5ed;border-radius:13px;background:#fff}.mail-journal-detail-body iframe{width:100%;height:420px;border:0}.mail-journal-detail-body pre{min-height:280px;margin:0;padding:18px;overflow:auto;color:#35445a;font:12px/1.6 inherit;white-space:pre-wrap}.mail-journal-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.mail-journal-attachments>strong{width:100%;color:#425168;font-size:10px}.mail-journal-attachments>span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e1e6ed;border-radius:9px;background:#fafbfd;color:#57657a;font-size:9px}.mail-journal-attachments small{color:#929dad}.customer-mail-journal-section{overflow:hidden}.customer-mail-journal-list{display:grid;overflow:hidden;border:1px solid #e2e7ee;border-radius:13px}.customer-mail-journal-item{grid-template-columns:auto minmax(0,1fr) auto auto;padding:11px 12px}.customer-mail-journal-item+.customer-mail-journal-item{border-top:1px solid #edf0f4}.customer-mail-journal-item>span:nth-child(2){display:grid;min-width:0;gap:3px}.customer-mail-journal-item strong,.customer-mail-journal-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-mail-journal-item strong{color:#35445a;font-size:11px}.customer-mail-journal-item small{color:#8390a2;font-size:9px}
@media(max-width:1100px){.journal-layout{grid-template-columns:235px minmax(0,1fr)}.mail-journal-toolbar{grid-template-columns:repeat(3,1fr)}.mail-journal-toolbar .input-wrap{grid-column:1/-1}.mail-journal-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.journal-layout{grid-template-columns:1fr}.journal-navigation{position:static;display:flex;overflow-x:auto}.journal-navigation .account-navigation-head,.journal-navigation .account-navigation-note{display:none}.journal-navigation button.settings-nav-item{display:flex;min-height:44px;flex:0 0 auto;margin:0}.journal-panel-heading{align-items:stretch;flex-direction:column}.mail-journal-detail-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.journal-panel-body{padding:16px 13px}.mail-journal-stats{grid-template-columns:1fr 1fr}.mail-journal-toolbar{grid-template-columns:1fr}.mail-journal-toolbar .input-wrap{grid-column:auto}.mail-journal-main>span:first-child{align-items:flex-start;flex-direction:column}.mail-journal-status{width:max-content}.customer-mail-journal-item{grid-template-columns:auto minmax(0,1fr) auto}.customer-mail-journal-item .mail-journal-status{grid-column:2}.customer-mail-journal-item>i{grid-column:3;grid-row:1/3}.mail-journal-detail-facts{grid-template-columns:1fr}}
.mail-journal-retry-archive{justify-self:start;margin-bottom:2px}

/* Mail-Journal als kompakte, klar gegliederte Postfachliste */
.mail-journal-list{gap:9px;overflow:visible;border:0;border-radius:0;background:transparent}
.mail-journal-entry{position:relative;grid-template-columns:46px minmax(0,1fr) 210px 27px;gap:14px;min-height:96px;padding:14px 14px 14px 16px;overflow:hidden;border:1px solid #e1e6ee;border-radius:15px;background:linear-gradient(135deg,#fff 72%,#fbfcff);box-shadow:0 3px 10px rgba(25,40,65,.035);transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
.mail-journal-entry+.mail-journal-entry{border-top:1px solid #e1e6ee}
.mail-journal-entry::before{position:absolute;inset:14px auto 14px 0;width:3px;border-radius:0 4px 4px 0;background:#5d8fe4;content:"";opacity:.72}
.mail-journal-entry.inbound::before{background:#32a57c}
.mail-journal-entry:hover{border-color:#cbd6e5;background:#fff;box-shadow:0 9px 24px rgba(29,48,78,.085);transform:translateY(-1px)}
.mail-journal-entry:focus-visible{outline:3px solid rgba(79,70,229,.18);outline-offset:2px}
.mail-journal-entry .mail-journal-direction{position:relative;width:44px;height:44px;border:1px solid #dce8fa;border-radius:13px;background:#edf4ff;color:#2d70c5;font-size:15px}
.mail-journal-entry .mail-journal-direction.inbound{border-color:#d2ede3;background:#eaf8f2;color:#16805d}
.mail-journal-direction>small{position:absolute;right:-5px;bottom:-5px;display:grid;width:19px;height:19px;place-items:center;border:2px solid #fff;border-radius:7px;background:#2d70c5;color:#fff;font-size:7px;box-shadow:0 2px 5px rgba(36,79,135,.18)}
.mail-journal-direction.inbound>small{background:#16805d}
.mail-journal-main{align-content:center;gap:5px}
.mail-journal-subject{display:flex;align-items:center;gap:8px;min-width:0}
.mail-journal-subject>strong{font-size:12px;font-weight:800;letter-spacing:-.01em}
.mail-journal-subject>span{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:3px 6px;border-radius:6px;background:#f0f3f7;color:#768399;font-size:8px;font-weight:800}
.mail-journal-correspondent{display:flex;align-items:center;gap:7px;min-width:0;color:#78869a;font-size:9px}
.mail-journal-correspondent b,.mail-journal-correspondent span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-journal-correspondent b{color:#53637a;font-weight:750}
.mail-journal-correspondent i{width:3px;height:3px;flex:0 0 auto;border-radius:50%;background:#b9c2cf}
.mail-journal-main>p{overflow:hidden;margin:0;color:#9aa4b2;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.mail-journal-side{display:grid;align-content:center;justify-items:end;gap:5px;min-width:0}
.mail-journal-side time{color:#536177;font-size:9px;font-weight:700}
.mail-journal-side>small{display:flex;align-items:center;gap:5px;max-width:100%;color:#8a96a7;font-size:8px}
.mail-journal-side>small i{color:#a6b0be}
.mail-journal-side>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-journal-open{display:grid;width:25px;height:25px;place-items:center;border:1px solid #e6eaf0;border-radius:8px;background:#fff;color:#a5afbd;font-size:8px;transition:160ms ease}
.mail-journal-entry:hover .mail-journal-open{border-color:#d5ddec;color:#4f66a0;transform:translateX(2px)}
@media(max-width:1050px){.mail-journal-entry{grid-template-columns:44px minmax(0,1fr) 170px 25px}.mail-journal-side>small{display:none}}
@media(max-width:760px){.mail-journal-entry{grid-template-columns:42px minmax(0,1fr) 24px;gap:11px;min-height:92px;padding:13px}.mail-journal-side{grid-column:2;grid-row:2;display:flex;align-items:center;justify-items:start;justify-content:flex-start}.mail-journal-side time{order:-1}.mail-journal-open{grid-column:3;grid-row:1/3}.mail-journal-main>p{display:none}}
@media(max-width:500px){.mail-journal-entry{grid-template-columns:38px minmax(0,1fr) 22px}.mail-journal-entry .mail-journal-direction{width:38px;height:38px}.mail-journal-correspondent>span,.mail-journal-correspondent>i{display:none}.mail-journal-side{align-items:flex-start;flex-direction:column}.mail-journal-subject>strong{font-size:11px}}

/* Verpflichtender Wechsel eines temporären Passworts */
.required-password-gate{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(76,110,245,.22),transparent 34%),linear-gradient(145deg,#07111f,#12223c)}
.required-password-gate[hidden]{display:none}.required-password-card{width:min(460px,100%);padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.required-password-icon{display:grid;width:52px;height:52px;margin-bottom:16px;place-items:center;border-radius:15px;background:#e9efff;color:#3157e8;font-size:20px}.required-password-kicker{color:#3157e8;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.required-password-card h1{margin:7px 0 8px;color:#182236;font-size:25px}.required-password-card>p{margin:0 0 21px;color:#6f7d91;font-size:12px;line-height:1.6}.required-password-card form{display:grid;gap:13px}.required-password-card label{display:grid;gap:6px}.required-password-card .login-button{margin-top:3px}.required-password-logout{display:block;margin:15px auto 0;border:0;background:transparent;color:#748196;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}.required-password-logout:hover{color:#334155}
@media(max-width:520px){.required-password-gate{padding:13px}.required-password-card{padding:25px 20px;border-radius:20px}}
.required-birth-date-gate{position:fixed;z-index:10001;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 82% 12%,rgba(49,87,232,.24),transparent 34%),linear-gradient(145deg,#07111f,#12223c)}
.required-birth-date-gate[hidden]{display:none}.required-birth-date-card{width:min(520px,100%);padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}.required-birth-date-icon{display:grid;width:54px;height:54px;margin-bottom:17px;place-items:center;border-radius:16px;background:#e9efff;color:#3157e8;font-size:21px}.required-birth-date-kicker{color:#3157e8;font-size:11px;font-weight:850;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}.required-birth-date-card h1{margin:8px 0 9px;color:#182236;font-size:29px;line-height:1.2;letter-spacing:-.03em}.required-birth-date-card>p{margin:0 0 18px;color:#6f7d91;font-size:14px;line-height:1.6}.required-birth-date-notice{display:flex;align-items:flex-start;gap:11px;margin-bottom:19px;padding:13px 14px;border:1px solid #dce5fb;border-radius:13px;background:#f5f8ff;color:#3157e8}.required-birth-date-notice>i{margin-top:2px}.required-birth-date-notice span,.required-birth-date-notice strong,.required-birth-date-notice small{display:block}.required-birth-date-notice strong{color:#263b70;font-size:13px}.required-birth-date-notice small{margin-top:3px;color:#66789f;font-size:12px;line-height:1.45}.required-birth-date-card form{display:grid;gap:13px}.required-birth-date-card label{display:grid;gap:7px}.required-birth-date-card .form-label{font-size:13px}.required-birth-date-card .login-input,.required-birth-date-card .login-button{height:54px;font-size:15px}.required-birth-date-card .form-message{font-size:13px;line-height:1.45}
@media(max-width:520px){.required-birth-date-gate{padding:13px}.required-birth-date-card{padding:25px 20px;border-radius:20px}.required-birth-date-card h1{font-size:25px}.required-birth-date-card>p{font-size:13px}}
.user-delete-card{width:min(570px,calc(100vw - 28px));overflow:hidden;padding:0}.user-delete-header{padding:22px 24px 18px;border-bottom:1px solid #edf0f5;background:linear-gradient(135deg,#fff6f6,#fff 65%)}.user-delete-header .modal-icon{background:#fee8e8;color:#c93636}.user-delete-kicker{display:block;margin:1px 0 5px;color:#be3030;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.user-delete-body{display:grid;gap:15px;padding:20px 24px}.user-delete-target{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #f0d7d7;border-radius:14px;background:#fffafa}.user-delete-target-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;background:#fee7e7;color:#bd3030}.user-delete-target>div{min-width:0}.user-delete-target small,.user-delete-target strong,.user-delete-target>div>span{display:block}.user-delete-target small{color:#9b6e6e;font-size:10px;font-weight:750;text-transform:uppercase}.user-delete-target strong{margin-top:3px;overflow:hidden;color:#293548;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.user-delete-target>div>span{display:flex;gap:9px;margin-top:4px;color:#7b8798;font-size:11px}.user-delete-target b{color:#4b5a70}.user-delete-target em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.user-delete-customer{overflow:hidden;border:1px solid #dfe5ed;border-radius:14px}.user-delete-customer>header{display:flex;align-items:center;gap:11px;padding:12px 14px;background:#f7f9fc}.user-delete-customer>header>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#e8eefb;color:#4264b8}.user-delete-customer header small,.user-delete-customer header strong{display:block}.user-delete-customer header small{color:#8792a4;font-size:9px;text-transform:uppercase}.user-delete-customer header strong{margin-top:2px;color:#344156;font-size:12px}.user-delete-customer-option{position:relative;display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border-top:1px solid #e6eaf0;cursor:pointer}.user-delete-customer-option>input{position:absolute;opacity:0}.user-delete-customer-option>span{display:grid;width:23px;height:23px;flex:0 0 auto;place-items:center;border:2px solid #c8d0dc;border-radius:7px;background:#fff;color:transparent}.user-delete-customer-option>input:checked+span{border-color:#c93636;background:#c93636;color:#fff}.user-delete-customer-option>input:focus-visible+span{outline:3px solid rgba(201,54,54,.18)}.user-delete-customer-option strong,.user-delete-customer-option small{display:block}.user-delete-customer-option strong{color:#38465a;font-size:12px}.user-delete-customer-option small{margin-top:3px;color:#7f8a9b;font-size:10px;line-height:1.45}.user-delete-customer-unavailable{display:flex;align-items:center;gap:8px;margin:0;padding:11px 14px;border-top:1px solid #e6eaf0;background:#fafbfc;color:#7a8596;font-size:10px}.user-delete-password{display:grid;gap:7px}.user-delete-password>small{color:#7d8899;font-size:10px;line-height:1.45}.user-delete-password .form-control{padding-left:39px}.user-delete-card>.modal-actions{margin:0;padding:16px 24px;border-top:1px solid #e7ebf0;background:#fafbfc}.user-delete-card .button-danger{min-width:205px}.user-delete-card .form-message{margin-top:0}
@media(max-width:560px){.user-delete-card{width:100%;max-height:94vh;border-radius:22px 22px 0 0}.user-delete-header,.user-delete-body,.user-delete-card>.modal-actions{padding-right:18px;padding-left:18px}.user-delete-target>div>span{display:grid;gap:2px}.user-delete-card>.modal-actions{display:grid;grid-template-columns:1fr}.user-delete-card>.modal-actions .button{width:100%}}

/* Ticketverlauf: interne Notizen, Vorschauen und echter Upload-Fortschritt */
.ticket-message-internal{width:min(92%,840px)!important;grid-template-columns:38px minmax(0,1fr)!important;justify-self:center;padding:0!important;border:0!important;background:transparent!important}
.ticket-message-internal .ticket-message-avatar{grid-column:1!important;grid-row:1!important;width:38px;height:38px;border:1px solid #f3d38a;background:#fff4cf!important;color:#9a6700!important;box-shadow:0 4px 12px rgba(154,103,0,.1)}
.ticket-message-internal>div:last-child{grid-column:2!important;grid-row:1!important;padding:14px 16px!important;border:1px solid #efd18a!important;border-left:4px solid #e2a72e!important;border-radius:5px 15px 15px 15px!important;background:linear-gradient(145deg,#fffdf7,#fff8e8)!important;box-shadow:0 6px 18px rgba(130,86,0,.06)!important}
.ticket-message-internal header{align-items:center!important;margin-bottom:9px!important}.ticket-message-internal header strong{color:#4b3a16!important}.ticket-message-internal header span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#fff0bf;color:#8a5a00!important;font-size:8px!important;font-weight:800;text-transform:uppercase}.ticket-message-internal p{color:#584a2c!important}
.ticket-message-empty{display:inline-flex;align-items:center;padding:7px 9px;border-radius:8px;background:#f1f3f6;color:#7b8492;font-size:10px;font-style:normal}
.ticket-attachments{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%}
.ticket-attachment{min-width:0!important;padding:7px!important;transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.ticket-attachment:hover{border-color:#aab8ef;box-shadow:0 6px 16px rgba(49,87,232,.1);transform:translateY(-1px)}
.ticket-attachment .ticket-attachment-thumbnail{display:grid;width:54px;height:46px;min-width:54px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:8px;background:#eef2ff;color:#4f46e5;font-size:20px}.ticket-attachment .ticket-attachment-thumbnail.image{background:#e8edf4}.ticket-attachment-thumbnail img{width:100%;height:100%;object-fit:cover}.ticket-attachment>span:nth-child(2){flex:1}.ticket-attachment>i:last-child{font-size:10px}
.ticket-upload-progress{display:grid;gap:7px;padding:10px 12px;border:1px solid #dbe3ef;border-radius:11px;background:#f8fafc}.ticket-upload-progress[hidden]{display:none}.ticket-upload-progress>div{height:7px;overflow:hidden;border-radius:999px;background:#e5eaf1}.ticket-upload-progress>div>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3157e8,#6d83f2);transition:width 100ms linear}.ticket-upload-progress>small{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:10px}.ticket-upload-progress>small strong{color:#3157e8}.ticket-upload-progress.success{border-color:#bde5d3;background:#f0fbf6}.ticket-upload-progress.success>div>span{background:#20a46b}.ticket-upload-progress.success>small strong{color:#138255}.ticket-upload-progress.error{border-color:#f0c4ca;background:#fff5f6}.ticket-upload-progress.error>div>span{background:#d6455d}.ticket-upload-progress.error>small,.ticket-upload-progress.error>small strong{color:#b4233c}
@media(max-width:620px){.ticket-message-internal{width:100%!important;grid-template-columns:32px minmax(0,1fr)!important}.ticket-message-internal .ticket-message-avatar{width:32px;height:32px}.ticket-attachments{grid-template-columns:1fr!important}.ticket-attachment-thumbnail{width:48px;height:42px}}

/* Zweispaltiger Ticket-Composer mit Drag-and-drop */
.ticket-composer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:13px}.ticket-composer-main{display:grid;min-width:0;gap:10px}.ticket-composer-main>textarea{min-height:190px;padding:14px 15px;border-radius:13px;font-size:13px;line-height:1.65;resize:vertical}.ticket-composer-tools{display:grid;gap:10px}.ticket-composer-tools .ticket-internal-toggle{align-items:flex-start;margin:0;padding:12px}.ticket-composer-tools .ticket-internal-toggle>span{grid-template-columns:25px minmax(0,1fr)}
.ticket-composer-main .ticket-composer-actions{justify-content:flex-end;margin-top:1px}.ticket-composer-main .ticket-composer-actions>small{margin-right:auto}.ticket-quick-reply-modal-card{width:min(570px,calc(100vw - 28px))}.ticket-quick-reply-modal-card>label{display:grid;gap:7px}.ticket-quick-reply-modal-card textarea{min-height:190px;resize:vertical;line-height:1.6}
.ticket-attachment-picker{position:relative;min-height:84px;border-width:2px;background:#fafcff;transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}.ticket-attachment-picker.dragging{border-color:#4f63e7;background:#eef2ff;box-shadow:0 0 0 4px rgba(79,99,231,.1)}.ticket-attachment-picker>i{width:42px;height:42px;font-size:16px}.ticket-attachment-picker>span{gap:2px}.ticket-attachment-picker em{color:#8b96a7;font-size:9px;font-style:normal}.ticket-attachment-picker.dragging strong{color:#3347c7}
.ticket-reply-file-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.ticket-reply-file-previews[hidden]{display:none}.ticket-reply-file-previews article{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:7px;border:1px solid #e0e6ee;border-radius:11px;background:#fff}.ticket-reply-file-previews article>span{display:grid;width:48px;height:42px;place-items:center;overflow:hidden;border-radius:8px;background:#edf1ff;color:#4f46e5;font-size:18px}.ticket-reply-file-previews img{width:100%;height:100%;object-fit:cover}.ticket-reply-file-previews article>div{display:grid;min-width:0;gap:3px}.ticket-reply-file-previews strong,.ticket-reply-file-previews small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-reply-file-previews strong{color:#344054;font-size:10px}.ticket-reply-file-previews small{color:#8c96a5;font-size:9px}.ticket-reply-file-previews button{display:grid;width:27px;height:27px;place-items:center;border:0;border-radius:8px;background:#f3f5f8;color:#8993a2;cursor:pointer}.ticket-reply-file-previews button:hover{background:#feecef;color:#c5364e}
.ticket-composer-tools .ticket-quick-replies{display:grid;align-items:stretch;gap:8px;padding:10px}.ticket-quick-replies>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ticket-quick-replies>header>span{color:#697386;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.ticket-quick-replies>header>button{display:grid;width:28px;min-height:28px;padding:0;place-items:center;border-color:#cfd7ec;border-radius:8px}.ticket-quick-reply-list{display:grid;gap:5px}.ticket-quick-reply-list>button,.ticket-custom-quick-reply>button:first-child{justify-content:flex-start;width:100%;min-height:34px}.ticket-custom-quick-reply{display:grid;grid-template-columns:minmax(0,1fr) 31px;gap:4px;margin-top:5px}.ticket-custom-quick-reply>button:first-child{min-width:0}.ticket-custom-quick-reply>button:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-custom-quick-reply>button:last-child{display:grid;min-height:31px;padding:0;place-items:center;color:#9a6570}.ticket-custom-quick-reply>button:last-child:hover{border-color:#efb7c1;background:#fff0f2;color:#bd2943}.ticket-quick-reply-form{display:grid;gap:6px;padding-top:8px;border-top:1px solid #e1e6f0}.ticket-quick-reply-form[hidden]{display:none}.ticket-quick-reply-form .form-control{min-width:0;padding:8px;font-size:10px}.ticket-quick-reply-form textarea{min-height:82px;resize:vertical}.ticket-quick-reply-form>div{display:flex;justify-content:flex-end;gap:5px}.ticket-quick-reply-form>div button{min-height:29px;padding:0 8px;font-size:9px}.ticket-quick-reply-form>div button:last-child{border-color:#4f46e5;background:#4f46e5;color:#fff}
.ticket-custom-quick-reply.single{grid-template-columns:minmax(0,1fr)}.ticket-custom-quick-reply.single>button:last-child{display:flex;width:100%;min-width:0;min-height:34px;align-items:center;justify-content:flex-start;gap:7px;padding:0 11px;color:#526074;text-align:left}.ticket-custom-quick-reply.single>button:last-child>i{flex:0 0 auto}.ticket-custom-quick-reply.single>button:last-child>span{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-custom-quick-reply.single>button:last-child:hover{border-color:#a5b4fc;background:#eef2ff;color:#3730a3}
.ticket-quick-reply-modal-card{width:min(920px,calc(100vw - 28px))}.ticket-quick-reply-manager{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;min-height:430px}.ticket-quick-reply-manager-library,.ticket-quick-reply-manager-editor{min-width:0;padding:16px;border:1px solid #e0e5ed;border-radius:15px;background:#fafbfd}.ticket-quick-reply-manager-library{display:flex;min-height:0;flex-direction:column}.ticket-quick-reply-manager-library>header,.ticket-quick-reply-manager-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.ticket-quick-reply-manager-library header div,.ticket-quick-reply-manager-editor>header{display:grid}.ticket-quick-reply-manager-library header small,.ticket-quick-reply-manager-editor>header small{color:#6772d7;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.ticket-quick-reply-manager-library header strong,.ticket-quick-reply-manager-editor>header strong{margin-top:3px;color:#2f3d53;font-size:13px}.ticket-quick-reply-manager-library>header>span{padding:5px 7px;border-radius:999px;background:#eceffd;color:#5968c9;font-size:8px;font-weight:800}.ticket-quick-reply-manager-list{display:grid;align-content:start;gap:7px;min-height:0;max-height:330px;margin-bottom:11px;overflow:auto}.ticket-quick-reply-manager-list>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid #e1e6ee;border-radius:11px;background:#fff}.ticket-quick-reply-manager-list>article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#eef1ff;color:#5462d8}.ticket-quick-reply-manager-list article>div:nth-child(2){display:grid;min-width:0;gap:3px}.ticket-quick-reply-manager-list article strong{overflow:hidden;color:#3b485c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ticket-quick-reply-manager-list article p{display:-webkit-box;overflow:hidden;margin:0;color:#8792a2;font-size:8px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ticket-quick-reply-manager-list article>div:last-child{display:flex;gap:4px}.ticket-quick-reply-manager-list article button{display:grid;width:27px;height:27px;padding:0;place-items:center;border:1px solid #e1e5eb;border-radius:8px;background:#fff;color:#7b8798;cursor:pointer}.ticket-quick-reply-manager-list article button:hover{border-color:#bfc9df;color:#4f5fd1}.ticket-quick-reply-manager-list article button:last-child:hover{border-color:#efbdc6;background:#fff1f3;color:#bd2943}.ticket-quick-reply-manager-library>#startTicketQuickReplyCreate{justify-content:center;margin-top:auto}.ticket-quick-reply-manager-empty{display:grid;min-height:190px;place-items:center;align-content:center;padding:20px;text-align:center}.ticket-quick-reply-manager-empty>i{margin-bottom:9px;color:#9da7b7;font-size:22px}.ticket-quick-reply-manager-empty strong{color:#536076;font-size:10px}.ticket-quick-reply-manager-empty p{margin:5px 0 0;color:#929cab;font-size:9px}.ticket-quick-reply-manager-editor{display:grid;align-content:start;gap:12px;background:#fff}.ticket-quick-reply-manager-editor>label{display:grid;gap:7px}.ticket-quick-reply-manager-editor textarea{min-height:205px}.ticket-quick-reply-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.ticket-quick-reply-editor-actions button:first-child{margin-right:auto}
@media(max-width:760px){.ticket-quick-reply-manager{grid-template-columns:1fr}.ticket-quick-reply-manager-list{max-height:220px}.ticket-quick-reply-manager-editor textarea{min-height:150px}}
@media(max-width:520px){.ticket-quick-reply-modal-card{padding:18px}.ticket-quick-reply-manager-library,.ticket-quick-reply-manager-editor{padding:12px}.ticket-quick-reply-editor-actions{align-items:stretch;flex-direction:column}.ticket-quick-reply-editor-actions .button{width:100%;margin:0!important}}
@media(max-width:850px){.ticket-composer-workspace{grid-template-columns:1fr}.ticket-composer-tools{grid-template-columns:1fr 1fr}.ticket-composer-main>textarea{min-height:155px}}
@media(max-width:580px){.ticket-composer-tools{grid-template-columns:1fr}.ticket-reply-file-previews{grid-template-columns:1fr}}

/* Ticket-Anhänge bleiben in einer eigenen, geschützten Vorschau */
.ticket-attachment{width:100%;font:inherit;text-align:left;cursor:pointer}
.ticket-attachment:focus-visible{outline:3px solid rgba(79,70,229,.18);outline-offset:2px}
.ticket-attachment-preview-card{display:flex;width:min(1040px,calc(100vw - 30px));height:min(900px,calc(100vh - 30px));max-height:none;flex-direction:column;overflow:hidden}
.ticket-attachment-preview-card .modal-header{margin-bottom:14px}
.ticket-attachment-preview-workspace{display:grid;min-width:0;min-height:0;flex:1;grid-template-columns:minmax(0,1fr) 285px;gap:14px}
.ticket-attachment-preview-content{display:grid;min-width:0;min-height:0;place-items:center;overflow:auto;border:1px solid #dfe5ed;border-radius:14px;background:repeating-conic-gradient(#f4f6f9 0 25%,#eef1f5 0 50%) 50%/20px 20px}
.ticket-attachment-preview-content>img,.ticket-attachment-preview-content>video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}
.ticket-attachment-preview-content>iframe{width:100%;height:100%;border:0;background:#fff}
.ticket-attachment-audio,.ticket-attachment-preview-unavailable{display:grid;max-width:520px;justify-items:center;gap:13px;padding:30px;text-align:center}
.ticket-attachment-audio>i,.ticket-attachment-preview-unavailable>i{display:grid;width:64px;height:64px;place-items:center;border-radius:18px;background:#e8edff;color:#4f46e5;font-size:25px}
.ticket-attachment-audio audio{width:min(440px,70vw)}
.ticket-attachment-preview-unavailable strong{color:#334155;font-size:15px}.ticket-attachment-preview-unavailable p{margin:0;color:#7a8799;font-size:11px;line-height:1.55}
.ticket-attachment-preview-details{display:grid;align-content:start;gap:12px;min-width:0;overflow:auto}
.ticket-attachment-preview-details>section{padding:15px;border:1px solid #e0e5ed;border-radius:14px;background:#fafbfd}.ticket-attachment-preview-details>section>small{display:block;margin-bottom:11px;color:#7d899a;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.ticket-attachment-uploader>div{display:flex;align-items:center;gap:10px}.ticket-attachment-uploader-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important}.ticket-attachment-uploader>div>span{display:grid;min-width:0;gap:3px}.ticket-attachment-uploader strong,.ticket-attachment-uploader span>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-attachment-uploader strong{color:#344054;font-size:12px}.ticket-attachment-uploader span>small{color:#8994a4;font-size:9px}
.ticket-attachment-file-meta dl{display:grid;gap:0;margin:0}.ticket-attachment-file-meta dl>div{display:grid;gap:4px;padding:10px 0;border-top:1px solid #e8ecf2}.ticket-attachment-file-meta dl>div:first-child{padding-top:0;border-top:0}.ticket-attachment-file-meta dt{color:#8994a4;font-size:9px}.ticket-attachment-file-meta dd{overflow:hidden;margin:0;color:#3c4a5f;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.ticket-attachment-visibility{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#eaf7f1;color:#18785c;font-size:8px}.ticket-attachment-visibility.internal{background:#fff0c7;color:#8a5a00}
.ticket-attachment-preview-card>.modal-actions{padding-top:14px}
@media(max-width:760px){.ticket-attachment-preview-workspace{grid-template-columns:1fr;grid-template-rows:minmax(280px,1fr) auto}.ticket-attachment-preview-details{grid-template-columns:1fr 1fr;max-height:210px}.ticket-attachment-preview-details>section{min-width:0}}
@media(max-width:620px){.ticket-attachment-preview-card{width:calc(100vw - 18px);height:calc(100vh - 18px);padding:17px}.ticket-attachment-preview-card .modal-copy{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-attachment-preview-workspace{grid-template-rows:minmax(230px,1fr) auto}.ticket-attachment-preview-details{grid-template-columns:1fr;max-height:230px}.ticket-attachment-preview-card>.modal-actions{margin-right:-17px;margin-bottom:-17px;margin-left:-17px}}

/* Software-Einstellungen: kompakte Cronjob-Verwaltung */
.cron-jobs-environment{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;margin:18px 26px 10px;padding:11px 13px;border:1px solid #dce3ed;border-radius:12px;background:#fafbfd}.cron-jobs-environment>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eef2f7;color:#657287}.cron-jobs-environment div{min-width:0}.cron-jobs-environment small,.cron-jobs-environment strong{display:block}.cron-jobs-environment strong{color:#344156;font-size:11px}.cron-jobs-environment small{overflow:hidden;margin-top:2px;color:#7e899a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cron-jobs-environment>em{padding:5px 8px;border-radius:999px;background:#eef1f5;color:#697688;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}.cron-jobs-environment.ready{border-color:#c6e3d6;background:#f4faf7}.cron-jobs-environment.ready>span{background:#dff4ea;color:#16805d}.cron-jobs-environment.ready>em{background:#dff4ea;color:#167657}.cron-jobs-environment.unavailable{border-color:#efcbd1;background:#fff7f8}.cron-jobs-environment.unavailable>span,.cron-jobs-environment.unavailable>em{background:#ffe8eb;color:#b4233c}.cron-jobs-environment.unsupported{border-color:#ead9b8;background:#fffaf0}.cron-jobs-environment.unsupported>span,.cron-jobs-environment.unsupported>em{background:#fff0ce;color:#a76508}
.cron-jobs-runtime-details{margin:0 26px 14px;border:1px solid #e1e6ed;border-radius:11px;background:#fff}.cron-jobs-runtime-details summary{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:#68758a;font-size:9px;font-weight:750;cursor:pointer;list-style:none}.cron-jobs-runtime-details summary::-webkit-details-marker{display:none}.cron-jobs-runtime-details summary span{display:flex;align-items:center;gap:7px}.cron-jobs-runtime-details summary>i{font-size:8px;transition:transform .16s ease}.cron-jobs-runtime-details[open] summary>i{transform:rotate(180deg)}.cron-jobs-runtime-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #edf0f4}.cron-jobs-runtime-facts[hidden]{display:none}.cron-jobs-runtime-facts article{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border-right:1px solid #edf0f4}.cron-jobs-runtime-facts article:last-child{border-right:0}.cron-jobs-runtime-facts article>i{color:#6374d8}.cron-jobs-runtime-facts span{min-width:0}.cron-jobs-runtime-facts small,.cron-jobs-runtime-facts strong{display:block}.cron-jobs-runtime-facts small{color:#8994a5;font-size:8px}.cron-jobs-runtime-facts strong{overflow:hidden;margin-top:2px;color:#425068;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.cron-jobs-catalog{overflow:hidden;margin:0 26px;border:1px solid #dfe5ed;border-radius:14px;background:#fff}.cron-jobs-catalog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.cron-jobs-catalog h4{margin:0;color:#2d3a50;font-size:13px}.cron-jobs-catalog header p{margin:3px 0 0;color:#7d899b;font-size:9px}.cron-jobs-catalog>header>span{padding:5px 8px;border-radius:999px;background:#e9edfb;color:#5766c4;font-size:8px;font-weight:800;white-space:nowrap}.cron-jobs-table-head,.cron-job-row{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(190px,.9fr) 90px 132px;align-items:center;gap:14px}.cron-jobs-table-head{padding:7px 14px;border-top:1px solid #e7ebf0;background:#f7f9fc;color:#8a95a5;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.cron-jobs-list{display:block}.cron-jobs-loading{display:flex;min-height:130px;align-items:center;justify-content:center;gap:8px;border-top:1px solid #edf0f4;color:#7f8a9b;font-size:10px}
.cron-job-row{padding:12px 14px;border-top:1px solid #edf0f4;transition:background .16s ease}.cron-job-row:hover{background:#fafbfd}.cron-job-row.active{background:#fbfefc}.cron-job-identity{display:flex;align-items:center;gap:10px;min-width:0}.cron-job-identity>span{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:10px;background:#edf1ff;color:#5367d9;font-size:14px}.cron-job-row.active .cron-job-identity>span{background:#e5f5ed;color:#16805d}.cron-job-identity>div{display:grid;min-width:0;gap:2px}.cron-job-identity strong{overflow:hidden;color:#354359;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cron-job-identity small{overflow:hidden;color:#8490a1;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cron-job-identity code{overflow:hidden;color:#758195;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.cron-job-plan{display:grid;min-width:0;gap:3px}.cron-job-plan>span{display:none}.cron-job-plan select{min-width:0;height:34px;padding-top:4px;padding-bottom:4px;font-size:9px}.cron-job-plan small{overflow:hidden;color:#8b95a5;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.cron-job-state>span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#eef1f5;color:#697688;font-size:8px;font-weight:800;white-space:nowrap}.cron-job-state>span.active{background:#e3f5ec;color:#167657}.cron-job-state>span.missing{background:#fff0f2;color:#b4233c}.cron-job-actions{display:flex;justify-content:flex-end;gap:5px}.cron-job-actions .button{min-height:34px;padding:7px 10px;font-size:8px;white-space:nowrap}.cron-job-actions .cron-job-disable{width:34px;padding:7px}
.cron-jobs-security-note{display:flex;align-items:center;gap:7px;margin:10px 26px 22px;color:#7c8899;font-size:8px}.cron-jobs-security-note>i{color:#4d67a6}
@media(max-width:980px){.cron-jobs-table-head{display:none}.cron-job-row{grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) auto}.cron-job-state{display:none}.cron-jobs-runtime-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-jobs-runtime-facts article:nth-child(2){border-right:0}.cron-jobs-runtime-facts article:nth-child(-n+2){border-bottom:1px solid #edf0f4}}
@media(max-width:700px){.cron-jobs-environment,.cron-jobs-runtime-details,.cron-jobs-catalog,.cron-jobs-security-note{margin-right:14px;margin-left:14px}.cron-jobs-environment{grid-template-columns:36px minmax(0,1fr)}.cron-jobs-environment>em{display:none}.cron-job-row{grid-template-columns:1fr;padding:13px}.cron-job-identity small{white-space:normal}.cron-job-plan>span{display:block;color:#7c8798;font-size:8px;font-weight:750}.cron-job-state{display:block}.cron-job-actions{justify-content:flex-start}.cron-job-actions .button[data-cron-save]{flex:1}.cron-jobs-runtime-facts{grid-template-columns:1fr}.cron-jobs-runtime-facts article{border-right:0;border-bottom:1px solid #edf0f4}.cron-jobs-runtime-facts article:last-child{border-bottom:0}}

/* Kundenverträge und elektronische Unterschrift */
.customer-contract-heading-actions,.customer-contract-actions,.account-contract-actions{display:flex;align-items:center;gap:7px}.customer-contract-heading-actions>span{display:grid;min-width:28px;height:28px;place-items:center;border-radius:999px;background:#eef1f7;color:#617086;font-size:9px;font-weight:800}.customer-contract-list{display:grid;gap:8px}.customer-contract-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #e1e6ee;border-radius:12px;background:#fff}.customer-contract-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#edf1ff;color:#5669d8}.customer-contract-row>div:nth-child(2){display:grid;min-width:0;gap:2px}.customer-contract-row small{color:#7d899b;font-size:8px}.customer-contract-row strong{overflow:hidden;color:#344156;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.customer-contract-row p{margin:0;color:#8994a5;font-size:8px}.customer-contract-row>em{padding:5px 8px;border-radius:999px;background:#eef1f5;color:#697688;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}.customer-contract-row>em.success{background:#e3f5ec;color:#167657}.customer-contract-row>em.warning{background:#fff2d8;color:#9a6108}.customer-contract-row>em.muted{background:#f0f1f3;color:#7b8492}.customer-contract-actions .button{min-width:32px;padding:7px}
.contract-editor-card{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto}.contract-editor-card form{padding:0 22px 20px}.contract-editor-grid{gap:12px}.contract-file-field{position:relative;display:block;cursor:pointer}.contract-file-field>input{position:absolute;width:1px;height:1px;opacity:0}.contract-file-field>span{display:flex;align-items:center;gap:11px;padding:14px;border:1px dashed #aeb9ca;border-radius:12px;background:#f8fafc;color:#657287}.contract-file-field>span>i{font-size:19px;color:#596bd2}.contract-file-field>span strong,.contract-file-field>span small{display:block}.contract-file-field>span strong{font-size:10px}.contract-file-field>span small{margin-left:auto;max-width:270px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.contract-editor-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.contract-editor-options>label{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #e0e5ed;border-radius:11px;background:#fafbfd}.contract-editor-options input{margin-top:2px}.contract-editor-options span{display:grid;gap:2px}.contract-editor-options strong{color:#3e4b60;font-size:10px}.contract-editor-options small{color:#828ea0;font-size:8px;line-height:1.4}
.account-contract-list{display:grid;gap:12px}.account-contract-card{overflow:hidden;border:1px solid #dfe5ed;border-radius:14px;background:#fff}.account-contract-card.signed{border-color:#bfdecf}.account-contract-main{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px}.account-contract-main>span{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:#edf1ff;color:#5569d7;font-size:17px}.account-contract-card.signed .account-contract-main>span{background:#e3f5ec;color:#167657}.account-contract-main>div{display:grid;min-width:0;gap:3px}.account-contract-main small{color:#7d899b;font-size:8px}.account-contract-main strong{color:#334156;font-size:12px}.account-contract-main p{margin:0;color:#8591a2;font-size:9px}.account-contract-main>em{padding:5px 8px;border-radius:999px;background:#eef1f5;color:#697688;font-size:8px;font-style:normal;font-weight:800}.account-contract-main>em.success{background:#e3f5ec;color:#167657}.account-contract-main>em.warning{background:#fff2d8;color:#9a6108}.account-contract-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fafbfd}.account-contract-facts>span{display:grid;gap:3px;padding:10px 14px;border-right:1px solid #edf0f4}.account-contract-facts>span:last-child{border-right:0}.account-contract-facts small{color:#8b95a4;font-size:8px}.account-contract-facts strong{color:#455369;font-size:9px}.account-contract-actions{justify-content:flex-end;padding:12px 14px}.account-contract-proof{display:flex;align-items:center;gap:9px;padding:10px 14px;border-top:1px solid #cce7da;background:#f3faf7;color:#24765c}.account-contract-proof>span{display:grid;gap:2px}.account-contract-proof strong{font-size:9px}.account-contract-proof small{color:#5e8979;font-size:8px}.account-contract-empty{display:grid;min-height:240px;place-items:center;align-content:center;gap:7px;color:#8792a2;text-align:center}.account-contract-empty>i{font-size:28px;color:#a8b2c1}.account-contract-empty strong{color:#506076;font-size:12px}.account-contract-empty p{margin:0;font-size:9px}
.contract-sign-card{width:min(960px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto}.contract-sign-methods{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,.78fr);gap:12px;padding:0 22px 18px}.contract-sign-methods>section{display:flex;min-width:0;flex-direction:column;gap:12px;padding:16px;border:1px solid #dfe5ed;border-radius:14px;background:#fafbfd}.contract-sign-heading{display:flex;align-items:center;gap:10px}.contract-sign-heading>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#e9edff;color:#5367d8}.contract-sign-heading>div{display:grid;gap:2px}.contract-sign-heading strong{color:#344156;font-size:11px}.contract-sign-heading small{color:#7e899b;font-size:8px}.contract-method-separator{display:flex;align-items:center;justify-content:center;color:#98a2b1;font-size:8px;text-transform:uppercase}.contract-method-separator span{padding:6px;background:#fff}.contract-sign-card canvas{display:block;width:100%;height:150px;border:1px dashed #a8b4c5;border-radius:11px;background:#fff;cursor:crosshair;touch-action:none}.contract-sign-tools{display:flex;justify-content:flex-end}.contract-sign-confirm{display:flex;align-items:flex-start;gap:8px;color:#59677a;font-size:9px;line-height:1.45}.contract-sign-confirm input{margin-top:2px}.contract-signed-upload{position:relative;display:block;cursor:pointer}.contract-signed-upload input{position:absolute;width:1px;height:1px;opacity:0}.contract-signed-upload>span{display:grid;min-height:130px;place-items:center;align-content:center;gap:6px;padding:15px;border:1px dashed #a8b4c5;border-radius:11px;background:#fff;color:#6b788b;text-align:center}.contract-signed-upload i{font-size:24px;color:#586bd3}.contract-signed-upload strong{font-size:10px}.contract-signed-upload small{max-width:260px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.contract-sign-card>.form-message{margin:0 22px 18px}
@media(max-width:760px){.customer-contract-row{grid-template-columns:38px minmax(0,1fr) auto}.customer-contract-row>em{grid-column:2;justify-self:start}.customer-contract-actions{grid-column:1/-1;justify-content:flex-end}.contract-editor-options{grid-template-columns:1fr}.contract-sign-methods{grid-template-columns:1fr}.contract-method-separator{min-height:20px}.account-contract-facts{grid-template-columns:1fr}.account-contract-facts>span{border-right:0;border-bottom:1px solid #edf0f4}.account-contract-facts>span:last-child{border-bottom:0}.account-contract-actions{align-items:stretch;flex-direction:column}.account-contract-actions .button{width:100%}}
@media(max-width:520px){.customer-contract-heading-actions>span{display:none}.customer-contract-row{grid-template-columns:38px minmax(0,1fr)}.customer-contract-row>em{grid-column:2}.account-contract-main{grid-template-columns:42px minmax(0,1fr)}.account-contract-main>em{grid-column:2;justify-self:start}.contract-editor-card form,.contract-sign-methods{padding-right:14px;padding-left:14px}.contract-sign-card>.form-message{margin-right:14px;margin-left:14px}}
.contract-sign-legal{display:flex;align-items:flex-start;gap:7px;padding:9px 10px;border-radius:9px;background:#eef3fa;color:#63738a;font-size:8px;line-height:1.45}.contract-sign-legal i{margin-top:1px;color:#5268a6}

/* 2FA-Backup-Codes: bewusst nach den globalen Modal-Regeln, damit der Footer sichtbar bleibt. */
.two-factor-backup-card .two-factor-backup-actions{position:relative;bottom:auto;z-index:2;margin:0;padding:14px 23px;border-top:1px solid #e8edf3;background:#fff;backdrop-filter:none}
.two-factor-backup-card .two-factor-backup-body{flex:1 1 auto;min-height:0}
.two-factor-backup-eyebrow small{font-size:9px}
.two-factor-backup-eyebrow span{font-size:9px}
.two-factor-backup-header p{font-size:12px;line-height:1.5}
.two-factor-backup-notice strong{font-size:12px}
.two-factor-backup-notice p{font-size:10px;line-height:1.45}
.two-factor-backup-codes>header strong{font-size:12px}
.two-factor-backup-codes>header small{font-size:10px}
.two-factor-backup-list code{font-size:12px}
.two-factor-backup-code-index{font-size:9px}
.two-factor-backup-security p{font-size:10px;line-height:1.45}
.two-factor-backup-card .two-factor-backup-actions .button{min-height:42px;font-size:11px}
@media(max-width:600px){.two-factor-backup-card .two-factor-backup-actions{padding:13px 18px}.two-factor-backup-card .two-factor-backup-body{overflow-y:auto}}

/* Team Workspace: Navigation, Live-Chat und Kalender */
.team-view{--team-primary:#554ee8;--team-border:#dfe5ef;--team-soft:#f7f8fc;color:var(--team-ink)}
.team-module-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:22px 24px;border:1px solid var(--team-border);border-radius:18px;background:radial-gradient(circle at 82% 0,rgba(85,78,232,.14),transparent 270px),#fff;box-shadow:0 12px 30px rgba(32,44,74,.05)}
.team-module-header h2{margin:7px 0 4px;font-size:24px;letter-spacing:-.03em}.team-module-header p{margin:0;color:#748197;font-size:12px}.team-module-actions{display:flex;align-items:center;gap:9px}.team-realtime-state{display:grid;grid-template-columns:9px auto;column-gap:7px;padding:8px 11px;border:1px solid #dce2ec;border-radius:12px;background:#f8fafc}.team-realtime-state>i{grid-row:1/3;align-self:center;width:8px;height:8px;border-radius:50%;background:#d99a26}.team-realtime-state b{font-size:11px;line-height:1.2}.team-realtime-state small{color:#7a8698;font-size:9px}.team-realtime-state.online{border-color:#bde3d5;background:#effaf6}.team-realtime-state.online>i{background:#1d9b72;box-shadow:0 0 0 4px rgba(29,155,114,.11)}.team-realtime-state.offline{border-color:#f0d3a3;background:#fff9ef}.team-realtime-state.offline>i{background:#d18716}
.team-subnav{display:flex;gap:5px;margin-bottom:15px;padding:5px;border:1px solid var(--team-border);border-radius:14px;background:#fff;overflow-x:auto}.team-subnav button{display:flex;min-height:42px;align-items:center;gap:8px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#66748a;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}.team-subnav button:hover{background:#f4f6fb;color:#35435a}.team-subnav button.active{background:#ececff;color:#4b48c5}.team-subnav em,.team-subnav b{padding:3px 6px;border-radius:999px;background:#fff;color:#5753cd;font-size:9px;font-style:normal}.team-section[hidden]{display:none!important}
.team-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.team-overview-knowledge{grid-column:1/-1}.team-panel>header button:not(.button){border:0;background:transparent;color:#5759c9;font-size:11px;font-weight:750;cursor:pointer}.team-panel>header>div:last-child{display:flex;align-items:center;gap:10px}.team-task-panel,.team-knowledge-panel{min-height:480px}
.team-live-chat{display:grid;grid-template-columns:230px minmax(420px,1fr) 220px;height:min(720px,calc(100vh - 215px));min-height:570px;overflow:hidden;border:1px solid #dbe2ed;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(31,44,74,.07)}.team-channel-sidebar,.team-member-sidebar{display:flex;min-width:0;flex-direction:column;background:#f8f9fc}.team-channel-sidebar{border-right:1px solid #e1e6ee}.team-member-sidebar{border-left:1px solid #e1e6ee}.team-channel-sidebar>header,.team-member-sidebar>header{padding:19px 17px 13px}.team-channel-sidebar header small,.team-member-sidebar header small{color:#7d86d7;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.team-channel-sidebar h3,.team-member-sidebar h3{margin:4px 0 0;font-size:14px}.team-channel-list{display:grid;gap:5px;padding:4px 9px}.team-channel-list>button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:0;border-radius:11px;background:transparent;color:#5e6c81;text-align:left;cursor:pointer}.team-channel-list>button:hover{background:#eef1f7}.team-channel-list>button.active{background:#e9eaff;color:#4744bb}.team-channel-list>button>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#fff;font-size:12px}.team-channel-list strong,.team-channel-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-channel-list strong{font-size:11px}.team-channel-list small{margin-top:2px;color:#8b96a7;font-size:9px}.team-channel-list em{font-size:9px;font-style:normal}.team-channel-sidebar>footer{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:14px;border-top:1px solid #e3e7ee;color:#7b8799;font-size:9px;line-height:1.4}.team-channel-sidebar>footer i{color:#5e64cb}
.team-chat-main{display:flex;min-width:0;flex-direction:column;background:#fff}.team-chat-main>header{display:flex;min-height:69px;align-items:center;justify-content:space-between;gap:14px;padding:11px 17px;border-bottom:1px solid #e5e9ef}.team-chat-main>header>div:first-child{display:flex;align-items:center;gap:10px}.team-chat-main>header>div:first-child>span{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:#ececff;color:#504bcf}.team-chat-main h3{margin:0;font-size:14px}.team-chat-main header p{margin:3px 0 0;color:#8390a2;font-size:10px}.team-chat-presence{display:flex;align-items:center;gap:8px}.team-chat-presence>span{display:flex}.team-chat-presence .team-member-avatar{margin-left:-5px;border:2px solid #fff}.team-chat-presence small{font-size:10px;color:#758197}.team-chat-messages{padding:20px 22px;gap:16px;background:linear-gradient(#fafbfe,#f7f9fc)}.team-chat-message{grid-template-columns:36px minmax(0,1fr);gap:10px}.team-chat-message.mine{grid-template-columns:minmax(0,1fr) 36px}.team-chat-message.mine>.team-member-avatar{grid-column:2}.team-chat-message>div{max-width:min(78%,650px);padding:10px 13px;border-radius:5px 14px 14px}.team-chat-message.mine>div{grid-row:1;justify-self:end;border-radius:14px 5px 14px;background:#eceeff}.team-chat-message header strong{font-size:10px}.team-chat-message header time{font-size:9px}.team-chat-message p{font-size:12px;line-height:1.55}.team-member-avatar{display:grid;width:36px;height:36px;flex:none;place-items:center;overflow:hidden;border-radius:10px;background:#e7eaf3;color:#536078;font-size:10px;font-weight:850}.team-member-avatar.small{width:27px;height:27px;border-radius:8px;font-size:8px}.team-member-avatar img{width:100%;height:100%;object-fit:cover}.team-typing-indicator{display:flex;align-items:center;gap:8px;padding:4px 22px 8px;color:#78869a;font-size:10px}.team-typing-indicator[hidden]{display:none}.team-typing-indicator i{display:flex;gap:3px}.team-typing-indicator i span{width:4px;height:4px;border-radius:50%;background:#7772db;animation:teamTyping 1s infinite alternate}.team-typing-indicator i span:nth-child(2){animation-delay:.2s}.team-typing-indicator i span:nth-child(3){animation-delay:.4s}@keyframes teamTyping{to{transform:translateY(-3px);opacity:.45}}
.team-chat-form{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:12px 15px}.team-chat-form textarea{min-height:48px;max-height:120px;padding:12px;font-size:12px}.team-chat-form>div{display:flex;align-items:center;gap:10px}.team-chat-form>div small{max-width:170px;color:#8a95a5;font-size:9px;line-height:1.35}.team-chat-form>div .button,.team-chat-add{display:grid;width:42px;height:42px;min-height:42px;padding:0;place-items:center}.team-chat-add{border:1px solid #dce2eb;border-radius:11px;background:#f7f8fb;color:#69768a}.team-chat-form kbd{padding:1px 4px;border:1px solid #d9dfe8;border-radius:4px;background:#fff;font:inherit}
.team-member-list{display:grid;gap:3px;padding:4px 10px;overflow:auto}.team-member-list article{display:grid;grid-template-columns:34px minmax(0,1fr) 7px;align-items:center;gap:9px;padding:8px;border-radius:10px}.team-member-list article:hover{background:#eef1f6}.team-member-list .team-member-avatar{width:34px;height:34px}.team-member-list strong,.team-member-list small{display:block}.team-member-list strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.team-member-list small{margin-top:2px;color:#929cab;font-size:9px}.team-member-list article>i{width:7px;height:7px;border-radius:50%;background:#c2c8d1}.team-member-list article.online>i{background:#20a177;box-shadow:0 0 0 3px rgba(32,161,119,.11)}
.team-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:12px 14px;border:1px solid var(--team-border);border-radius:14px;background:#fff}.team-calendar-toolbar>div{display:flex;align-items:center;gap:7px}.team-calendar-toolbar h3{min-width:190px;margin:0 0 0 8px;font-size:16px;text-transform:capitalize}.team-calendar-layout{display:grid;grid-template-columns:minmax(620px,1fr) 270px;gap:12px}.team-calendar,.team-calendar-agenda{overflow:hidden;border:1px solid var(--team-border);border-radius:15px;background:#fff}.team-calendar-weekdays,.team-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.team-calendar-weekdays{border-bottom:1px solid #e7ebf1;background:#f8f9fc}.team-calendar-weekdays span{padding:11px 8px;color:#748095;font-size:10px;font-weight:800;text-align:center}.team-calendar-day{min-width:0;min-height:108px;padding:9px;border:0;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fff;color:#39475d;text-align:left;cursor:pointer}.team-calendar-day:nth-child(7n){border-right:0}.team-calendar-day:hover,.team-calendar-day.selected{background:#f3f4ff}.team-calendar-day.outside{background:#fafbfc;color:#adb4bf}.team-calendar-day>span{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;font-size:11px;font-weight:800}.team-calendar-day.today>span{background:#5650df;color:#fff}.team-calendar-day>div{display:grid;gap:3px;margin-top:4px}.team-calendar-day em{display:flex;min-width:0;align-items:center;gap:5px;padding:4px 5px;border-radius:5px;background:#edeeff;color:#4f4bc2;font-size:8px;font-style:normal;overflow:hidden;white-space:nowrap}.team-calendar-day em i{width:4px;height:4px;flex:none;border-radius:50%;background:#625ee0}.team-calendar-day small{font-size:8px;color:#798599}.team-calendar-agenda>header{padding:17px;border-bottom:1px solid #e7ebf1}.team-calendar-agenda header small{color:#767bd0;font-size:9px;font-weight:850;text-transform:uppercase}.team-calendar-agenda h3{margin:4px 0 0;font-size:14px;text-transform:capitalize}.team-calendar-agenda>div{display:grid;padding:8px}.team-calendar-agenda>div>button{display:grid;grid-template-columns:45px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:10px;border:0;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.team-calendar-agenda>div>button:hover{background:#f4f6fb}.team-calendar-agenda time{color:#5656c8;font-size:10px;font-weight:800}.team-calendar-agenda strong,.team-calendar-agenda small{display:block}.team-calendar-agenda strong{font-size:10px}.team-calendar-agenda small{margin-top:3px;color:#8a95a5;font-size:8px}
.team-event-attendees{padding:13px;border:1px solid #e0e5ed;border-radius:12px}.team-event-attendees legend{padding:0 7px}.team-event-attendees legend span,.team-event-attendees legend small{display:block}.team-event-attendees legend span{font-size:11px;font-weight:800}.team-event-attendees legend small{color:#8591a3;font-size:9px}.team-event-attendees>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:7px}.team-event-attendees label{display:grid;grid-template-columns:20px 34px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:8px;border:1px solid #e1e6ee;border-radius:10px;cursor:pointer}.team-event-attendees label>input{opacity:.01}.team-event-attendees label>i{color:transparent}.team-event-attendees label:has(input:checked){border-color:#aeb5f2;background:#f1f2ff}.team-event-attendees label:has(input:checked)>i{color:#5653d0}.team-event-attendees strong,.team-event-attendees small{display:block}.team-event-attendees strong{font-size:10px}.team-event-attendees small{color:#8b96a6;font-size:8px}.team-realtime-modal-card{width:min(620px,calc(100vw - 28px))}.team-realtime-modal-card form{display:grid;gap:14px}.team-realtime-modal-card label{display:grid;gap:7px}.team-realtime-modal-card label>small{color:#7b8798;font-size:10px;line-height:1.5}
@media(max-width:1180px){.team-live-chat{grid-template-columns:205px minmax(390px,1fr)}.team-member-sidebar{display:none}.team-calendar-layout{grid-template-columns:1fr}.team-calendar-agenda{min-height:180px}.team-calendar-day{min-height:95px}}
@media(max-width:820px){.team-module-header{align-items:flex-start;flex-direction:column}.team-module-actions{width:100%;flex-wrap:wrap}.team-live-chat{grid-template-columns:1fr;height:680px}.team-channel-sidebar{display:none}.team-calendar-layout{display:block;overflow-x:auto}.team-calendar{min-width:680px}.team-overview-grid{grid-template-columns:1fr}.team-overview-knowledge{grid-column:auto}.team-event-attendees>div{grid-template-columns:1fr}}
@media(max-width:560px){.team-module-header{padding:18px}.team-realtime-state{order:3;width:100%}.team-subnav button{padding:0 11px}.team-subnav button span{display:none}.team-chat-form{grid-template-columns:minmax(0,1fr) 44px}.team-chat-add,.team-chat-form>div small{display:none}.team-chat-form>div{display:block}.team-chat-message>div{max-width:90%}.team-stats{grid-template-columns:1fr 1fr}.team-calendar-toolbar{align-items:stretch;flex-direction:column}.team-calendar-toolbar>div{flex-wrap:wrap}.team-entry-type-picker{grid-template-columns:1fr 1fr}}

/* Team-Arbeitsbereich */
.team-view{--team-ink:#243149;--team-muted:#7a879a}.team-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding:25px 27px;border:1px solid #dfe5f1;border-radius:20px;background:radial-gradient(circle at 88% 18%,rgba(98,91,246,.13),transparent 230px),linear-gradient(135deg,#fff,#f7f8ff);box-shadow:0 12px 34px rgba(34,48,82,.06)}.team-kicker{display:inline-flex;align-items:center;gap:7px;color:#5c63c8;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.team-hero h2{margin:8px 0 4px;color:#1d293d;font-size:25px;letter-spacing:-.035em}.team-hero p{margin:0;color:#778499;font-size:11px}.team-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.team-stats article{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e0e6ee;border-radius:14px;background:#fff}.team-stat-icon{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:11px;font-size:13px}.team-stat-icon.tasks{background:#eef1ff;color:#5365d8}.team-stat-icon.events{background:#ecf8f4;color:#168069}.team-stat-icon.knowledge{background:#fff6df;color:#a46a0e}.team-stat-icon.chat{background:#f2edff;color:#7655ce}.team-stats small,.team-stats strong{display:block}.team-stats small{color:#8894a5;font-size:8px}.team-stats strong{margin-top:2px;color:#303e55;font-size:17px}.team-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:14px}.team-main{display:grid;gap:14px}.team-panel,.team-chat-panel{overflow:hidden;border:1px solid #dfe5ed;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(31,45,76,.045)}.team-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border-bottom:1px solid #edf0f4}.team-panel>header small,.team-chat-panel header small{display:block;margin-bottom:3px;color:#717bd0;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.team-panel>header h3,.team-chat-panel header h3{margin:0;color:#2c3a51;font-size:13px}.team-task-panel>header>span{padding:5px 8px;border-radius:999px;background:#eef1ff;color:#5865c6;font-size:8px;font-weight:800}.team-task-list{display:grid}.team-task{display:grid;grid-template-columns:28px minmax(0,1fr) 32px;align-items:start;gap:10px;padding:12px 16px;border-bottom:1px solid #edf0f4}.team-task:last-child{border-bottom:0}.team-task:hover{background:#fbfcff}.team-task-check{display:grid;width:25px;height:25px;margin-top:1px;place-items:center;border:1px solid #cfd7e4;border-radius:8px;background:#fff;color:transparent;cursor:pointer}.team-task-check:hover{border-color:#7785e7;color:#7785e7}.team-task.done .team-task-check{border-color:#8ad1bc;background:#e8f7f1;color:#16805f}.team-task.done>div{opacity:.62}.team-task.done .team-task-title strong{text-decoration:line-through}.team-task-title{display:flex;align-items:center;gap:7px}.team-task-title strong{color:#344158;font-size:11px}.team-task-title em{padding:3px 5px;border-radius:5px;background:#fff0f1;color:#b22c43;font-size:7px;font-style:normal;font-weight:800;text-transform:uppercase}.team-task-title>i{color:#6b70ca;font-size:8px}.team-task p{overflow:hidden;margin:4px 0 0;color:#788599;font-size:9px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.team-task footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px;color:#8a96a7;font-size:8px}.team-task footer span{display:inline-flex;align-items:center;gap:4px}.team-task footer .overdue{color:#c43d51;font-weight:750}.team-task>.icon-button,.team-event>.icon-button,.team-knowledge .icon-button{width:29px;height:29px;opacity:0}.team-task:hover>.icon-button,.team-event:hover>.icon-button,.team-knowledge:hover .icon-button{opacity:1}.team-event-list{display:grid}.team-event{display:grid;grid-template-columns:45px minmax(0,1fr) 32px;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid #edf0f4}.team-event:last-child{border-bottom:0}.team-event>time{display:grid;width:43px;height:47px;place-items:center;align-content:center;border-radius:11px;background:#eef7f4;color:#17745e;text-align:center}.team-event>time strong{font-size:15px;line-height:1}.team-event>time span{margin-top:3px;font-size:7px;font-weight:800;text-transform:uppercase}.team-event>div>strong{color:#35435a;font-size:11px}.team-event p{overflow:hidden;margin:3px 0;color:#7f8b9c;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.team-event small{color:#758195;font-size:8px}.team-event small i{margin-right:4px;color:#55a48e}.team-knowledge-legend{display:flex;gap:8px;color:#8792a3;font-size:7px}.team-knowledge-legend span{display:flex;align-items:center;gap:4px}.team-knowledge-legend i{width:6px;height:6px;border-radius:50%;background:#e9b644}.team-knowledge-legend span:last-child i{background:#7569dd}.team-knowledge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.team-knowledge{min-width:0;padding:13px;border:1px solid #e2e7ee;border-radius:12px;background:#fbfcfe}.team-knowledge.rule{border-color:#dedcf6;background:#faf9ff}.team-knowledge>header{display:grid;grid-template-columns:31px minmax(0,1fr) 28px;align-items:center;gap:8px}.team-knowledge>header>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#fff3d3;color:#a36b0c}.team-knowledge.rule>header>span{background:#eeebff;color:#6657c6}.team-knowledge header small,.team-knowledge header strong{display:block}.team-knowledge header small{color:#8c96a5;font-size:7px;text-transform:uppercase}.team-knowledge header strong{overflow:hidden;margin-top:2px;color:#344158;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.team-knowledge>p{display:-webkit-box;overflow:hidden;margin:10px 0;color:#657287;font-size:9px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.team-knowledge>footer{padding-top:8px;border-top:1px solid #e8ecf1;color:#939caa;font-size:7px}.team-chat-panel{position:sticky;top:16px;display:flex;height:min(650px,calc(100vh - 150px));min-height:490px;flex-direction:column}.team-chat-panel>header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #e8edf3;background:linear-gradient(135deg,#fafaff,#fff)}.team-chat-panel>header>div{display:flex;align-items:center;gap:10px}.team-chat-panel>header>div>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eeebff;color:#6559ca}.team-chat-panel>header em{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#eaf7f2;color:#21745f;font-size:7px;font-style:normal;font-weight:800}.team-chat-panel>header em i{width:5px;height:5px;border-radius:50%;background:#1e9d77}.team-chat-messages{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px;padding:15px;overflow-y:auto;background:#f8fafc}.team-chat-message{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px}.team-chat-message.mine{grid-template-columns:minmax(0,1fr) 28px}.team-chat-message.mine>.team-chat-avatar{grid-column:2}.team-chat-message.mine>div{grid-row:1;justify-self:end;background:#eef0ff}.team-chat-avatar{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#e7ebf3;color:#526077;font-size:8px;font-weight:850}.team-chat-message>div{max-width:90%;padding:8px 10px;border:1px solid #e2e7ee;border-radius:4px 12px 12px;background:#fff}.team-chat-message.mine>div{border-color:#d9dcf8;border-radius:12px 4px 12px}.team-chat-message header{display:flex;align-items:center;gap:6px}.team-chat-message header strong{color:#4a576c;font-size:8px}.team-chat-message header time{color:#9aa3b0;font-size:6px}.team-chat-message header button{margin-left:auto;border:0;background:transparent;color:#a1a9b5;font-size:8px;cursor:pointer}.team-chat-message p{margin:4px 0 0;color:#344157;font-size:9px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.team-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:end;gap:8px;padding:12px;border-top:1px solid #e5eaf0;background:#fff}.team-chat-form textarea{min-height:41px;max-height:100px;resize:vertical;font-size:10px}.team-chat-form .button{width:40px;height:40px;padding:0}.team-empty{grid-column:1/-1;display:grid;min-height:120px;place-items:center;align-content:center;gap:5px;padding:18px;color:#8995a6;text-align:center}.team-empty>i{font-size:20px;color:#b1bac7}.team-empty strong{color:#627086;font-size:10px}.team-empty p{margin:0;font-size:8px}.team-entry-modal-card{width:min(690px,calc(100vw - 30px))}.team-entry-modal-card form{display:grid;gap:14px}.team-entry-type-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.team-entry-type-picker input{position:absolute;opacity:0}.team-entry-type-picker span{display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #dfe4ec;border-radius:11px;background:#fafbfd;color:#69768a;cursor:pointer}.team-entry-type-picker i{font-size:14px}.team-entry-type-picker strong{font-size:8px}.team-entry-type-picker input:checked+span{border-color:#9faaf1;background:#eef0ff;color:#4f55bc;box-shadow:inset 0 0 0 1px #c8cef7}.team-entry-details{align-items:end}.team-entry-pin{min-height:57px;margin:0}.team-entry-actions #teamDeleteEntry{margin-right:auto}@media(max-width:1050px){.team-workspace{grid-template-columns:1fr}.team-chat-panel{position:static;height:560px}.team-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.team-hero{align-items:stretch;flex-direction:column;padding:20px}.team-hero .button{width:100%}.team-stats{grid-template-columns:1fr 1fr}.team-stats article{padding:10px}.team-stat-icon{width:32px;height:32px}.team-knowledge-list{grid-template-columns:1fr}.team-knowledge-legend{display:none}.team-entry-type-picker{grid-template-columns:1fr 1fr}.team-entry-details{grid-template-columns:1fr}.team-entry-actions{grid-template-columns:1fr}.team-entry-actions #teamDeleteEntry{margin-right:0}.team-chat-panel{min-height:480px}}
.invoice-staging{margin:0 0 22px;padding:18px;border:1px solid #dfe5f1;border-radius:16px;background:linear-gradient(145deg,#fbfcff,#f6f8fc)}
.invoice-staging-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.invoice-staging-head h4{margin:2px 0 0;font-size:16px;color:#1f2b42}
.invoice-draft-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.invoice-draft-card{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 14px;border:1px solid #e0e5ef;border-radius:13px;background:#fff}.invoice-draft-card.stage-in_review{border-color:#f1d39c;background:#fffdf8}.invoice-draft-card.stage-approved{border-color:#aee0ca;background:#f8fffb}
.invoice-draft-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#eef0ff;color:#5754e8}.stage-in_review .invoice-draft-icon{background:#fff2d7;color:#b77914}.stage-approved .invoice-draft-icon{background:#dcf7e9;color:#168657}
.invoice-draft-copy{display:flex;flex:1;min-width:0;padding:0;border:0;background:transparent;flex-direction:column;gap:2px;text-align:left;cursor:pointer}.invoice-draft-copy:hover strong{color:#514fe0}.invoice-draft-copy>span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6b74d8}.invoice-draft-copy strong{overflow:hidden;color:#26324a;text-overflow:ellipsis;white-space:nowrap;transition:color .16s}.invoice-draft-copy small{overflow:hidden;color:#78849b;text-overflow:ellipsis;white-space:nowrap}.invoice-draft-actions{display:flex;align-items:center;gap:6px}.invoice-draft-empty{grid-column:1/-1;padding:11px;color:#8290a8;text-align:center}.invoice-draft-empty i{margin-right:7px}
.invoice-number-notice{display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 13px;border:1px dashed #cbd4e5;border-radius:11px;background:#f8faff;color:#56637a}.invoice-number-notice>i{color:#5a57eb}.invoice-number-notice span{display:flex;flex-direction:column}.invoice-number-notice b{font-size:13px}.invoice-number-notice small{margin-top:2px;color:#8994a8}.invoice-is-archived{opacity:.62;background:#f7f8fa}
.invoice-cancel-card{width:min(560px,calc(100vw - 28px))}.invoice-cancel-icon{background:#fff0f2!important;color:#c62e46!important}.invoice-cancel-reference{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;margin:4px 0 20px;padding:14px 15px;border:1px solid #e2e7ef;border-radius:14px;background:#f8f9fc}.invoice-cancel-reference>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ecefff;color:#5957df;font-size:17px}.invoice-cancel-reference div{display:flex;min-width:0;flex-direction:column}.invoice-cancel-reference small{font-size:10px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;color:#8791a5}.invoice-cancel-reference strong{margin-top:2px;color:#202c42;font-size:15px}.invoice-cancel-reference p{overflow:hidden;margin:2px 0 0;color:#748097;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.invoice-cancel-reference>b{color:#202c42;font-size:16px;white-space:nowrap}.invoice-cancel-reason{display:block}.invoice-cancel-reason textarea{min-height:108px;resize:vertical}.invoice-cancel-reason>small{display:block;margin-top:7px;color:#7e899d;font-size:11px}.invoice-cancel-warning{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:12px 14px;border:1px solid #f1cf9a;border-radius:12px;background:#fff8e9;color:#815b19}.invoice-cancel-warning>i{margin-top:3px}.invoice-cancel-warning p{display:flex;margin:0;flex-direction:column;gap:2px}.invoice-cancel-warning strong{font-size:12px}.invoice-cancel-warning span{font-size:11px;line-height:1.45}.invoice-cancel-card .button-danger{box-shadow:0 8px 18px rgba(190,40,65,.17)}
.invoice-draft-preview-card{width:min(900px,calc(100vw - 30px))}.invoice-draft-preview-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:2px 0 22px}.invoice-draft-preview-facts>div{display:flex;min-width:0;padding:12px 13px;border:1px solid #e2e7f0;border-radius:12px;background:#f8f9fc;flex-direction:column;gap:3px}.invoice-draft-preview-facts small,.invoice-draft-preview-footer small{font-size:10px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;color:#8792a6}.invoice-draft-preview-facts strong{overflow:hidden;color:#263249;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.invoice-draft-preview-items{border:1px solid #e2e7f0;border-radius:14px;overflow:hidden}.invoice-draft-preview-items .offer-items-heading{margin:0;padding:13px 15px;border-bottom:1px solid #e6eaf1;background:#fafbfe}.invoice-draft-preview-items .detail-table{margin:0}.invoice-draft-preview-items td:first-child strong,.invoice-draft-preview-items td:first-child small{display:block}.invoice-draft-preview-items td:first-child small{margin-top:2px;color:#8993a6}.invoice-draft-preview-footer{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:18px}.invoice-draft-preview-footer>div{padding:13px 15px;border:1px solid #e5e9f1;border-radius:12px;background:#fafbfc}.invoice-draft-preview-footer p{margin:7px 0 0;color:#5f6c82;line-height:1.55;white-space:pre-line}.invoice-draft-preview-footer dl{margin:0;padding:13px 15px;border-radius:12px;background:#f4f5fb}.invoice-draft-preview-footer dl>div{display:flex;justify-content:space-between;padding:6px 0;color:#667289}.invoice-draft-preview-footer dt,.invoice-draft-preview-footer dd{margin:0}.invoice-draft-preview-footer dl>div:last-child{margin-top:4px;padding-top:11px;border-top:1px solid #dce1eb;color:#232e44;font-size:16px;font-weight:800}
.invoice-history-card{width:min(940px,calc(100vw - 30px))}.invoice-history-states{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:2px 0 20px}.invoice-history-states>div{display:flex;padding:11px 12px;border:1px solid #e2e7f0;border-radius:11px;background:#f8f9fc;flex-direction:column;gap:3px}.invoice-history-states>div.is-archived{border-color:#f0d49e;background:#fff9ed}.invoice-history-states small{color:#8994a7;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.invoice-history-states strong{overflow:hidden;color:#29354c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.invoice-history-loading{grid-column:1/-1;padding:12px;color:#748097;text-align:center}.invoice-history-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.invoice-history-layout>section{min-width:0;border:1px solid #e1e6ef;border-radius:14px;background:#fbfcfe;overflow:hidden}.invoice-history-section-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #e4e8f0;background:#f7f8fc}.invoice-history-section-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e9ebff;color:#5755df}.invoice-history-section-head>div{display:flex;flex-direction:column}.invoice-history-section-head strong{color:#29344b;font-size:13px}.invoice-history-section-head small{margin-top:2px;color:#8792a6;font-size:10px}.invoice-history-documents,.invoice-history-events{max-height:430px;padding:10px;overflow:auto}.invoice-history-document{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #e8ebf1}.invoice-history-document:last-child{border-bottom:0}.invoice-history-document>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef0ff;color:#5553df}.invoice-history-document.type-reminder>span{background:#fff3df;color:#a96a0c}.invoice-history-document.type-cancellation>span{background:#fff0f2;color:#bd3047}.invoice-history-document>div{display:flex;min-width:0;flex-direction:column}.invoice-history-document small{color:#8993a5;font-size:9px;text-transform:uppercase}.invoice-history-document strong{margin:2px 0;color:#273249;font-size:13px}.invoice-history-document code{overflow:hidden;color:#7f899c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.invoice-history-event{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:9px;padding:8px 7px 13px}.invoice-history-event>i{position:relative;width:9px;height:9px;margin-top:5px;border:2px solid #fff;border-radius:50%;background:#5956e5;box-shadow:0 0 0 2px #cbcffa}.invoice-history-event:not(:last-child)>i:after{position:absolute;top:10px;left:2px;width:1px;height:calc(100% + 43px);background:#dfe3ec;content:""}.invoice-history-event>div{display:flex;min-width:0;flex-direction:column}.invoice-history-event small{color:#8c96a8;font-size:9px}.invoice-history-event strong{margin:2px 0;color:#29344b;font-size:12px}.invoice-history-event p{margin:2px 0;color:#667389;font-size:11px;line-height:1.4}.invoice-history-event span{color:#8a94a5;font-size:9px}.invoice-history-empty{padding:24px 14px;color:#8993a6;text-align:center;font-size:11px}
@media(max-width:720px){.invoice-draft-list{grid-template-columns:1fr}.invoice-draft-card{align-items:flex-start;flex-wrap:wrap}.invoice-draft-actions{width:100%;justify-content:flex-end}}
@media(max-width:540px){.invoice-cancel-reference{grid-template-columns:40px minmax(0,1fr)}.invoice-cancel-reference>b{grid-column:2}.invoice-cancel-card .modal-actions{flex-wrap:wrap}.invoice-cancel-card .modal-actions .button{flex:1}}
@media(max-width:760px){.invoice-draft-preview-facts{grid-template-columns:repeat(2,1fr)}.invoice-draft-preview-footer{grid-template-columns:1fr}.invoice-draft-preview-card .modal-actions{flex-wrap:wrap}}
@media(max-width:780px){.invoice-history-states{grid-template-columns:repeat(2,1fr)}.invoice-history-layout{grid-template-columns:1fr}.invoice-history-documents,.invoice-history-events{max-height:300px}}
.auditor-access-panel{display:grid;gap:18px}.auditor-access-security{display:flex;align-items:flex-start;gap:13px;padding:15px 17px;border:1px solid #c9e6dc;border-radius:14px;background:#f0faf6}.auditor-access-security>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:#d9f3e9;color:#147654}.auditor-access-security strong,.auditor-access-security p{display:block}.auditor-access-security strong{color:#24473d;font-size:12px}.auditor-access-security p{margin:4px 0 0;color:#58746c;font-size:10px;line-height:1.5}.auditor-access-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(380px,1.2fr);gap:16px}.auditor-access-create,.auditor-access-overview{padding:19px;border:1px solid #e0e5ee;border-radius:16px;background:#fff}.auditor-access-create header,.auditor-access-overview header{margin-bottom:15px}.auditor-access-create header span,.auditor-access-overview header span{display:inline-flex;margin-bottom:5px;color:#5b58df;font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.auditor-access-create h4,.auditor-access-overview h4{margin:0;color:#273349;font-size:15px}.auditor-access-create p,.auditor-access-overview p{margin:4px 0 0;color:#7c889b;font-size:10px;line-height:1.5}.auditor-access-form{display:grid;gap:12px}.auditor-access-form label{display:grid;gap:6px}.auditor-access-form label>span{color:#4f5c72;font-size:10px;font-weight:750}.auditor-access-form textarea{min-height:76px;resize:vertical}.auditor-access-list{display:grid;gap:9px}.auditor-access-item{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:11px;padding:12px;border:1px solid #e1e6ee;border-radius:13px;background:#fafbfd}.auditor-access-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#eceeff;color:#5653dc}.auditor-access-item>div{display:grid;min-width:0;gap:3px}.auditor-access-item>div>span{display:flex;align-items:center;gap:7px}.auditor-access-item strong{overflow:hidden;color:#2b374d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.auditor-access-item em{padding:3px 6px;border-radius:999px;font-size:7px;font-style:normal;font-weight:850;text-transform:uppercase}.auditor-access-item em.is-active{background:#e6f6ef;color:#157756}.auditor-access-item em.is-expired{background:#fff0f2;color:#b72d43}.auditor-access-item small{color:#8792a4;font-size:9px}.auditor-access-item p{margin:2px 0;color:#657287;font-size:10px}.auditor-access-empty,.auditor-access-loading,.auditor-access-error{display:grid;min-height:150px;place-items:center;align-content:center;gap:7px;border:1px dashed #d8dee9;border-radius:13px;color:#8490a3;text-align:center}.auditor-access-empty>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#f0f2f7}.auditor-access-empty strong{color:#536077;font-size:11px}.auditor-access-empty p{margin:0;font-size:9px}.auditor-access-error{color:#b52d43}.auditor-access-credentials{padding:17px;border:1px solid #c9d5ff;border-radius:15px;background:#f4f6ff}.auditor-access-credentials header{display:flex;gap:11px;margin-bottom:13px}.auditor-access-credentials header>span{display:grid;width:39px;height:39px;flex:0 0 39px;place-items:center;border-radius:11px;background:#e2e6ff;color:#504ddb}.auditor-access-credentials header div{display:grid;gap:2px}.auditor-access-credentials header small{color:#615ee0;font-size:8px;font-weight:850;text-transform:uppercase}.auditor-access-credentials header strong{color:#29364e;font-size:13px}.auditor-access-credentials header p{margin:0;color:#758198;font-size:9px}.auditor-access-credentials>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.auditor-access-credentials label{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;overflow:hidden;border:1px solid #d9dff0;border-radius:11px;background:#fff}.auditor-access-credentials label>span{grid-column:1/-1;padding:8px 10px 0;color:#8994a7;font-size:8px;font-weight:800;text-transform:uppercase}.auditor-access-credentials code{overflow:hidden;padding:6px 10px 10px;color:#28364d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.auditor-access-credentials label button{width:34px;height:34px;border:0;border-radius:9px;background:#eef0ff;color:#5754dd;cursor:pointer}
@media(max-width:900px){.auditor-access-layout{grid-template-columns:1fr}}@media(max-width:620px){.auditor-access-create,.auditor-access-overview{padding:15px}.auditor-access-credentials>div{grid-template-columns:1fr}.auditor-access-item{grid-template-columns:38px minmax(0,1fr) 32px}.auditor-access-avatar{width:38px;height:38px}}

/* Auditor access: deliberate spacing and readable type scale */
.auditor-access-panel{display:block;overflow:hidden;background:#fbfcfe}
.auditor-access-panel>.settings-workspace-heading{padding:27px 28px 24px;background:#fff}
.auditor-access-panel>.settings-workspace-heading h3{margin-top:7px;font-size:1.45rem;line-height:1.2;letter-spacing:-.032em}
.auditor-access-panel>.settings-workspace-heading p{max-width:850px;margin-top:7px;font-size:.82rem;line-height:1.6}
.auditor-access-panel>.settings-workspace-heading .settings-section-badge{padding:5px 9px;font-size:.62rem;letter-spacing:.07em}
.auditor-access-panel>.settings-workspace-heading .settings-heading-icon{width:46px;height:46px;border-radius:14px;font-size:1rem}
.auditor-access-security{align-items:center;gap:15px;margin:20px 24px 0;padding:16px 18px;border-radius:15px;background:linear-gradient(135deg,#effaf6,#f7fcfa)}
.auditor-access-security>span{width:42px;height:42px;flex-basis:42px;border-radius:12px;font-size:.92rem}
.auditor-access-security-copy{min-width:0;flex:1}
.auditor-access-security-copy strong{font-size:.82rem;line-height:1.35}
.auditor-access-security-copy p{max-width:760px;margin-top:4px;font-size:.72rem;line-height:1.55}
.auditor-access-scope{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;max-width:330px}
.auditor-access-scope span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #d3e9e1;border-radius:999px;background:rgba(255,255,255,.72);color:#467064;font-size:.65rem;font-weight:750;white-space:nowrap}
.auditor-access-scope i{color:#16815e;font-size:.62rem}
.auditor-access-layout{grid-template-columns:minmax(340px,.82fr) minmax(440px,1.18fr);gap:18px;margin:18px 24px 24px}
.auditor-access-create,.auditor-access-overview{min-width:0;padding:23px 24px 24px;border-color:#dfe5ee;border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(30,45,70,.035)}
.auditor-access-overview{display:flex;min-height:430px;flex-direction:column}
.auditor-access-card-heading{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:22px}
.auditor-access-card-heading>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#eef0ff;color:#5754df;font-size:.9rem}
.auditor-access-card-heading>div{min-width:0}
.auditor-access-card-heading h4{margin:0;color:#28354b;font-size:1rem;line-height:1.3;letter-spacing:-.015em}
.auditor-access-card-heading p{margin:4px 0 0;color:#7c899c;font-size:.72rem;line-height:1.5}
.auditor-access-card-heading>.icon-button{width:38px;height:38px;border-color:#dce3ed;border-radius:11px;background:#fff;color:#6c7b91;box-shadow:0 3px 9px rgba(30,45,70,.05)}
.auditor-access-card-heading>.icon-button:hover{border-color:#cbd5e4;background:#f7f9fc;color:#4f5dd0}
.auditor-access-fields{display:grid;gap:16px}
.auditor-access-fields label{display:grid;min-width:0;gap:7px}
.auditor-access-panel .auditor-access-fields .form-label{color:#48566c;font-size:.75rem;font-weight:750;line-height:1.35}
.auditor-access-fields .optional-label{margin-left:5px;padding:2px 6px;border-radius:999px;background:#f0f2f6;color:#8a95a6;font-size:.58rem;font-weight:750;letter-spacing:.02em;text-transform:none}
.auditor-access-fields .form-control{min-height:48px;padding-right:14px;padding-left:14px;border-color:#d8e0eb;border-radius:12px;background:#fafbfd;font-size:.82rem;line-height:1.45;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.auditor-access-fields .form-control::placeholder{color:#9aa4b3}
.auditor-access-fields .form-control:focus{border-color:#8e91ee;background:#fff;box-shadow:0 0 0 3px rgba(89,86,225,.1)}
.auditor-access-fields textarea.form-control{min-height:94px;padding-top:12px;resize:vertical}
.auditor-access-submit{width:100%;min-height:47px;margin-top:18px;border-radius:12px;font-size:.8rem;font-weight:800;box-shadow:0 8px 20px rgba(79,70,229,.2)}
.auditor-access-list{display:grid;flex:1;align-content:start;gap:10px}
.auditor-access-empty,.auditor-access-loading,.auditor-access-error{width:100%;min-height:280px;align-self:stretch;gap:9px;border-color:#d8e0eb;border-radius:14px;background:#fcfdff}
.auditor-access-empty>span{width:50px;height:50px;border-radius:14px;background:#eef1f7;color:#7e8da3;font-size:1.05rem}
.auditor-access-empty strong{margin-top:2px;color:#46546b;font-size:.78rem}
.auditor-access-empty p{max-width:360px;color:#8793a6;font-size:.68rem;line-height:1.5}
.auditor-access-loading,.auditor-access-error{font-size:.74rem;font-weight:700}
.auditor-access-item{grid-template-columns:46px minmax(0,1fr) 36px;gap:13px;padding:14px 15px;border-radius:14px;background:#fbfcfe;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.auditor-access-item:hover{border-color:#ccd6e5;background:#fff;box-shadow:0 7px 18px rgba(30,45,70,.06);transform:translateY(-1px)}
.auditor-access-avatar{width:46px;height:46px;border-radius:13px;font-size:.95rem}
.auditor-access-item>div{gap:4px}
.auditor-access-item strong{font-size:.8rem}
.auditor-access-item em{padding:4px 7px;font-size:.58rem;letter-spacing:.035em}
.auditor-access-item small{font-size:.67rem;line-height:1.4}
.auditor-access-item p{margin:3px 0 1px;font-size:.72rem;line-height:1.45}
.auditor-access-credentials{margin:0 24px 24px;padding:20px;border-radius:16px}
.auditor-access-credentials header{gap:13px;margin-bottom:16px}
.auditor-access-credentials header>span{width:43px;height:43px;flex-basis:43px;border-radius:12px}
.auditor-access-credentials header small{font-size:.61rem;letter-spacing:.06em}
.auditor-access-credentials header strong{font-size:.88rem}
.auditor-access-credentials header p{margin-top:2px;font-size:.7rem}
.auditor-access-credentials label>span{padding:10px 12px 0;font-size:.61rem}
.auditor-access-credentials code{padding:7px 12px 11px;font-size:.76rem}
@media(max-width:1100px){.auditor-access-security{align-items:flex-start}.auditor-access-scope{max-width:230px}.auditor-access-layout{grid-template-columns:minmax(310px,.9fr) minmax(380px,1.1fr)}}
@media(max-width:900px){.auditor-access-security{align-items:center;flex-wrap:wrap}.auditor-access-security-copy{flex-basis:calc(100% - 60px)}.auditor-access-scope{max-width:none;padding-left:57px;justify-content:flex-start}.auditor-access-layout{grid-template-columns:1fr}.auditor-access-overview{min-height:360px}}
@media(max-width:620px){.auditor-access-panel>.settings-workspace-heading{padding:22px 18px 20px}.auditor-access-panel>.settings-workspace-heading h3{font-size:1.25rem}.auditor-access-security{margin:15px 14px 0;padding:14px}.auditor-access-scope{padding-left:0}.auditor-access-layout{margin:14px;gap:14px}.auditor-access-create,.auditor-access-overview{padding:18px}.auditor-access-card-heading{grid-template-columns:38px minmax(0,1fr) auto;margin-bottom:18px}.auditor-access-card-heading>span{width:38px;height:38px}.auditor-access-empty,.auditor-access-loading,.auditor-access-error{min-height:220px}.auditor-access-credentials{margin:0 14px 14px}}
.auditor-documentation-card{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(310px,auto);align-items:center;gap:15px;margin:0 24px 24px;padding:18px 20px;border:1px solid #d9def5;border-radius:16px;background:linear-gradient(135deg,#f7f8ff,#fff);box-shadow:0 5px 18px rgba(42,49,100,.035)}
.auditor-documentation-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e9ebff;color:#5552dd;font-size:1.05rem}
.auditor-documentation-card>div{min-width:0}.auditor-documentation-card small{color:#5c59d8;font-size:.61rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.auditor-documentation-card h4{margin:4px 0 3px;color:#2b374d;font-size:.88rem;letter-spacing:-.01em}.auditor-documentation-card p{max-width:680px;margin:0;color:#788599;font-size:.71rem;line-height:1.5}.auditor-documentation-card .button{min-height:42px;padding:0 15px;border-color:#cfd5ee;color:#4c57bd;font-size:.71rem;white-space:normal;text-align:left}
.procedure-documentation-modal-card{width:min(1120px,calc(100vw - 34px));height:min(900px,calc(100vh - 34px));max-height:none;padding:0;overflow:hidden;border-radius:20px;background:#f3f5f9}
.procedure-documentation-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;border-bottom:1px solid #e0e5ed;background:#fff}.procedure-documentation-modal-head>div{display:flex;align-items:center;gap:11px}.procedure-documentation-modal-head>div:first-child>span{display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:12px;background:#e9ebff;color:#5552dc}.procedure-documentation-modal-head small{color:#5e5adc;font-size:.6rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.procedure-documentation-modal-head h2{margin:3px 0 2px;color:#243047;font-size:1rem}.procedure-documentation-modal-head p{margin:0;color:#8490a3;font-size:.68rem}.procedure-documentation-modal-head .button{min-height:38px;font-size:.7rem}.procedure-documentation-content{height:calc(100% - 80px);padding:20px;overflow:auto}.procedure-documentation-loading,.procedure-documentation-error{display:grid;height:100%;place-items:center;align-content:center;gap:8px;color:#7e8a9e;text-align:center}.procedure-documentation-loading>i,.procedure-documentation-error>i{margin-bottom:4px;color:#5a57df;font-size:1.45rem}.procedure-documentation-loading strong,.procedure-documentation-error strong{color:#334158;font-size:.85rem}.procedure-documentation-loading p,.procedure-documentation-error p{margin:0;font-size:.72rem}.procedure-documentation-error>i{color:#bb3047}
.procedure-documentation-paper{max-width:900px;margin:0 auto;padding:34px 38px;border:1px solid #e0e4eb;border-radius:3px;background:#fff;color:#334056;box-shadow:0 8px 28px rgba(27,39,62,.07)}.procedure-documentation-cover{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding-bottom:26px;border-bottom:2px solid #283650}.procedure-documentation-cover>div>small,.procedure-documentation-section-title small{color:#5b58d9;font-size:.62rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.procedure-documentation-cover h1{max-width:550px;margin:8px 0 5px;color:#1f2b40;font-size:1.65rem;line-height:1.18;letter-spacing:-.035em}.procedure-documentation-cover>div>p{margin:0;color:#7b8799;font-size:.8rem}.procedure-documentation-cover dl{display:grid;gap:7px;margin:0}.procedure-documentation-cover dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;padding:7px 9px;border-radius:7px;background:#f5f7fa}.procedure-documentation-cover dt,.procedure-documentation-cover dd{margin:0}.procedure-documentation-cover dt{color:#8792a4;font-size:.58rem;font-weight:800;text-transform:uppercase}.procedure-documentation-cover dd{overflow:hidden;color:#4c596e;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.procedure-documentation-cover code{font-size:.57rem}.procedure-documentation-notice{display:flex;align-items:flex-start;gap:10px;margin:20px 0;padding:12px 14px;border:1px solid #dce1f7;border-radius:10px;background:#f7f8ff;color:#5662aa}.procedure-documentation-notice i{margin-top:2px}.procedure-documentation-notice p{margin:0;font-size:.69rem;line-height:1.5}.procedure-documentation-section-title h2{margin:4px 0 13px;color:#27344a;font-size:1rem}.procedure-documentation-controls>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.procedure-documentation-controls article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e1e6ed;border-radius:10px;background:#fafbfd}.procedure-documentation-controls article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px}.procedure-documentation-controls article.passed>span{background:#e7f7ef;color:#16805b}.procedure-documentation-controls article.attention>span{background:#fff4df;color:#a76a0d}.procedure-documentation-controls article.failed>span{background:#fff0f2;color:#b52d44}.procedure-documentation-controls article>div{min-width:0}.procedure-documentation-controls article small,.procedure-documentation-controls article strong,.procedure-documentation-controls article p{display:block}.procedure-documentation-controls article small{color:#8792a4;font-size:.57rem;font-weight:800;text-transform:uppercase}.procedure-documentation-controls article strong{margin-top:2px;color:#354258;font-size:.68rem;line-height:1.35}.procedure-documentation-controls article p{margin:3px 0 0;color:#7c889a;font-size:.6rem;line-height:1.4}.procedure-documentation-controls article em{padding:4px 6px;border-radius:999px;font-size:.54rem;font-style:normal;font-weight:850;text-transform:uppercase}.procedure-documentation-controls article.passed em{background:#e7f7ef;color:#167757}.procedure-documentation-controls article.attention em{background:#fff4df;color:#9b620c}.procedure-documentation-controls article.failed em{background:#fff0f2;color:#ad2c41}.procedure-documentation-sections{margin-top:27px}.procedure-documentation-sections>section{padding:19px 0;border-top:1px solid #e5e9ef}.procedure-documentation-sections h2{margin:0 0 9px;color:#27344a;font-size:.94rem}.procedure-documentation-sections p{margin:7px 0;color:#536075;font-size:.72rem;line-height:1.65}.procedure-documentation-sections ul{display:grid;gap:5px;margin:11px 0 0;padding-left:18px;color:#536075;font-size:.7rem;line-height:1.5}.procedure-documentation-paper>footer{display:flex;justify-content:space-between;gap:18px;margin-top:12px;padding-top:12px;border-top:2px solid #283650;color:#8a95a6;font-size:.56rem;word-break:break-all}
@media(max-width:900px){.auditor-documentation-card{grid-template-columns:48px minmax(0,1fr)}.auditor-documentation-card .button{grid-column:1/-1;justify-content:center;text-align:center}.procedure-documentation-cover{grid-template-columns:1fr}.procedure-documentation-cover dl{grid-template-columns:1fr 1fr}.procedure-documentation-controls>div:last-child{grid-template-columns:1fr}}
@media(max-width:620px){.auditor-documentation-card{grid-template-columns:42px minmax(0,1fr);margin:0 14px 14px;padding:15px}.auditor-documentation-icon{width:42px;height:42px}.procedure-documentation-modal-card{width:100vw;height:100vh;max-height:100vh;border-radius:0}.procedure-documentation-modal-head{align-items:flex-start;padding:14px}.procedure-documentation-modal-head>div:first-child>span{display:none}.procedure-documentation-modal-head>div:last-child .button{width:38px;padding:0;font-size:0}.procedure-documentation-modal-head>div:last-child .button i{font-size:.75rem}.procedure-documentation-content{padding:10px}.procedure-documentation-paper{padding:23px 19px}.procedure-documentation-cover dl{grid-template-columns:1fr}.procedure-documentation-cover h1{font-size:1.35rem}}
.expense-tax-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 13px;border:1px solid #e1e6ee;border-radius:11px;background:#f7f9fc}.expense-tax-breakdown span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7c889a;font-size:.7rem}.expense-tax-breakdown strong{color:#334158;font-size:.76rem}.amount-cell>small{display:block;margin-top:3px;color:#8a95a6;font-size:.6rem;font-weight:600}.tax-export-card{width:min(680px,calc(100vw - 30px))}.tax-export-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.tax-export-presets button{padding:7px 10px;border:1px solid #dce2eb;border-radius:999px;background:#f8f9fc;color:#68768a;font:700 .68rem inherit;cursor:pointer}.tax-export-presets button:hover,.tax-export-presets button.active{border-color:#c9ccfa;background:#eef0ff;color:#5552d7}.tax-export-fields{gap:14px}.tax-export-info{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:13px 14px;border:1px solid #dce2f6;border-radius:12px;background:#f7f8ff}.tax-export-info>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:#e9ebff;color:#5754dd}.tax-export-info strong{color:#3b4860;font-size:.76rem}.tax-export-info p{margin:4px 0 0;color:#778398;font-size:.68rem;line-height:1.55}.tax-export-actions{flex-wrap:wrap}.tax-export-actions .button{min-height:41px}.tax-export-actions .button-primary{min-width:145px}@media(max-width:560px){.expense-tax-breakdown{grid-template-columns:1fr}.tax-export-presets{display:grid;grid-template-columns:1fr 1fr}.tax-export-actions .button{width:100%}}

/* Rechnungsübersicht und eigenständige Detailansicht */
.invoice-list-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.invoice-list-row:hover td{background:#fafbff}.invoice-list-row:focus-visible{outline:2px solid #6964e8;outline-offset:-2px}.invoice-row-actions{justify-content:flex-end}.invoice-row-action-menu{width:260px}
.customer-list-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.customer-list-row:hover td{background:#fafbff}.customer-list-row:focus-visible{outline:2px solid #6964e8;outline-offset:-2px}
.customer-table th:first-child,.customer-table td:first-child{width:240px;min-width:240px}.customer-list-identity-cell{min-width:0}.customer-list-identity{display:grid;min-width:0;gap:3px}.customer-list-identity .entity-name,.customer-list-identity .entity-meta{display:block;min-width:0;max-width:100%;margin:0;overflow:hidden;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.customer-list-identity .entity-name{font-size:12.5px}.customer-list-identity .entity-meta{font-size:10.5px}
.invoice-detail-view{--invoice-detail-border:#dfe5ee;--invoice-detail-muted:#7b879a;max-width:1440px;margin:0 auto;color:#28364c}.invoice-detail-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:17px;padding:22px 24px;border:1px solid var(--invoice-detail-border);border-radius:18px;background:radial-gradient(circle at 86% 0,rgba(91,83,231,.12),transparent 260px),#fff;box-shadow:0 10px 30px rgba(31,43,70,.05)}.invoice-detail-heading{display:flex;min-width:0;align-items:center;gap:13px}.invoice-detail-heading-icon{display:grid;width:46px;height:46px;flex:none;place-items:center;border-radius:13px;background:#ececff;color:#5650db;font-size:17px}.invoice-detail-heading>div{min-width:0}.invoice-detail-kicker{color:#6562d7;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.invoice-detail-heading h2{overflow:hidden;margin:4px 0 2px;font-size:23px;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.invoice-detail-heading p{margin:0;color:var(--invoice-detail-muted);font-size:12px}.invoice-detail-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.invoice-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.invoice-detail-stats article{display:flex;min-width:0;align-items:center;gap:11px;padding:15px;border:1px solid var(--invoice-detail-border);border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(32,45,72,.035)}.invoice-detail-stats article>span{display:grid;width:39px;height:39px;flex:none;place-items:center;border-radius:11px}.invoice-detail-stats .tone-indigo{background:#ececff;color:#5650da}.invoice-detail-stats .tone-green{background:#e8f7f1;color:#16805e}.invoice-detail-stats .tone-orange{background:#fff4e3;color:#b37413}.invoice-detail-stats .tone-blue{background:#eaf4ff;color:#2873b7}.invoice-detail-stats small,.invoice-detail-stats strong,.invoice-detail-stats em{display:block}.invoice-detail-stats small{color:#8a95a6;font-size:9px}.invoice-detail-stats strong{margin-top:2px;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.invoice-detail-stats em{margin-top:2px;color:#8490a2;font-size:9px;font-style:normal}.invoice-detail-stats em.is-overdue{color:#bd3348;font-weight:750}
.invoice-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px}.invoice-detail-main,.invoice-detail-sidebar{display:grid;gap:14px}.invoice-detail-card{min-width:0;overflow:hidden;border:1px solid var(--invoice-detail-border);border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(31,44,73,.04)}.invoice-detail-card>header{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid #edf0f4}.invoice-detail-card>header>span{display:grid;width:35px;height:35px;flex:none;place-items:center;border-radius:10px;background:#eef0ff;color:#5753d5}.invoice-detail-card>header small{display:block;color:#7774d7;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.invoice-detail-card>header h3{margin:3px 0 0;font-size:13px}.invoice-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:5px 17px 15px}.invoice-detail-facts>div{min-width:0;padding:13px 10px 10px 0}.invoice-detail-facts small,.invoice-detail-facts strong{display:block}.invoice-detail-facts small{margin-bottom:5px;color:#8994a5;font-size:9px}.invoice-detail-facts strong{overflow:hidden;color:#354258;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.invoice-detail-facts button{display:inline-flex;max-width:100%;align-items:center;gap:6px;padding:0;border:0;background:none;color:#514fca;font:inherit;font-weight:800;cursor:pointer}.invoice-detail-items{padding:0 17px 16px}.invoice-detail-items .data-table{min-width:600px}.invoice-detail-items .data-table th,.invoice-detail-items .data-table td{padding:11px 9px;font-size:10px}.invoice-detail-totals{display:grid;max-width:340px;margin:12px 0 0 auto}.invoice-detail-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 4px;border-bottom:1px solid #edf0f4}.invoice-detail-totals>div:last-child{padding-top:10px;border-bottom:0;color:#252f45;font-size:13px;font-weight:850}.invoice-detail-totals dt,.invoice-detail-totals dd{margin:0}.invoice-detail-notes{margin:0;padding:17px;color:#5f6d82;font-size:11px;line-height:1.65;white-space:pre-wrap}
.invoice-detail-states{display:grid;padding:8px 15px}.invoice-detail-states>div{display:grid;grid-template-columns:minmax(0,1fr) auto 8px;align-items:center;gap:9px;padding:10px 2px;border-bottom:1px solid #eef1f4}.invoice-detail-states>div:last-child{border-bottom:0}.invoice-detail-states small{color:#8894a5;font-size:9px}.invoice-detail-states strong{font-size:10px}.invoice-detail-states>div>i{width:7px;height:7px;border-radius:50%;background:#c4cad3}.invoice-detail-states i.positive{background:#1c9b72}.invoice-detail-states i.negative{background:#d1495d}.invoice-detail-actions{display:grid;gap:5px;padding:9px}.invoice-detail-actions>button{display:grid;grid-template-columns:25px minmax(0,1fr) 10px;align-items:center;gap:8px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:#445269;font:inherit;font-size:11px;text-align:left;cursor:pointer}.invoice-detail-actions>button:hover{background:#f3f5fa}.invoice-detail-actions>button>i:first-child{color:#758297;text-align:center}.invoice-detail-actions>button>i:last-child{color:#adb5c1;font-size:8px}.invoice-detail-actions>button.primary{background:#efefff;color:#4f4acb;font-weight:800}.invoice-detail-actions>button.danger{color:#b52e44}.invoice-detail-actions>button.danger>i:first-child{color:#c54559}
.invoice-detail-audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.invoice-detail-documents,.invoice-detail-events{max-height:410px;padding:10px;overflow:auto}.invoice-detail-empty{display:grid;min-height:100px;place-items:center;align-content:center;gap:6px;padding:18px;color:#8490a3;font-size:10px;text-align:center}.invoice-detail-empty>i{font-size:20px}.invoice-detail-empty>strong{color:#4d5b71;font-size:11px}
@media(max-width:1100px){.invoice-detail-stats{grid-template-columns:1fr 1fr}.invoice-detail-facts{grid-template-columns:1fr 1fr}.invoice-detail-grid{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:780px){.invoice-detail-header{align-items:flex-start;flex-direction:column;padding:18px}.invoice-detail-header-actions{width:100%;justify-content:flex-start}.invoice-detail-stats,.invoice-detail-grid,.invoice-detail-audit-grid{grid-template-columns:1fr}.invoice-detail-sidebar{grid-template-columns:1fr 1fr}.invoice-detail-heading-icon{display:none}}
@media(max-width:540px){.invoice-detail-heading{align-items:flex-start}.invoice-detail-heading h2{font-size:19px}.invoice-detail-header-actions .button{flex:1}.invoice-detail-stats,.invoice-detail-facts,.invoice-detail-sidebar{grid-template-columns:1fr}.invoice-detail-stats article{padding:13px}.invoice-detail-card>header{padding:13px 14px}.invoice-detail-facts{padding:4px 14px 12px}.invoice-detail-items{padding:0 12px 13px}}

/* Rechnungsdetails: gut lesbare Typografie und integrierter Originalbeleg */
.invoice-detail-view{font-size:14px}.invoice-detail-kicker{font-size:12px}.invoice-detail-heading h2{font-size:28px}.invoice-detail-heading p{font-size:14px}.invoice-detail-header .button{min-height:42px;font-size:13px}.invoice-detail-stats small{font-size:12px}.invoice-detail-stats strong{font-size:22px}.invoice-detail-stats em{font-size:11px}.invoice-detail-card>header small{font-size:10px}.invoice-detail-card>header h3{font-size:16px}.invoice-detail-facts small{font-size:11px}.invoice-detail-facts strong{font-size:14px}.invoice-detail-items .data-table th{font-size:11px}.invoice-detail-items .data-table td{font-size:13px}.invoice-detail-totals{font-size:14px}.invoice-detail-totals>div:last-child{font-size:16px}.invoice-detail-notes{font-size:14px}.invoice-detail-states small{font-size:12px}.invoice-detail-states strong{font-size:13px}.invoice-detail-actions>button{min-height:44px;font-size:13px}.invoice-detail-empty{font-size:12px}.invoice-detail-empty>strong{font-size:14px}.invoice-detail-documents .invoice-history-document strong,.invoice-detail-events .invoice-history-event strong{font-size:13px}.invoice-detail-documents .invoice-history-document small,.invoice-detail-events .invoice-history-event small,.invoice-detail-events .invoice-history-event span{font-size:11px}
.invoice-detail-preview-card{margin-bottom:14px;overflow:hidden}.invoice-detail-preview-header{justify-content:space-between;gap:20px}.invoice-detail-preview-title{display:flex;min-width:0;align-items:center;gap:11px}.invoice-detail-preview-title>span{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:11px;background:#eef0ff;color:#5753d5}.invoice-detail-preview-title p{margin:4px 0 0;color:#7b879a;font-size:12px}.invoice-detail-document-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.invoice-detail-document-tools :is(button,a){display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#526076;font:inherit;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.invoice-detail-document-tools :is(button,a):hover{border-color:#bfc3ef;background:#f2f2ff;color:#514ccc;transform:translateY(-1px)}.invoice-detail-document-tools :is(button,a).is-confirmed{border-color:#98d4bd;background:#e9f8f1;color:#147654}.invoice-detail-preview-stage{position:relative;min-height:720px;padding:18px;background:#e9edf3}.invoice-detail-preview-stage iframe{display:block;width:100%;height:min(970px,calc(100vh - 150px));min-height:700px;border:1px solid #ccd4df;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(24,36,58,.13);opacity:0;transition:opacity .2s ease}.invoice-detail-preview-stage iframe.is-loaded{opacity:1}.invoice-detail-preview-loading{position:absolute;z-index:1;inset:18px;display:grid;place-items:center;align-content:center;gap:10px;border-radius:10px;background:#f6f8fb;color:#6f7d91;font-size:13px}.invoice-detail-preview-loading[hidden]{display:none}.invoice-detail-preview-loading i{color:#5953dc;font-size:21px}
@media(max-width:900px){.invoice-detail-preview-header{align-items:flex-start;flex-direction:column}.invoice-detail-document-tools{width:100%;justify-content:flex-start}.invoice-detail-preview-stage{min-height:620px;padding:10px}.invoice-detail-preview-stage iframe{height:720px;min-height:600px}}
@media(max-width:600px){.invoice-detail-heading h2{font-size:23px}.invoice-detail-document-tools{display:grid;grid-template-columns:repeat(2,1fr)}.invoice-detail-document-tools :is(button,a){padding:0 8px}.invoice-detail-document-tools :is(button,a):last-child{grid-column:1/-1}.invoice-detail-preview-title p{font-size:11px}.invoice-detail-preview-stage{padding:6px}.invoice-detail-preview-stage iframe{height:620px;min-height:520px;border-radius:7px}}

/* Dokumentvorschau mit geordneter Seitenleiste */
.invoice-detail-view-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:12px 14px;border:1px solid #dce3ed;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(30,45,75,.04)}.invoice-detail-view-switch>div{display:grid;gap:2px}.invoice-detail-view-switch small{color:#7c899e;font-size:11px;font-weight:700}.invoice-detail-view-switch strong{color:#1f2c42;font-size:15px}.invoice-detail-mode-toggle{min-width:224px}
.invoice-detail-document-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:14px}.invoice-detail-document-layout .invoice-detail-preview-card{margin-bottom:0}.invoice-detail-document-layout>.invoice-detail-content{margin-top:0}.invoice-detail-side-rail{display:grid;min-width:0;align-content:start;gap:14px}.invoice-detail-side-rail .invoice-detail-card{min-width:0}.invoice-detail-side-rail .invoice-detail-events{max-height:285px}.invoice-detail-side-rail .invoice-detail-documents{max-height:245px}.invoice-detail-side-rail .invoice-history-document{grid-template-columns:38px minmax(0,1fr) 30px;padding:10px}.invoice-detail-side-rail .invoice-history-document>span{width:38px;height:38px}.invoice-detail-side-rail .invoice-history-document code{font-size:9px}.invoice-detail-side-rail .invoice-history-event{padding:9px 7px}.invoice-detail-side-rail .invoice-detail-actions{padding:8px}.invoice-detail-content{margin-top:14px}
@media(max-width:1200px){.invoice-detail-document-layout{grid-template-columns:minmax(0,1fr) 330px}.invoice-detail-document-tools :is(button,a) span{display:none}.invoice-detail-document-tools :is(button,a){width:38px;padding:0}}
@media(max-width:980px){.invoice-detail-document-layout{grid-template-columns:1fr}.invoice-detail-side-rail{grid-template-columns:1fr 1fr}.invoice-detail-document-tools :is(button,a){width:auto;padding:0 11px}.invoice-detail-document-tools :is(button,a) span{display:inline}.invoice-detail-side-rail .invoice-detail-events,.invoice-detail-side-rail .invoice-detail-documents{max-height:330px}}
@media(max-width:640px){.invoice-detail-view-switch{align-items:stretch;flex-direction:column}.invoice-detail-mode-toggle{width:100%;min-width:0}.invoice-detail-side-rail{grid-template-columns:1fr}}

/* Reine Informationsansicht für Finanzanalyse und Prognose */
.finance-analysis-view{max-width:1480px;margin:0 auto;color:#29374c}.finance-analysis-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:22px 24px;border:1px solid #dfe5ee;border-radius:18px;background:radial-gradient(circle at 88% 0,rgba(79,70,229,.12),transparent 300px),#fff;box-shadow:0 10px 30px rgba(31,43,70,.05)}.finance-analysis-heading{display:flex;min-width:0;align-items:center;gap:14px}.finance-analysis-back{display:grid;width:42px;height:42px;flex:none;place-items:center;border:1px solid #dce2ec;border-radius:12px;background:#fff;color:#59677c;cursor:pointer}.finance-analysis-back:hover{border-color:#c8c8f3;background:#f3f3ff;color:#554fd0}.finance-analysis-heading h2{margin:3px 0 4px;font-size:23px;letter-spacing:-.03em}.finance-analysis-heading p{margin:0;color:#7e8a9d;font-size:12px}.finance-analysis-state{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dce2f5;border-radius:999px;background:#f5f6ff;color:#5f63a9;font-size:10px;font-weight:750;white-space:nowrap}
.finance-analysis-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.finance-analysis-summary article{--analysis-tone:#596579;--analysis-soft:#f0f3f7;display:flex;min-width:0;align-items:center;gap:10px;padding:14px;border:1px solid #e0e5ed;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(31,44,72,.035)}.finance-analysis-summary article>span{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:11px;background:var(--analysis-soft);color:var(--analysis-tone)}.finance-analysis-summary small,.finance-analysis-summary strong,.finance-analysis-summary em{display:block}.finance-analysis-summary small{color:#8793a5;font-size:9px;font-weight:700}.finance-analysis-summary strong{margin-top:2px;overflow:hidden;color:#253249;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.finance-analysis-summary em{margin-top:2px;color:#939daf;font-size:8px;font-style:normal}.finance-analysis-summary .tone-blue{--analysis-tone:#3157e8;--analysis-soft:#edf1ff}.finance-analysis-summary .tone-violet{--analysis-tone:#7158c7;--analysis-soft:#f1edff}.finance-analysis-summary .tone-orange{--analysis-tone:#d56b1d;--analysis-soft:#fff2e7}.finance-analysis-summary .tone-red{--analysis-tone:#cf3a4f;--analysis-soft:#fff0f2}.finance-analysis-summary .tone-green{--analysis-tone:#17845a;--analysis-soft:#eaf8f2}
.finance-analysis-data-notice{display:flex;align-items:flex-start;gap:11px;margin:-2px 0 14px;padding:13px 15px;border:1px solid #efd9ae;border-radius:14px;background:#fffaf0;color:#9a6616}.finance-analysis-data-notice>i{margin-top:2px}.finance-analysis-data-notice strong{font-size:10px}.finance-analysis-data-notice p{margin:3px 0 0;color:#8c7653;font-size:9px;line-height:1.55}.finance-undated-row td{background:#fffaf0!important}.finance-undated-row td:first-child strong{color:#9a6616}
.finance-analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);gap:14px}.finance-analysis-panel{min-width:0;overflow:hidden;border:1px solid #dfe5ee;border-radius:17px;background:#fff;box-shadow:0 7px 24px rgba(31,44,72,.04)}.finance-analysis-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #edf0f4}.finance-analysis-panel>header span{color:#7774d7;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.finance-analysis-panel>header h3{margin:3px 0 0;font-size:14px}.finance-analysis-panel>header>small{padding:6px 8px;border-radius:999px;background:#f5f6f9;color:#8490a2;font-size:9px;font-weight:750}.finance-analysis-wide{grid-row:span 2}.finance-analysis-chart{height:330px;padding:16px 17px 13px}.finance-forecast-ranges{display:grid;margin:0 18px 12px;padding:5px 10px;border:1px solid #e5e8f2;border-radius:11px;background:#fafbff}.finance-forecast-ranges>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eceef5}.finance-forecast-ranges>div:last-child{border-bottom:0}.finance-forecast-ranges span{color:#566479;font-size:9px;font-weight:750}.finance-forecast-ranges span small{display:block;margin-top:2px;color:#949eae;font-size:7px;font-weight:600}.finance-forecast-ranges strong{color:#4f4ac7;font-size:9px;text-align:right}.finance-analysis-method{margin:0;padding:0 18px 17px;color:#8793a5;font-size:9px;line-height:1.55}.finance-analysis-indicators{display:grid;padding:7px 16px 12px}.finance-analysis-indicators>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 2px;border-bottom:1px solid #eef1f4}.finance-analysis-indicators>div:last-child{border-bottom:0}.finance-analysis-indicators span{color:#536176;font-size:10px;font-weight:750}.finance-analysis-indicators span small{display:block;margin-top:3px;color:#929daf;font-size:8px;font-weight:600}.finance-analysis-indicators strong{color:#29374c;font-size:11px;text-align:right}.finance-analysis-table-panel{margin-top:14px}.finance-analysis-table{min-width:820px}.finance-analysis-table td:not(:first-child),.finance-analysis-table th:not(:first-child){text-align:right}.finance-positive{color:#17845a}.finance-negative{color:#c83d52}.finance-analysis-disclaimer{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:15px 17px;border:1px solid #dce2f5;border-radius:15px;background:#f7f8ff;color:#606aa7}.finance-analysis-disclaimer>i{margin-top:2px}.finance-analysis-disclaimer strong{font-size:11px}.finance-analysis-disclaimer p{margin:4px 0 0;color:#77839c;font-size:9px;line-height:1.6}
@media(max-width:1260px){.finance-analysis-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.finance-analysis-grid{grid-template-columns:1fr}.finance-analysis-wide{grid-row:auto}.finance-analysis-header{align-items:flex-start;flex-direction:column}.finance-analysis-state{white-space:normal}}@media(max-width:620px){.finance-analysis-summary{grid-template-columns:1fr 1fr}.finance-analysis-header{padding:17px}.finance-analysis-heading{align-items:flex-start}.finance-analysis-heading h2{font-size:19px}.finance-analysis-heading p{font-size:10px}.finance-analysis-chart{height:280px;padding:12px}.dashboard-section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.finance-analysis-summary{grid-template-columns:1fr}}

/* Keep forced authentication screens on the same scale despite legacy rules above. */
.required-password-card{width:min(520px,100%)}
.required-password-kicker{font-size:11px;line-height:1.35}
.required-password-card h1{font-size:29px;line-height:1.2}
.required-password-card>p{font-size:14px;line-height:1.6}
.required-password-logout{font-size:13px;line-height:1.4}
@media(max-width:620px){.required-password-card h1{font-size:25px}.required-password-card>p{font-size:13px}}

/* Guided login flow. */
#loginForm{width:min(500px,100%)}
#loginForm .login-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 4px;padding:0;list-style:none}
#loginForm .login-progress.has-three{grid-template-columns:repeat(3,minmax(0,1fr))}
#loginForm .login-progress li{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #e4e8ef;border-radius:11px;padding:10px 11px;background:#fafbfc;color:#8a95a6;transition:160ms ease}
#loginForm .login-progress li[hidden]{display:none}
#loginForm .login-progress li>span{display:grid;width:31px;height:31px;flex:none;place-items:center;border-radius:8px;background:#edf0f5;font-size:12px;font-weight:850}
#loginForm .login-progress li div{min-width:0}
#loginForm .login-progress strong,#loginForm .login-progress small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#loginForm .login-progress strong{font-size:13px;line-height:1.25}
#loginForm .login-progress small{margin-top:3px;font-size:10px;line-height:1.25}
#loginForm .login-progress li.active,#loginForm .login-progress li[aria-current="step"]{border-color:#bfc8f7;background:#f5f6ff;color:#414bb4}
#loginForm .login-progress li.active>span,#loginForm .login-progress li[aria-current="step"]>span{background:#565bd7;color:#fff}
#loginForm .login-progress li.complete{border-color:#cce6da;background:#f5fbf8;color:#267158}
#loginForm .login-progress li.complete>span{background:#dff3e9;color:#16825c}
#loginForm .login-step[hidden]{display:none}
#loginForm .login-step{min-height:360px;padding-top:18px}
#loginForm .login-step>header{margin-bottom:20px}
#loginForm .login-step>header small{color:#5962ce;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#loginForm .login-step>header h2{margin:6px 0 4px;color:#243047;font-size:22px;line-height:1.25}
#loginForm .login-step>header p{margin:0;color:#828da0;font-size:14px;line-height:1.5}
#loginForm .login-step-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
#loginForm .login-step-actions .login-button{width:auto;min-width:160px;margin:0;padding:0 20px}
#loginForm .login-step-back{display:inline-flex;align-items:center;gap:7px;border:0;padding:10px 2px;background:transparent;color:#657188;cursor:pointer;font-size:13px;font-weight:750}
#loginForm .login-step-back:hover{color:#4249b9}
#loginForm .field-error{font-size:12px;line-height:1.4}
#loginMsg{box-sizing:border-box;height:48px;min-height:48px;margin-top:9px;overflow:auto}
#loginMsg[hidden]{display:block;visibility:hidden;border-color:transparent;background:transparent}
@media(max-width:620px){
  #loginForm .login-progress.has-three li{justify-content:center;padding:8px}
  #loginForm .login-progress.has-three li div{display:none}
  #loginForm .login-step{min-height:390px}
  #loginForm .login-step-actions .login-button{min-width:145px}
}

/* Ruhiger, kompakter Login: eine klare Hauptaktion pro Schritt. */
#loginForm{position:relative;width:min(460px,100%);padding:clamp(30px,4.5vw,44px)}
#loginForm .login-card-logo{width:min(330px,82%);margin:0 auto 25px}
#loginForm .login-card-logo img{max-height:72px}
#loginForm>h1{margin-bottom:7px;font-size:28px;letter-spacing:-.035em}
#loginForm>h1+p{margin-bottom:0}
#loginForm>p{max-width:350px;margin-bottom:0;color:#7b879c;font-size:14px;line-height:1.55}
#loginForm .login-step{min-height:0;padding-top:27px}
#loginForm .login-step>header{margin-bottom:20px}
#loginForm .login-step>header h2{margin:0 0 5px;font-size:21px;letter-spacing:-.02em}
#loginForm .login-step-account{padding-top:29px}
#loginForm .form-label{margin-bottom:8px}
#loginForm .login-input{height:52px}
#loginForm .login-button{height:52px;margin-top:14px;border-radius:12px;box-shadow:0 9px 22px rgba(49,87,232,.18)}
#loginForm .login-passkey-divider{margin:18px 0 12px}
#loginForm .login-passkey-divider span{padding:0 10px;font-size:10px;letter-spacing:.045em;text-transform:none}
#loginForm .login-passkey-button{min-height:62px;padding:8px 12px;border-radius:12px;background:#fff}
#loginForm .login-passkey-icon{width:39px;height:39px;border-radius:10px}
#loginForm .login-passkey-button small{margin-top:2px;font-size:11px;line-height:1.35}
#loginForm .login-registration-cta{display:block;margin-top:18px;padding-top:0;border-top:0}
#loginForm .login-registration-cta[hidden]{display:none}
#loginForm .login-registration-divider{margin-bottom:12px;font-size:10px}
#loginForm .login-registration-cta>button{display:grid;width:100%;min-height:62px;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;border:1px solid #d8def0;border-radius:12px;background:#fff;color:#283d91;text-align:left;cursor:pointer}
#loginForm .login-registration-cta>button:hover{border-color:#aebcf6;background:#f7f9ff;box-shadow:0 9px 22px rgba(49,87,232,.1);transform:translateY(-1px)}
#loginForm .login-registration-icon{width:39px;height:39px;border-radius:10px}
#loginForm .login-registration-cta>button>span:nth-child(2){display:grid;gap:2px}
#loginForm .login-registration-cta strong{font-size:13px;line-height:1.3}
#loginForm .login-registration-cta small{font-size:11px;line-height:1.35}
#loginForm .login-registration-cta>button>i{font-size:11px}
#loginForm .login-security{margin-top:24px;padding-top:0;font-size:11px}
#loginForm .login-step-actions{margin-top:20px}
#loginForm .login-step-actions .login-button{height:50px;margin:0;box-shadow:none}
#loginForm .login-step-back{font-size:12px}
.login-username-recovery{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;margin:9px 0 -3px;border:0;padding:0;background:transparent;color:#5364b6;cursor:pointer;font:inherit;font-size:12px;font-weight:720}.login-username-recovery:hover{color:#304ed2;text-decoration:underline}.login-username-recovery i{font-size:10px}.login-username-recovery:disabled{cursor:not-allowed;opacity:.45}
#forgotPasswordForm{padding:clamp(30px,4.5vw,44px)}#forgotPasswordForm .login-card-logo{width:min(330px,82%);margin:0 auto 24px}#forgotPasswordForm .login-card-logo img{max-height:72px}#forgotPasswordRequest>h1,.forgot-password-success h1{margin:5px 0 8px;color:#101828;font-size:29px;line-height:1.15;letter-spacing:-.04em}#forgotPasswordRequest>p,.forgot-password-success>p{margin:0 0 24px;color:#7a8495;font-size:14px;line-height:1.55}#forgotPasswordRequest .public-auth-back{margin-bottom:24px}#forgotPasswordRequest .form-message{margin:0 0 15px}#forgotPasswordRequest .login-button{margin-top:14px}.forgot-password-success{text-align:center}.forgot-password-success[hidden]{display:none}.forgot-password-success .login-card-logo{margin-bottom:30px}.forgot-password-success-icon{position:relative;display:grid;width:82px;height:82px;margin:0 auto 23px;place-items:center}.forgot-password-success-icon>span{position:relative;z-index:2;display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#22b573,#148f59);color:#fff;font-size:24px;box-shadow:0 14px 30px rgba(20,143,89,.25);animation:forgot-success-pop .55s cubic-bezier(.2,.9,.25,1.25) both}.forgot-password-success-icon>i{position:absolute;width:62px;height:62px;border:2px solid rgba(34,181,115,.28);border-radius:50%;animation:forgot-success-ring 1.8s ease-out .25s infinite}.forgot-password-success-icon>i:last-child{animation-delay:.8s}.forgot-password-success h1{animation:forgot-success-up .45s ease-out .15s both}.forgot-password-success>p{animation:forgot-success-up .45s ease-out .25s both}.forgot-password-success .login-button{animation:forgot-success-up .45s ease-out .35s both}@keyframes forgot-success-pop{from{opacity:0;transform:scale(.45) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes forgot-success-ring{0%{opacity:.7;transform:scale(.78)}80%,100%{opacity:0;transform:scale(1.45)}}@keyframes forgot-success-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.forgot-password-success-icon>span,.forgot-password-success-icon>i,.forgot-password-success h1,.forgot-password-success>p,.forgot-password-success .login-button{animation:none}}
#loginMsg{position:absolute;z-index:5;top:18px;right:18px;left:18px;height:auto;min-height:0;margin:0;box-shadow:0 10px 30px rgba(31,42,68,.14)}
#loginMsg[hidden]{display:none}
@media(max-width:620px){
  #loginForm{padding:28px 24px}
  #loginForm .login-card-logo{width:min(290px,86%);margin-bottom:22px}
  #loginForm .login-card-logo img{max-height:64px}
  #forgotPasswordForm{padding:28px 24px}#forgotPasswordForm .login-card-logo{width:min(290px,86%);margin-bottom:22px}#forgotPasswordForm .login-card-logo img{max-height:64px}#forgotPasswordRequest>h1,.forgot-password-success h1{font-size:25px}
  #loginForm>h1{font-size:26px}
  #loginForm .login-step,#loginForm .login-step-account{min-height:0;padding-top:24px}
  #loginForm .login-step-actions .login-button{min-width:138px}
}

/* Navigation cascade guard: keep the revised shell above legacy responsive rules. */
.sidebar{padding:22px 18px 16px;background:radial-gradient(circle at 0 0,rgba(74,103,232,.22),transparent 20rem),linear-gradient(180deg,#111b35 0%,#081424 58%,#060f1c 100%)}
.sidebar .brand{min-height:82px;margin:0 4px 14px;padding:4px 6px 20px;border-bottom:1px solid rgba(255,255,255,.075)}
.sidebar .nav-item{min-height:44px;padding:7px 10px}.sidebar .nav-item:hover{transform:none}
@media(max-width:1023px){
  .mobile-bar{position:sticky;top:0;z-index:70;display:block;align-items:initial;flex-direction:initial;padding:0}
  .mobile-bar .mobile-bar-main{display:flex;width:100%;height:62px;align-items:center;justify-content:space-between;padding:0 16px}
  .mobile-bar .mobile-nav{position:fixed;inset:0 auto 0 0;display:flex;width:min(350px,calc(100vw - 38px));max-height:none;flex-direction:column;gap:0;overflow:hidden;transform:translateX(-105%)}
  .mobile-bar.menu-open .mobile-nav{transform:translateX(0)}
  .mobile-bar .mobile-nav-scroll{display:block;width:100%;flex:1;overflow-y:auto}
  .mobile-bar .mobile-nav .nav-item{width:100%;min-width:0;justify-content:flex-start;padding:7px 10px}
  .mobile-bar .mobile-nav .nav-icon{display:grid}
  .mobile-bar .mobile-nav-footer{display:flex}
  .mobile-bar .mobile-nav .mobile-logout{position:relative;top:auto;right:auto;display:flex;width:auto}
}
@media(max-width:480px){.mobile-bar .mobile-bar-main{height:58px;padding:0 12px}.mobile-bar .mobile-nav{width:min(340px,calc(100vw - 24px))}}

/* One-shot motion for the overview after its current data has loaded. */
@keyframes dashboard-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes dashboard-pop{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dashboard-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.metric-card{animation:none}
.dashboard-motion .dashboard-section-heading,.dashboard-motion .section-intro{animation:dashboard-rise 460ms cubic-bezier(.2,.8,.2,1) both}
.dashboard-motion .metric-card{animation:dashboard-pop 540ms cubic-bezier(.2,.85,.2,1) both}
.dashboard-motion .metric-card:nth-child(1){animation-delay:60ms}.dashboard-motion .metric-card:nth-child(2){animation-delay:120ms}.dashboard-motion .metric-card:nth-child(3){animation-delay:180ms}.dashboard-motion .metric-card:nth-child(4){animation-delay:240ms}.dashboard-motion .metric-card:nth-child(n+5){animation-delay:300ms}
.dashboard-motion .dash-status-bar{animation:dashboard-rise 480ms cubic-bezier(.2,.8,.2,1) 300ms both}
.dashboard-motion .dash-prog-segment{transform-origin:left center;animation:dashboard-progress 800ms cubic-bezier(.2,.85,.2,1) 480ms both}
.dashboard-motion #dashboardAnalysisSection .dashboard-section-heading{animation-delay:340ms}
.dashboard-motion #dashboardChartGrid .panel{animation:dashboard-pop 540ms cubic-bezier(.2,.85,.2,1) 410ms both}.dashboard-motion #dashboardChartGrid .panel:nth-child(2){animation-delay:490ms}
.dashboard-motion #dashboardRecentSection .section-intro{animation-delay:560ms}.dashboard-motion #dashboardRecentSection .table-panel{animation:dashboard-rise 500ms cubic-bezier(.2,.8,.2,1) 630ms both}
.dashboard-motion #dashboardRecentBody tr{animation:dashboard-rise 380ms ease-out both}.dashboard-motion #dashboardRecentBody tr:nth-child(1){animation-delay:700ms}.dashboard-motion #dashboardRecentBody tr:nth-child(2){animation-delay:740ms}.dashboard-motion #dashboardRecentBody tr:nth-child(3){animation-delay:780ms}.dashboard-motion #dashboardRecentBody tr:nth-child(4){animation-delay:820ms}.dashboard-motion #dashboardRecentBody tr:nth-child(5){animation-delay:860ms}.dashboard-motion #dashboardRecentBody tr:nth-child(6){animation-delay:900ms}.dashboard-motion #dashboardRecentBody tr:nth-child(7){animation-delay:940ms}
@media(prefers-reduced-motion:reduce){.dashboard-motion :is(.dashboard-section-heading,.section-intro,.metric-card,.dash-status-bar,.dash-prog-segment,#dashboardChartGrid .panel,#dashboardRecentSection .table-panel,#dashboardRecentBody tr){animation:none!important}}
.dashboard-invoice-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.dashboard-invoice-row:hover td{background:#fafbff}.dashboard-invoice-row:focus-visible{outline:2px solid #6964e8;outline-offset:-2px}.dashboard-invoice-row:focus-visible td{background:#f7f8ff}
.customer-identity-panel{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.customer-identity-panel article{display:flex;min-width:0;align-items:center;gap:13px;padding:16px 17px;border:1px solid #e3e8f2;border-radius:17px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 7px 22px rgba(15,23,42,.045)}
.customer-identity-panel article>div{min-width:0;flex:1}.customer-identity-panel small{display:block;margin-bottom:4px;color:#8490a4;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.customer-identity-panel strong{display:block;color:#17233a;font-size:17px;font-weight:850;letter-spacing:.025em}.customer-identity-panel p{margin:4px 0 0;color:#8490a4;font-size:10px;line-height:1.4}
.customer-identity-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:#edf3ff;color:#3156df;font-size:16px}.customer-identity-icon.pin{background:#ecf8f4;color:#087c61}
.support-pin-value{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;letter-spacing:.16em}.support-pin-value.is-revealed{color:#087c61;letter-spacing:.12em}
.support-pin-toggle{display:inline-flex;min-height:36px;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #d6ddea;border-radius:11px;background:#fff;color:#34445f;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.support-pin-toggle:hover{border-color:#9eafe0;background:#f6f8ff;color:#3156df}.support-pin-toggle:disabled{cursor:wait;opacity:.65}
.account-customer-identity{grid-column:auto;margin:19px 19px 0}.customer-number-list{color:#3156df!important;font-weight:800!important;letter-spacing:.025em}
@media(max-width:720px){.customer-identity-panel{grid-template-columns:1fr}.customer-identity-panel article{align-items:flex-start}.support-pin-toggle{align-self:center}.account-customer-identity{margin:16px 15px 0}}
.customer-user-topbar{position:sticky;z-index:21;top:16px;display:grid;grid-template-columns:minmax(240px,.9fr) minmax(420px,1.35fr) auto;align-items:center;gap:18px;margin:0 -18px 26px;padding:13px 15px;border:1px solid rgba(215,222,233,.9);border-radius:20px;background:rgba(249,250,252,.94);box-shadow:0 12px 38px rgba(15,23,42,.08);backdrop-filter:blur(18px) saturate(150%)}.customer-user-topbar[hidden]{display:none}.customer-topbar-profile{display:flex;min-width:0;align-items:center;gap:12px}.customer-topbar-avatar{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;overflow:hidden;border:1px solid #d8e0ef;border-radius:14px;background:linear-gradient(145deg,#eef3ff,#e6ebff);color:#4f46e5;font-size:16px;font-weight:850}.customer-topbar-avatar img{width:100%;height:100%;object-fit:cover}.customer-topbar-profile>span:last-child{display:grid;min-width:0;gap:2px}.customer-topbar-profile small,.customer-topbar-data small{color:#7c899d;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.customer-topbar-profile strong{overflow:hidden;color:#17233a;font-size:14px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.customer-topbar-profile em{overflow:hidden;color:#748198;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.customer-topbar-data{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(240px,1.2fr);gap:8px}.customer-topbar-data article{display:grid;min-width:0;min-height:50px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;border:1px solid #e2e7f0;border-radius:13px;background:#fff}.customer-topbar-data article>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#edf2ff;color:#4864d8;font-size:12px}.customer-topbar-data .customer-topbar-pin>span{background:#eaf8f3;color:#087c61}.customer-topbar-data article>div{display:grid;min-width:0;gap:3px}.customer-topbar-data strong{overflow:hidden;color:#202d43;font-size:14px;font-weight:850;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.customer-topbar-data .support-pin-value{letter-spacing:.13em}.customer-topbar-pin button,.customer-topbar-account{display:inline-flex;min-height:35px;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #d7deea;border-radius:10px;background:#f8faff;color:#44536c;font:inherit;font-size:10px;font-weight:780;cursor:pointer;white-space:nowrap}.customer-topbar-pin button:hover,.customer-topbar-account:hover{border-color:#aebbe0;background:#f0f3ff;color:#4059cc}.customer-topbar-pin button:disabled{cursor:wait;opacity:.65}.customer-topbar-account{min-height:43px;padding-inline:14px;background:#eef1ff;color:#4255c6}.role-preview-active .customer-user-topbar{top:82px}
@media(max-width:1180px){.customer-user-topbar{grid-template-columns:minmax(210px,.75fr) minmax(400px,1.25fr) auto;gap:10px}.customer-topbar-account span{display:none}.customer-topbar-account{width:43px;padding:0}}
@media(max-width:900px){.customer-user-topbar{position:relative;top:auto;grid-template-columns:minmax(0,1fr) auto;margin:0 0 22px}.customer-topbar-data{grid-column:1/-1;grid-row:2}.customer-topbar-account span{display:inline}.customer-topbar-account{width:auto;padding-inline:13px}}
@media(max-width:560px){.customer-user-topbar{padding:12px;border-radius:17px}.customer-topbar-profile em{font-size:9px}.customer-topbar-data{grid-template-columns:1fr}.customer-topbar-data article{min-height:54px}.customer-topbar-account span{display:none}.customer-topbar-account{width:42px;padding:0}}

/* Feste globale User-Topbar */
.workspace-topbar{position:fixed;z-index:38;top:0;right:0;left:288px;display:grid;min-height:78px;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:20px;padding:10px clamp(28px,4vw,64px);border-bottom:1px solid rgba(215,222,233,.92);background:rgba(249,250,252,.95);box-shadow:0 8px 30px rgba(15,23,42,.07);backdrop-filter:blur(20px) saturate(155%)}.main-content{padding-top:108px}.workspace-menu-toggle{display:none}.workspace-topbar-title{display:grid;min-width:0;grid-template-columns:auto 1fr;align-items:baseline;column-gap:9px}.workspace-topbar-title small{grid-row:1;align-self:center;color:#5b55df;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.workspace-topbar-title strong{grid-row:1;overflow:hidden;color:#172238;font-size:18px;font-weight:830;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.workspace-topbar-title span{grid-column:1/-1;overflow:hidden;margin-top:3px;color:#7b8798;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.workspace-customer-quick{display:grid;grid-template-columns:auto auto;align-items:stretch;gap:7px}.workspace-customer-quick[hidden]{display:none}.workspace-customer-quick>div{display:grid;min-width:130px;align-content:center;gap:3px;padding:7px 11px;border:1px solid #e1e6ef;border-radius:12px;background:#fff}.workspace-customer-quick small,.workspace-credit small,.workspace-user-copy small{color:#7d899b;font-size:8px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.workspace-customer-quick strong{color:#253249;font-size:12px;font-weight:850;letter-spacing:.04em}.workspace-support-pin{grid-template-columns:minmax(72px,1fr) auto!important;column-gap:9px!important}.workspace-support-pin small{grid-column:1/-1}.workspace-support-pin .support-pin-value{align-self:center;letter-spacing:.12em}.workspace-support-pin button{display:inline-flex;min-height:28px;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid #d8dfea;border-radius:8px;background:#f7f9fc;color:#4b5a70;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.workspace-support-pin button:hover{border-color:#aab8df;background:#eef1ff;color:#4058cb}.workspace-support-pin button:disabled{cursor:wait;opacity:.65}
.workspace-topbar-actions{display:flex;align-items:center;gap:7px}.workspace-credit{display:flex;min-height:44px;align-items:center;gap:8px;padding:5px 10px;border:1px solid #cfe7dc;border-radius:12px;background:#f1faf6;color:#15755b;cursor:pointer}.workspace-credit[hidden]{display:none}.workspace-credit>span:first-child{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#dff3e9;font-size:11px}.workspace-credit>span:nth-child(2){display:grid;gap:2px;text-align:left}.workspace-credit strong{font-size:12px;white-space:nowrap}.workspace-theme-toggle,.workspace-notification-bell,.workspace-logout{width:40px;min-width:40px;height:40px;padding:0;border:1px solid #dce2ec;border-radius:11px;background:#fff;color:#59677d;box-shadow:none}.workspace-theme-toggle span{display:none}.workspace-notification-bell{position:relative;display:grid;place-items:center}.workspace-logout{display:grid;place-items:center;cursor:pointer}.workspace-logout:hover{border-color:#efbdc5;background:#fff3f5;color:#c6384e}
.workspace-user{display:grid;min-width:176px;min-height:48px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 9px;border:1px solid #dce2ec;border-radius:13px;background:#fff;color:#253249;cursor:pointer;text-align:left}.workspace-user:hover{border-color:#b9c4e4;background:#f8f9ff}.workspace-user-avatar{position:relative;display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#eef1ff,#dfe5ff);color:#465bd0;font-size:11px;font-weight:850}.workspace-user-avatar .status-dot{position:absolute;z-index:3;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid #fff}.workspace-user-copy{display:grid;min-width:0;gap:1px}.workspace-user-copy strong,.workspace-user-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-user-copy strong{font-size:11px}.workspace-user-copy em{color:#7d899b;font-size:8px;font-style:normal}.workspace-user>i{color:#98a2b3;font-size:8px}
@media(max-width:1240px){.workspace-topbar{grid-template-columns:minmax(150px,1fr) auto auto;gap:10px}.workspace-topbar-title span{display:none}.workspace-user{min-width:48px;width:48px;grid-template-columns:36px;padding:5px}.workspace-user-copy,.workspace-user>i{display:none}.workspace-credit small{display:none}}
@media(max-width:1023px){.workspace-topbar{left:0;min-height:70px;grid-template-columns:42px minmax(110px,1fr) auto;padding:9px 14px}.workspace-menu-toggle{display:grid;position:static;width:40px;height:40px;place-items:center}.workspace-customer-quick{position:fixed;z-index:37;top:70px;right:0;left:0;grid-template-columns:1fr 1.35fr;padding:7px 14px;border-bottom:1px solid #e1e6ef;background:rgba(249,250,252,.96);box-shadow:0 7px 20px rgba(15,23,42,.05);backdrop-filter:blur(18px)}.workspace-customer-quick>div{min-width:0}.main-content{margin-left:0;padding-top:112px}.app-shell.customer-quick-visible .main-content{padding-top:177px}.mobile-bar{position:static;display:block;height:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.mobile-bar-main{display:none}}
@media(max-width:680px){.workspace-topbar{gap:7px;padding-inline:10px}.workspace-topbar-title small{display:none}.workspace-topbar-title strong{font-size:15px}.workspace-topbar-actions{gap:4px}.workspace-credit{min-width:40px;width:40px;padding:4px}.workspace-credit>span:first-child{width:30px}.workspace-credit>span:nth-child(2){display:none}.workspace-theme-toggle,.workspace-notification-bell,.workspace-logout{width:36px;min-width:36px;height:36px}.workspace-user{width:40px;min-width:40px;min-height:40px;padding:2px}.workspace-user-avatar{width:34px;height:34px}.workspace-customer-quick{padding-inline:10px}.workspace-support-pin button span{display:none}.workspace-support-pin button{width:29px;padding:0}.main-content{padding-right:14px;padding-left:14px}}

/* Kompaktes Benutzerkonto mit Dropdown in der festen Topbar */
.workspace-topbar{grid-template-columns:minmax(0,1fr) auto;gap:24px}.workspace-topbar-actions{position:relative}.workspace-user{min-width:210px;min-height:52px;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;padding:5px 11px 5px 6px;border-radius:14px}.workspace-user-avatar{width:40px;height:40px;border-radius:11px;font-size:13px}.workspace-user-copy{gap:2px}.workspace-user-copy small{font-size:9px}.workspace-user-copy strong{font-size:13px;line-height:1.15}.workspace-user-copy em{font-size:10px}.workspace-user>i{font-size:9px;transition:transform .18s ease}.workspace-user[aria-expanded="true"]{border-color:#abb8e6;background:#f6f8ff;box-shadow:0 0 0 3px rgba(72,88,210,.08)}.workspace-user[aria-expanded="true"]>i{transform:rotate(180deg)}
.workspace-user-menu{position:absolute;z-index:75;top:calc(100% + 10px);right:clamp(24px,4vw,64px);width:min(410px,calc(100vw - 32px));padding:14px;border:1px solid #dce2ec;border-radius:19px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.18);animation:workspace-menu-in .16s ease-out}.workspace-user-menu[hidden]{display:none}@keyframes workspace-menu-in{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.workspace-user-menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 5px 13px}.workspace-user-menu-head span{color:#707e93;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workspace-user-menu-head strong{color:#27344a;font-size:14px}
.workspace-user-menu-customer{display:grid;gap:9px;margin-bottom:10px}.workspace-user-menu-customer[hidden]{display:none}.workspace-user-facts{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8px}.workspace-user-facts article{display:grid;min-width:0;min-height:68px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid #e1e6ef;border-radius:14px;background:#f9fafc}.workspace-user-facts article>div{display:grid;min-width:0;gap:4px}.workspace-user-facts small,.workspace-menu-credit small{color:#76849a;font-size:10px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.workspace-user-facts strong{overflow:hidden;color:#202d43;font-size:15px;font-weight:850;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.workspace-user-menu-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eaf0ff;color:#4561d4;font-size:14px}.workspace-user-menu-icon.pin{background:#e7f7f1;color:#087c61}.workspace-user-pin{grid-template-columns:38px minmax(0,1fr) auto!important}.workspace-user-pin .support-pin-value{font-size:14px;letter-spacing:.12em}.workspace-user-pin>button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #d5ddea;border-radius:9px;background:#fff;color:#43526a;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.workspace-user-pin>button:hover{border-color:#aab8df;background:#eef2ff;color:#3f57ca}.workspace-user-pin>button:disabled{cursor:wait;opacity:.65}
.workspace-menu-credit{display:grid;width:100%;min-height:61px;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 12px;border:1px solid #c9e5d9;border-radius:14px;background:#effaf5;color:#15755b;font:inherit;text-align:left;cursor:pointer}.workspace-menu-credit[hidden]{display:none}.workspace-menu-credit>span:first-child{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:#d9f1e6;font-size:14px}.workspace-menu-credit>span:nth-child(2){display:grid;gap:3px}.workspace-menu-credit strong{font-size:17px}.workspace-menu-credit>i{font-size:10px}.workspace-menu-credit:hover{border-color:#9fd2bb;background:#e8f8f1}
.workspace-user-menu-actions{display:grid;overflow:hidden;border:1px solid #e1e6ee;border-radius:14px}.workspace-user-menu-actions>button,.workspace-menu-logout{display:grid;width:100%;min-height:59px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 12px;border:0;background:#fff;color:#26344a;font:inherit;text-align:left;cursor:pointer}.workspace-user-menu-actions>button+button{border-top:1px solid #e9edf3}.workspace-user-menu-actions>button:hover{background:#f6f8fc}.workspace-user-menu-actions>button>span:first-child,.workspace-menu-logout>span:first-child{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#edf1ff;color:#4961cd;font-size:14px}.workspace-user-menu-actions>button>span:nth-child(2),.workspace-menu-logout>span:nth-child(2){display:grid;min-width:0;gap:3px}.workspace-user-menu-actions strong,.workspace-menu-logout strong{font-size:13px}.workspace-user-menu-actions small,.workspace-menu-logout small{color:#7b8799;font-size:10px}.workspace-user-menu-actions>button>i{color:#a0aabb;font-size:9px}.workspace-user-menu-actions .notification-badge{position:static;display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:#e8485e;color:#fff;font-size:10px}.workspace-user-menu-actions .notification-badge[hidden]{display:none}
.workspace-menu-logout{margin-top:10px;border:1px solid #f0d9dd;border-radius:14px;background:#fffafa;color:#a92f43}.workspace-menu-logout>span:first-child{background:#ffecef;color:#c23850}.workspace-menu-logout:hover{border-color:#e9bfc6;background:#fff2f4}.workspace-menu-logout small{color:#a77b83}
@media(max-width:1240px){.workspace-topbar{grid-template-columns:minmax(0,1fr) auto}.workspace-user{width:auto;min-width:205px;grid-template-columns:40px minmax(0,1fr) auto;padding:5px 11px 5px 6px}.workspace-user-copy{display:grid}.workspace-user>i{display:block}}
@media(max-width:1023px){.workspace-topbar{grid-template-columns:42px minmax(0,1fr) auto}.main-content,.app-shell.customer-quick-visible .main-content{padding-top:98px}.workspace-user-menu{right:14px}}
@media(max-width:680px){.workspace-topbar{grid-template-columns:40px minmax(0,1fr) 44px}.workspace-user{width:44px;min-width:44px;min-height:44px;grid-template-columns:38px;padding:2px}.workspace-user-avatar{width:38px;height:38px}.workspace-user-copy,.workspace-user>i{display:none}.workspace-user-menu{position:fixed;top:69px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 80px);overflow-y:auto}.workspace-user-facts{grid-template-columns:1fr}.workspace-user-facts article{min-height:64px}.workspace-user-pin>button{min-width:88px}.workspace-user-menu-head{padding-top:2px}.main-content{padding-top:91px}}
.role-preview-active .workspace-topbar{top:84px}.role-preview-active .main-content{padding-top:192px}
@media(max-width:1023px){.role-preview-active .workspace-topbar{top:82px}.role-preview-active .main-content{padding-top:174px}}
@media(max-width:680px){.role-preview-active .workspace-user-menu{top:151px;max-height:calc(100dvh - 162px)}}
@media(prefers-reduced-motion:reduce){.workspace-user-menu{animation:none}}

/* Topbar-Korrektur: nur globale Aktionen und ein gut lesbares Benutzerprofil */
.workspace-topbar{grid-template-columns:minmax(0,1fr) auto;min-height:82px}.workspace-topbar-actions{grid-column:2;justify-self:end;margin-left:auto;gap:9px}.workspace-topbar-control{position:relative;display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;padding:0;border:1px solid #dce2ec;border-radius:13px;background:#fff;color:#53627a;font:inherit;font-size:15px;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.workspace-topbar-control>span{display:none}.workspace-topbar-control:hover{border-color:#b8c4e2;background:#f5f7ff;color:#4359c9;transform:translateY(-1px)}.workspace-topbar-control .notification-badge{position:absolute;top:-5px;right:-5px;display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border:2px solid #f9fafc;border-radius:999px;background:#e4445b;color:#fff;font-size:9px;font-weight:850}.workspace-topbar-control .notification-badge[hidden]{display:none}
.workspace-user{min-width:240px;min-height:60px;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:5px 13px 5px 6px;border-radius:16px}.workspace-user-avatar{width:48px;height:48px;border-radius:13px;font-size:15px}.workspace-user-copy{gap:3px}.workspace-user-copy small{font-size:10px;letter-spacing:.065em}.workspace-user-copy strong{font-size:15px;line-height:1.15}.workspace-user-copy em{font-size:11px;line-height:1.2}.workspace-user>i{font-size:10px}
.workspace-user-menu{top:calc(100% + 11px);right:clamp(24px,4vw,64px);width:min(430px,calc(100vw - 32px));padding:16px}.workspace-user-menu-head{padding:3px 4px 14px}.workspace-user-menu-head span{font-size:11px}.workspace-user-menu-head strong{font-size:15px}
.workspace-customer-access{overflow:hidden;border:1px solid #dce4f1;border-radius:16px;background:linear-gradient(145deg,#f8faff,#fff)}.workspace-customer-access>header{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid #e5eaf2}.workspace-customer-access>header>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:#e9efff;color:#4560d1;font-size:16px}.workspace-customer-access>header>div{display:grid;gap:3px}.workspace-customer-access>header strong{color:#253249;font-size:14px}.workspace-customer-access>header small{color:#7a879b;font-size:11px}.workspace-customer-number-row,.workspace-customer-pin-row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:18px;padding:11px 14px}.workspace-customer-number-row{border-bottom:1px solid #e8ecf2}.workspace-customer-number-row>span,.workspace-customer-pin-row span{color:#718096;font-size:11px;font-weight:800}.workspace-customer-number-row>strong{color:#253da1;font-size:19px;font-weight:880;letter-spacing:.08em}.workspace-customer-pin-row>div{display:grid;gap:5px}.workspace-customer-pin-row .support-pin-value{color:#243149;font-size:17px;letter-spacing:.16em}.workspace-customer-pin-row>button{display:inline-flex;min-width:102px;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #cfd8e8;border-radius:10px;background:#fff;color:#3f4f68;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.workspace-customer-pin-row>button:hover{border-color:#9eafe0;background:#eef2ff;color:#3f57ca}.workspace-customer-pin-row>button:disabled{cursor:wait;opacity:.65}
.workspace-menu-credit{min-height:66px}.workspace-menu-credit small{font-size:10px}.workspace-menu-credit strong{font-size:19px}.workspace-user-menu-actions>button,.workspace-menu-logout{min-height:64px}.workspace-user-menu-actions strong,.workspace-menu-logout strong{font-size:14px}.workspace-user-menu-actions small,.workspace-menu-logout small{font-size:11px}
@media(max-width:1240px){.workspace-user{width:auto;min-width:225px;grid-template-columns:46px minmax(0,1fr) auto}.workspace-user-avatar{width:46px;height:46px}}
@media(max-width:1023px){.workspace-topbar{grid-template-columns:42px minmax(0,1fr) auto;padding-block:9px}.workspace-topbar-actions{grid-column:3}.workspace-user-menu{right:14px}.main-content,.app-shell.customer-quick-visible .main-content{padding-top:104px}}
@media(max-width:680px){.workspace-topbar{grid-template-columns:40px minmax(0,1fr) auto}.workspace-topbar-actions{gap:6px}.workspace-topbar-control{width:42px;height:42px;flex-basis:42px}.workspace-user{width:46px;min-width:46px;min-height:46px;grid-template-columns:40px;padding:2px}.workspace-user-avatar{width:40px;height:40px}.workspace-user-menu{top:75px}.workspace-customer-number-row>strong{font-size:18px}.workspace-customer-pin-row .support-pin-value{font-size:16px}.main-content{padding-top:98px}.role-preview-active .workspace-user-menu{top:157px}}
@media(max-width:390px){.workspace-topbar{padding-inline:8px}.workspace-topbar-actions{gap:4px}.workspace-topbar-control{width:40px;height:40px;flex-basis:40px}.workspace-user{width:44px;min-width:44px}.workspace-customer-pin-row{align-items:stretch;flex-direction:column}.workspace-customer-pin-row>button{width:100%}}

.plan-change-card{width:min(720px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.plan-change-body{display:grid;gap:18px}.plan-change-body>label{display:grid;gap:7px}.plan-change-step{margin:0;color:#655ce8;font-size:12px;font-weight:800}.plan-change-comparison{display:grid;gap:0;margin:0;border:1px solid #dfe5ef;border-radius:14px;overflow:hidden}.plan-change-comparison>div{display:flex;justify-content:space-between;gap:20px;padding:12px 15px;border-bottom:1px solid #e5eaf2}.plan-change-comparison dt{color:#718096;font-size:12px}.plan-change-comparison dd{margin:0;text-align:right;font-size:13px;font-weight:750}.plan-change-comparison .plan-change-total{border-bottom:0;background:rgba(99,102,241,.08)}.plan-change-notice{padding:16px;border:1px solid #dce4f1;border-radius:13px;background:rgba(99,102,241,.04);font-size:12px;line-height:1.6}.plan-change-notice p:last-child{margin-bottom:0}.plan-change-body>.plan-change-confirm{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}.plan-change-confirm input{margin-top:5px;flex-shrink:0}.plan-change-result{text-align:center;padding:25px}.plan-change-result>i{color:#16a37a;font-size:36px}.plan-change-card .modal-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(max-width:520px){.plan-change-comparison>div{flex-direction:column;gap:5px}.plan-change-comparison dd{text-align:left}.plan-change-card{max-height:calc(100dvh - 20px)}}

/* Ausgaben: Journal, Pläne und Auswertung als eigenständige Ansichten. */
.expense-panel { min-width:0; }
.expense-panel[hidden] { display:none !important; }
.expense-panel-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-bottom:20px; }
.expense-panel-heading h3 { margin:0 0 5px; color:var(--ink); font-size:19px; letter-spacing:-.025em; }
.expense-panel-heading p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.expense-panel-heading > .button { flex-shrink:0; }
.expense-panel-heading .header-actions { flex-wrap:wrap; }
.expense-panel-note { display:flex; align-items:baseline; gap:9px; margin:18px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
.expense-panel-note i { flex-shrink:0; }
.expense-period-filter { display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px; padding:18px 20px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.expense-period-filter label { display:flex; flex-direction:column; gap:7px; }
.expense-period-filter .form-label { margin:0; }
.expense-period-filter .control { min-width:175px; }
.expense-period-filter .button { min-height:42px; }
.expense-statistics-summary { margin:20px 0 12px; color:var(--ink-soft); font-size:13px; font-weight:600; line-height:1.7; }
.expense-statistics-summary:empty { display:none; }
.expense-statistics-table { min-width:760px; }
.expense-statistics-table th:not(:first-child),.expense-statistics-table td:not(:first-child) { text-align:right; font-variant-numeric:tabular-nums; }
.expense-statistics-table td[colspan] { text-align:center; }
#expensePanelPlans .schedule-card { background:var(--surface); }
#expensePlanList > .section-copy { margin:0; padding:56px 24px; border:1px dashed var(--line-strong); border-radius:14px; background:var(--surface); text-align:center; }
@media(max-width:680px) {
  .expense-panel-heading { align-items:stretch; flex-direction:column; }
  .expense-panel-heading .header-actions { justify-content:flex-start; }
  .expense-period-filter { gap:12px; padding:16px; }
  .expense-period-filter label { flex:1; min-width:0; }
  .expense-period-filter .control { width:100%; min-width:0; }
  .expense-period-filter .button { width:100%; }
  #expensePanelPlans .schedule-card { grid-template-columns:minmax(0,1fr) auto; gap:14px; }
  #expensePanelPlans .schedule-card-main { grid-column:1/-1; }
}
html[data-theme="dark"] #expenses { --surface:var(--theme-surface); --surface-soft:var(--theme-surface-soft); --ink:var(--theme-text); --ink-soft:var(--theme-text); --muted:var(--theme-muted); --line:var(--theme-border); --line-strong:var(--theme-border); --blue:#a5b4fc; }

/* Ausgabe und Ausgabenplan */
.expense-modal-card{display:flex;width:min(760px,calc(100vw - 32px));padding:0;overflow:hidden;flex-direction:column}
.expense-modal-header{align-items:center;margin:0;padding:24px 26px 20px;border-bottom:1px solid #e8edf3;background:linear-gradient(135deg,#fafbff,#fff)}
.expense-modal-heading{display:flex;align-items:center;gap:14px;min-width:0}
.expense-modal-heading .modal-icon{width:46px;height:46px;flex:0 0 46px;margin:0;border-radius:14px;font-size:16px}
.expense-modal-kicker{display:block;margin-bottom:4px;color:#615ad6;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.expense-modal-body{display:grid;min-height:0;gap:16px;padding:20px 26px 2px;overflow-y:auto}
.expense-form-section{overflow:hidden;border:1px solid #e1e6ee;border-radius:16px;background:#fff}
.expense-form-section[hidden],.expense-form-section-head[hidden]{display:none!important}
.expense-form-section-head{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid #e7ebf1;background:#f8f9fc}
.expense-form-section-head>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;background:#e9edff;color:#5652cf;font-size:13px}
.expense-form-section-head>div{min-width:0;flex:1}
.expense-form-section-head h3{margin:0;color:#27344a;font-size:14px}
.expense-form-section-head p{margin:3px 0 0;color:#7e899a;font-size:10px;line-height:1.45}
.expense-plan-grid,.expense-data-grid{gap:14px;padding:16px}
.expense-modal-card .form-control{min-height:44px;border-radius:11px;background:#fbfcfe}
.expense-modal-card textarea.form-control{min-height:82px;resize:vertical}
.expense-modal-card .form-label{font-size:11px}
.expense-money-field,.expense-tax-field{position:relative}
.expense-money-field .form-control,.expense-tax-field .form-control{width:100%;padding-right:42px}
.expense-money-field>span,.expense-tax-field>span{position:absolute;top:50%;right:14px;color:#667085;font-size:12px;font-weight:800;transform:translateY(-50%);pointer-events:none}
.expense-interval-field{display:grid;grid-template-columns:auto 76px minmax(0,1fr);align-items:center;gap:9px;min-height:44px;padding:0 13px;border:1px solid #d8dee8;border-radius:11px;background:#fbfcfe;color:#6f7b8e;font-size:12px}
.expense-interval-field .form-control{min-height:34px;padding:5px 8px;background:#fff;text-align:center}
.expense-active-switch{display:flex;align-items:center;gap:8px;margin-left:auto;color:#435066;font-size:11px;cursor:pointer}
.expense-active-switch input{position:absolute;opacity:0;pointer-events:none}
.expense-active-switch>span{position:relative;width:36px;height:20px;border-radius:999px;background:#cbd3df;transition:.16s}
.expense-active-switch>span::after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.25);content:'';transition:.16s}
.expense-active-switch input:checked+span{background:#5b58d6}
.expense-active-switch input:checked+span::after{transform:translateX(16px)}
.expense-active-switch input:focus-visible+span{outline:3px solid rgba(91,88,214,.2);outline-offset:2px}
.expense-modal-card .expense-tax-breakdown{padding:13px 15px;border-radius:12px;background:#f6f8fb}
.expense-modal-card>.modal-actions{bottom:0;margin:18px 0 0;padding:16px 26px;border-color:#e6eaf0;background:rgba(255,255,255,.96)}
.expense-modal-card>.modal-actions .button{min-height:44px}
.expense-modal-card.is-plan-mode{width:min(820px,calc(100vw - 32px))}
html[data-theme="dark"] .expense-modal-header{border-color:var(--theme-border);background:linear-gradient(135deg,var(--theme-surface-soft),var(--theme-surface))}
html[data-theme="dark"] .expense-form-section{border-color:var(--theme-border);background:var(--theme-surface)}
html[data-theme="dark"] .expense-form-section-head{border-color:var(--theme-border);background:var(--theme-surface-soft)}
html[data-theme="dark"] .expense-form-section-head h3{color:var(--theme-text)}
html[data-theme="dark"] .expense-modal-card .form-control,html[data-theme="dark"] .expense-interval-field{border-color:var(--theme-border);background:var(--theme-surface-soft);color:var(--theme-text)}
html[data-theme="dark"] .expense-interval-field .form-control{background:var(--theme-surface-raised)}
html[data-theme="dark"] .expense-modal-card .expense-tax-breakdown{border-color:var(--theme-border);background:var(--theme-surface-soft)}
html[data-theme="dark"] .expense-modal-card>.modal-actions{border-color:var(--theme-border);background:rgba(17,27,45,.96)}
@media(max-width:620px){.expense-modal-card,.expense-modal-card.is-plan-mode{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.expense-modal-header{padding:18px}.expense-modal-body{padding:14px 14px 0}.expense-plan-grid,.expense-data-grid{grid-template-columns:1fr;padding:14px}.expense-plan-grid .form-field-wide,.expense-data-grid .form-field-wide{grid-column:auto}.expense-form-section-head{align-items:flex-start}.expense-form-section-head p{display:none}.expense-active-switch{padding-top:7px}.expense-tax-breakdown{grid-template-columns:1fr}.expense-modal-card>.modal-actions{margin-top:14px;padding:14px 18px}.expense-modal-card>.modal-actions .button{flex:1}}
.expense-settings-layout { grid-template-columns:270px minmax(0,1fr); gap:18px; }
.expense-navigation { top:98px; }
.expense-settings-content { min-width:0; }
.expense-card-panel { padding:23px 24px 24px; border:1px solid rgba(218,223,233,.9); border-radius:21px; background:var(--surface); box-shadow:var(--shadow-sm); }
@media(max-width:1100px){.expense-settings-layout{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:800px){.expense-settings-layout{grid-template-columns:1fr}.expense-navigation{position:static;display:flex;overflow-x:auto}.expense-navigation .account-navigation-head,.expense-navigation .account-navigation-note{display:none}.expense-navigation button.settings-nav-item{display:flex;min-height:44px;flex:0 0 auto;margin:0}.expense-card-panel{padding:18px}}
.expense-detail-view[hidden]{display:none!important}
.detail-back-button{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 2px;border:0;background:transparent;color:#59677b;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.detail-back-button:hover{color:var(--blue)}
.expense-detail-card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow-sm)}
.expense-detail-card>header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;padding:24px 26px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8f9ff,#fff)}
.expense-detail-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:#e9edff;color:#5754d5;font-size:18px}
.expense-detail-card>header small{display:block;margin-bottom:3px;color:var(--muted);font-size:10px}
.expense-detail-card>header h2{margin:0 0 7px;color:var(--ink);font-size:22px;letter-spacing:-.03em}
.expense-detail-card>header>strong{color:var(--ink);font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.expense-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 26px}
.expense-detail-metrics article{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.expense-detail-metrics span,.expense-detail-facts dt{color:var(--muted);font-size:10px;font-weight:700}
.expense-detail-metrics strong{font-size:17px;font-variant-numeric:tabular-nums}
.expense-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 26px;overflow:hidden;border:1px solid var(--line);border-radius:14px}
.expense-detail-facts>div{padding:14px 16px;border-bottom:1px solid var(--line)}
.expense-detail-facts>div:nth-child(odd){border-right:1px solid var(--line)}
.expense-detail-facts>div:nth-last-child(-n+2){border-bottom:0}
.expense-detail-facts dd{margin:5px 0 0;color:var(--ink-soft);font-size:13px;font-weight:700}
.expense-detail-code{overflow:hidden;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px!important;text-overflow:ellipsis;white-space:nowrap}
.expense-detail-note{margin:20px 26px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.expense-detail-note h3{margin:0 0 7px;font-size:12px}.expense-detail-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.65;white-space:pre-wrap}
.expense-detail-card>footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 26px;border-top:1px solid var(--line)}
html[data-theme="dark"] .expense-detail-card>header{background:linear-gradient(135deg,var(--theme-surface-soft),var(--theme-surface))}
@media(max-width:650px){.expense-detail-card>header{grid-template-columns:44px minmax(0,1fr);padding:18px}.expense-detail-icon{width:44px;height:44px}.expense-detail-card>header>strong{grid-column:1/-1}.expense-detail-metrics{grid-template-columns:1fr;padding:14px}.expense-detail-facts{grid-template-columns:1fr;margin:0 14px}.expense-detail-facts>div,.expense-detail-facts>div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.expense-detail-facts>div:last-child{border-bottom:0}.expense-detail-note{margin:14px}.expense-detail-card>footer{flex-direction:column;padding:14px}.expense-detail-card>footer .button{width:100%}}