#app>*:not(.content,.active),#app>.hide{display:none}.table{border:1px solid #e6e6e6}.table thead tr{border-bottom:1px solid #e6e6e6}html{height:auto}body,.content{background:none;color:black}body,#app,#app>.content.active,.tabsSidebar-holder,main{display:block}#app{min-width:0}.dashboard+.sidebar{display:none}.bulkAction,.overviews .checkbox-replacement,.overviews .overview-header,.table-checkbox,.sidebar,.page-header-meta .btn{display:none}.main{padding:0}h1,.popover-notificationsHeader .popover-title,.ticket-title-update,h2,h3,h4,h5,h6{color:inherit}.table{border:none;color:black}.table>thead>tr>th{background:none;color:inherit}td a{color:black;font-weight:500}.table-col-resize{display:none}th.js-tableHead:not([data-column-key='icon']){width:auto !important}.icon-task-state.open{fill:gray}.ticketZoom-controls,.scrollPageHeader,.article-new,.article-actions,.tabsSidebar,.attributeBar,.textBubble-overflowContainer{display:none}.tabsSidebar-sidebarSpacer{margin:0;transition:none}.textBubble-content{height:auto !important}.tabsSidebar-tabsSpacer{padding:0 !important;overflow:visible}.ticketZoom{background:none}.ticket-article,.article-new{max-width:none;padding-left:0;padding-right:0}.ticket-article a[href]::after{content:none !important}.textBubble{padding:20px;border:1px solid !important;background:white !important}.is-internal .internal-border{background:none}.is-internal .textBubble{border:5px dashed gray !important}.bubble-arrow::after{background:white !important;border-color:black !important}.article-meta{color:black;background:none;border:1px dashed #97979b;padding:11px 10px 1px}.article-meta.top{border-bottom-width:0}.article-meta.bottom{border-top-width:0;padding-top:7px;padding-bottom:3px}.article-meta-clip{height:auto !important}.article-meta-icon{fill:currentColor}.article-meta-links{display:none}.article-content{color:inherit}.article-content-meta{opacity:1 !important;display:block !important;transform:none !important;position:static}.attachments.attachments--list{border-color:currentColor !important}.avatar{border:1px solid black}.avatar:not(.avatar--unique)::before{content:attr(data-initials);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;font-size:13px;line-height:40px}.avatar:not(.avatar--unique).size-30::before{font-size:10px;line-height:32px}.avatar:not(.avatar--unique).size-50::before{font-size:16px;line-height:52px}.avatar:not(.avatar--unique).size-80::before{font-size:26px;line-height:84px}.modal-open>*:not(.modal){display:none !important}.modal{width:auto !important;position:static;padding:0 !important}.modal-backdrop{display:none}.modal-dialog{box-shadow:none !important;max-width:none !important;margin:0}.modal-content{border:none}.modal-close{display:none}.modal-footer{display:none}.modal-body{padding:0}

/* PRUDAI SUPPORT START */
:root,
[data-theme='light'],
[data-theme='dark'] {
  color-scheme: light !important;
  --prudai-primary: #345cf3;
  --prudai-primary-light: #5b7bff;
  --prudai-primary-dark: #2949c6;
  --prudai-primary-ghost: #eef3ff;
  --prudai-surface: #ffffff;
  --prudai-surface-muted: #f6f9fc;
  --prudai-background: #edf2f7;
  --prudai-text: #0f172a;
  --prudai-text-muted: #475569;
  --prudai-border: #dbe3ee;
  --prudai-success: #15803d;
  --prudai-warning: #b45309;
  --prudai-danger: #dc2626;
  --background-primary: var(--prudai-background);
  --background-secondary: var(--prudai-surface);
  --background-tertiary: var(--prudai-background);
  --background-quaternary: var(--prudai-surface);
  --text-normal: var(--prudai-text);
  --text-muted: var(--prudai-text-muted);
  --text-inverted: var(--prudai-primary);
  --fullscreen-background: var(--prudai-background);
  --fullscreen-text: var(--prudai-text-muted);
  --fullscreen-text-link: var(--prudai-primary);
  --fullscreen-text-muted: #64748b;
  --fullscreen-drop-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
  --border: var(--prudai-border);
  --menu-text: #334155;
  --menu-text-active: #1d4ed8;
  --menu-text-open: #0f172a;
  --menu-text-closed: #0f172a;
  --menu-text-escalating: #0f172a;
  --menu-background-active: #eaf1ff;
  --menu-icon: #64748b;
  --menu-icon-secondary: #94a3b8;
  --menu-icon-secondary-hover-background: #f8fafc;
  --menu-switch-background: #dbeafe;
  --menu-switch-pointer: #ffffff;
  --menu-switch-pointer-active: #345cf3;
  --menu-background-primary: #ffffff;
  --menu-background-primary-hover: #f8fafc;
  --menu-background-secondary: #f8fafc;
  --menu-close-tab-background: #f8fafc;
  --menu-close-tab-opacity: 1;
  --menu-border: 1px solid var(--prudai-border);
  --menu-border-secondary: 1px solid var(--prudai-border);
  --button-primary-background: var(--prudai-primary);
}

html,
body,
#app {
  background:
    radial-gradient(circle at top right, rgba(52, 92, 243, 0.12), transparent 30%),
    linear-gradient(180deg, #fbfdff 0%, var(--prudai-background) 100%) !important;
  color: var(--prudai-text) !important;
}

body,
.content,
.main,
.main-layout,
.darkBackground,
.login,
.reset_password,
.request_admin_password_auth,
.signup,
.getstarted {
  background-color: var(--prudai-background) !important;
  color: var(--prudai-text) !important;
}

a,
.link,
[class*="link--primary"] {
  color: var(--prudai-primary) !important;
}

a:hover,
a:focus {
  color: var(--prudai-primary-dark) !important;
}

.btn.btn--primary,
.btn.btn-primary,
button.btn--primary,
button.btn-primary,
[class*="btn--primary"],
[class*="button--primary"] {
  background: linear-gradient(135deg, var(--prudai-primary) 0%, var(--prudai-primary-light) 100%) !important;
  border: 1px solid var(--prudai-primary) !important;
  box-shadow: 0 14px 30px rgba(52, 92, 243, 0.22) !important;
  color: #ffffff !important;
}

.btn.btn--primary:hover,
.btn.btn-primary:hover,
button.btn--primary:hover,
button.btn-primary:hover,
[class*="btn--primary"]:hover,
[class*="button--primary"]:hover {
  background: linear-gradient(135deg, var(--prudai-primary-dark) 0%, var(--prudai-primary) 100%) !important;
}

.btn.btn--secondary,
.btn.btn--text,
.btn.btn--subtle {
  color: var(--prudai-primary) !important;
}

.btn,
button,
input,
textarea,
select {
  border-radius: 14px !important;
}

.form-control,
input.form-control,
textarea.form-control,
select.form-control,
input,
textarea,
select {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: var(--prudai-text) !important;
}

input:focus,
textarea:focus,
select:focus,
.input:focus,
.textarea:focus,
.form-control:focus {
  border-color: var(--prudai-primary-light) !important;
  box-shadow: 0 0 0 4px rgba(91, 123, 255, 0.14) !important;
  background: #ffffff !important;
}

.hero-unit,
.fullscreen-body,
.box,
.card,
.panel,
[class*="card"],
[class*="panel"] {
  background: var(--prudai-surface) !important;
  border: 1px solid var(--prudai-border) !important;
  box-shadow: var(--fullscreen-drop-shadow) !important;
  color: var(--prudai-text) !important;
}

.bg-neutral-950,
[data-theme='dark'] .bg-neutral-950 {
  background: var(--prudai-background) !important;
}

.text-stone-200,
.text-gray,
[data-theme='dark'] .dark\:text-neutral-500,
[data-theme='dark'] .dark\:text-white {
  color: var(--prudai-text-muted) !important;
}

[data-theme='dark'] .dark\:bg-gray-500 {
  background: var(--prudai-surface) !important;
}

.login .hero-unit,
.reset_password .hero-unit,
.request_admin_password_auth .hero-unit,
.signup .hero-unit {
  width: min(480px, 100%) !important;
  padding: 40px 36px 34px !important;
  border-radius: 30px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-color: rgba(219, 227, 238, 0.92) !important;
  box-shadow: 0 32px 84px rgba(15, 23, 42, 0.14) !important;
}

.login .fullscreen-body {
  width: min(540px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  padding: 14px 0 30px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.login .fullscreen-body > p:first-child {
  width: min(480px, 100%) !important;
  margin: 0 auto 18px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #64748b !important;
}

.login .company-logo {
  display: none !important;
}

.login .hero-unit::before {
  content: '';
  display: block;
  width: min(270px, 100%);
  height: 74px;
  margin: 0 auto 22px;
  background: var(--prudai-logo-url) center/contain no-repeat;
  filter: none !important;
}

.login .hero-unit.prudai-login-prioritised .separator {
  width: 100%;
  margin: 0 0 10px !important;
}

.login .hero-unit.prudai-login-prioritised .separator-text {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b !important;
}

.login .hero-unit.prudai-login-prioritised .auth-providers {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 6px;
}

.login .hero-unit.prudai-login-prioritised .auth-providers form {
  margin: 0;
}

.login .hero-unit.prudai-login-prioritised .auth-provider {
  min-height: 60px;
  justify-content: center;
  padding: 0 18px;
  background: linear-gradient(135deg, var(--prudai-primary) 0%, var(--prudai-primary-light) 100%) !important;
  border: 1px solid var(--prudai-primary) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 38px rgba(52, 92, 243, 0.22) !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.login .hero-unit.prudai-login-prioritised .auth-provider:hover,
.login .hero-unit.prudai-login-prioritised .auth-provider:focus {
  background: linear-gradient(135deg, var(--prudai-primary-dark) 0%, var(--prudai-primary) 100%) !important;
  border-color: var(--prudai-primary-dark) !important;
  box-shadow: 0 26px 42px rgba(52, 92, 243, 0.28) !important;
  filter: saturate(1.02);
  transform: translateY(-1px);
}

.login .hero-unit.prudai-login-prioritised .auth-provider .provider-icon,
.login .hero-unit.prudai-login-prioritised .auth-provider .provider-name {
  color: #ffffff !important;
  fill: currentColor !important;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details {
  margin: 18px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  list-style: none;
  transition: color 0.18s ease;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details > summary::-webkit-details-marker {
  display: none;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-toggle-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  text-align: left;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-toggle-label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #64748b;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-toggle-hint {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #94a3b8;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-toggle-icon {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 1px solid #dbe3ee;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-toggle-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #64748b;
  border-bottom: 2px solid #64748b;
  transform: translate(-50%, -62%) rotate(45deg);
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details > summary:hover .prudai-password-toggle-label,
.login .hero-unit.prudai-login-prioritised .prudai-password-details > summary:focus .prudai-password-toggle-label,
.login .hero-unit.prudai-login-prioritised .prudai-password-details[open] > summary .prudai-password-toggle-label {
  color: var(--prudai-primary);
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details > summary:hover .prudai-password-toggle-icon,
.login .hero-unit.prudai-login-prioritised .prudai-password-details > summary:focus .prudai-password-toggle-icon,
.login .hero-unit.prudai-login-prioritised .prudai-password-details[open] > summary .prudai-password-toggle-icon {
  border-color: #c7d2fe;
  background: #eef2ff;
  box-shadow: 0 14px 26px rgba(52, 92, 243, 0.12);
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details > summary:hover .prudai-password-toggle-icon::before,
.login .hero-unit.prudai-login-prioritised .prudai-password-details > summary:focus .prudai-password-toggle-icon::before,
.login .hero-unit.prudai-login-prioritised .prudai-password-details[open] > summary .prudai-password-toggle-icon::before {
  border-color: var(--prudai-primary);
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details[open] > summary .prudai-password-toggle-icon::before {
  transform: translate(-50%, -38%) rotate(-135deg);
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details[open] #login {
  margin-top: 14px;
  padding: 22px 20px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(251, 253, 255, 0.98) 0%, rgba(245, 248, 255, 0.92) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details:not([open]) #login {
  display: none;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .form-group {
  margin-bottom: 16px;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .form-controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .form-control {
  min-height: 44px;
  background: rgba(255, 255, 255, 0.98) !important;
}

.login p,
.reset_password p,
.signup p,
.fullscreen p,
.js-footer p,
.hero-unit p {
  color: var(--prudai-text-muted) !important;
}

.login p a,
.reset_password p a,
.signup p a,
.js-footer a {
  color: var(--prudai-primary) !important;
}

.formGroup-label label,
.login label,
.form-group label,
.label-text {
  color: #334155 !important;
}

.separator,
.separator-text {
  background: transparent !important;
  color: #64748b !important;
}

.login .hero-unit.prudai-login-prioritised .separator-text {
  padding: 0 12px;
  background: #ffffff !important;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .btn--primary,
.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .btn-primary,
.login .hero-unit.prudai-login-prioritised .prudai-password-details #login button[type='submit'] {
  min-height: 48px;
  background: #ffffff !important;
  border: 1px solid #c7d2fe !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 22px rgba(52, 92, 243, 0.08) !important;
  color: var(--prudai-primary) !important;
  font-weight: 700;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .btn--primary:hover,
.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .btn-primary:hover,
.login .hero-unit.prudai-login-prioritised .prudai-password-details #login button[type='submit']:hover {
  background: #eef2ff !important;
  border-color: #c7d2fe !important;
  color: var(--prudai-primary) !important;
  box-shadow: 0 14px 24px rgba(52, 92, 243, 0.12) !important;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .checkbox,
.login .hero-unit.prudai-login-prioritised .prudai-password-details #login label,
.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .formGroup-label label {
  color: #64748b !important;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .checkbox {
  margin-top: 2px;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .link,
.login .hero-unit.prudai-login-prioritised .prudai-password-details #login a {
  color: #64748b !important;
}

.login .hero-unit.prudai-login-prioritised .prudai-password-details #login .link:hover,
.login .hero-unit.prudai-login-prioritised .prudai-password-details #login a:hover {
  color: var(--prudai-primary) !important;
}

.login .hero-unit + p,
.login .hero-unit ~ p,
.login .hero-unit ~ .js-footer,
.login .hero-unit ~ hr {
  width: min(440px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.auth-provider,
.auth-provider--oidc,
.auth-provider--openid_connect {
  background: var(--prudai-surface-muted) !important;
  border: 1px solid var(--prudai-border) !important;
  color: var(--prudai-text) !important;
}

.auth-provider:hover,
.auth-provider--oidc:hover,
.auth-provider--openid_connect:hover {
  background: var(--prudai-primary-ghost) !important;
  border-color: #c7d2fe !important;
}

.poweredBy,
footer:has(a[href='https://zammad.org']) {
  display: none !important;
}

.sidebar,
.main-sidebar,
.content-sidebar,
.tabsSidebar,
[class*='sidebar'],
[class*='navigation'],
[class*='menuBar'] {
  background: #ffffff !important;
  border-color: var(--prudai-border) !important;
}

.sidebar a,
.tabsSidebar a,
[class*='sidebar'] a,
[class*='navigation'] a,
[class*='menuBar'] a {
  color: #334155 !important;
}

.sidebar a:hover,
.tabsSidebar a:hover,
[class*='sidebar'] a:hover,
[class*='navigation'] a:hover,
[class*='menuBar'] a:hover {
  background: #f8fafc !important;
  color: #1d4ed8 !important;
}

.active,
.is-active,
.is-selected,
.tabsSidebar-tab.is-active,
.tabsSidebar .active {
  background: #eaf1ff !important;
  color: #1d4ed8 !important;
}

.badge,
[class*='badge'] {
  border-radius: 999px !important;
}

.badge.is-success,
.badge.badge--success,
[class*='success'] {
  color: var(--prudai-success) !important;
}

.badge.is-warning,
.badge.badge--warning,
[class*='warning'] {
  color: var(--prudai-warning) !important;
}

.badge.is-danger,
.badge.badge--danger,
[class*='danger'] {
  color: var(--prudai-danger) !important;
}

.splash {
  background:
    radial-gradient(circle at top right, rgba(52, 92, 243, 0.12), transparent 30%),
    linear-gradient(180deg, #fbfdff 0%, var(--prudai-background) 100%) !important;
}

.splash > .icon-logo {
  display: none !important;
}

.splash::before {
  content: '';
  display: block;
  width: 172px;
  height: 44px;
  margin-right: 18px;
  background: url('/assets/prudai-logo.png?v=20260327-8') center/contain no-repeat;
}

.navigation,
.navigation .menu,
.navigation .menu-item,
.navigation .search,
.navigation .search-holder,
.navigation .nav-tab,
.navigation .nav-tab-close-inner,
.navigation .user-menu .list-button,
.navigation .user-menu,
.tabsSidebar-tabs,
.tabsSidebar-tab,
.tabsSidebar .sidebar,
.tabsSidebar .sidebar-header,
.tabsSidebar .sidebar-content,
.sidebar,
.sidebar-content {
  background: #ffffff !important;
  border-color: var(--prudai-border) !important;
  color: var(--prudai-text) !important;
}

.navigation,
.tabsSidebar .sidebar,
.sidebar {
  box-shadow: none !important;
}

.navigation .menu-item,
.navigation .nav-tab,
.nav-pills > li > a,
.nav-pills > li > a:focus,
.nav-pills > li > a:active,
.nav-pills .nav-pills-placeholder,
.sidebar-header-headline,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar label,
.sidebar .text-muted {
  color: #334155 !important;
}

.navigation .menu-item .icon,
.navigation .nav-tab-icon .icon,
.nav-pills > li > a > .icon,
.tabsSidebar-tab .icon,
.search .icon-magnifier,
.search .search-loader .icon {
  fill: #64748b !important;
  color: #64748b !important;
}

.navigation .menu-item:hover,
.navigation .nav-tab:hover,
.nav-pills > li:hover > a,
.tabsSidebar-tab:hover,
.navigation .user-menu .list-button:hover {
  background: #f8fafc !important;
  color: var(--prudai-primary) !important;
}

.navigation .menu-item.is-active,
.navigation .menu-item.is-hovered,
.navigation .nav-tab.is-active,
.navigation .nav-tab.nav-tab--search:hover,
.navigation .nav-tab.nav-tab--search.is-hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.tabsSidebar-tab.active {
  background: #eaf1ff !important;
  color: var(--prudai-primary) !important;
}

.navigation .menu-item.is-active .icon,
.navigation .menu-item.is-hovered .icon,
.navigation .nav-tab.is-active .nav-tab-icon .icon,
.nav-pills > li.active > a > .icon,
.tabsSidebar-tab.active .icon {
  fill: var(--prudai-primary) !important;
  color: var(--prudai-primary) !important;
}

.nav-pills.nav-stacked > li > a,
.nav-pills.nav-stacked > li > a:focus,
.nav-pills.nav-stacked > li > a:active,
.nav-pills.nav-stacked .nav-pills-placeholder {
  border-top: 1px solid #e2e8f0 !important;
}

.search input[type='search'],
.navigation .search input[type='search'] {
  background: #f8fafc !important;
  border: 1px solid #dbe3ee !important;
  color: var(--prudai-text) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.search .logo {
  width: 132px !important;
  height: 36px !important;
  margin: 0 12px 0 12px !important;
  background: url('/assets/prudai-logo.png?v=20260327-8') center/contain no-repeat !important;
}

.search .logo .icon-logo {
  display: none !important;
}

.search .logo .activity-counter {
  right: -6px !important;
  bottom: -2px !important;
  border-color: #ffffff !important;
}

.nav-tab-close-inner {
  background: rgba(15, 23, 42, 0.08) !important;
}

.nav-tab-close:hover .nav-tab-close-inner {
  background: rgba(15, 23, 42, 0.14) !important;
}

.main,
.reporting,
.reporting .table,
.reporting .table td,
.reporting .table th {
  color: var(--prudai-text) !important;
}

.reporting .nav-pills > li > a {
  color: #475569 !important;
}

.reporting .nav-pills > li.active > a,
.reporting .nav-pills > li.active > a:hover,
.reporting .nav-pills > li.active > a:focus {
  color: #ffffff !important;
  background: #334155 !important;
}

.tabsSidebar-holder > .main.no-padding.flex.tabsSidebar-sidebarSpacer.tabsSidebar-tabsSpacer {
  background: linear-gradient(180deg, #f7fbff 0%, #edf4ff 100%) !important;
}

.ticketZoom {
  min-height: calc(100vh - 132px);
  padding-bottom: 40px;
  background: linear-gradient(180deg, #f7fbff 0%, #edf4ff 100%) !important;
}

.avatar--unique {
  background-image: none !important;
  background: linear-gradient(135deg, #345cf3 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.avatar,
.avatar a,
.avatar span,
.avatar strong,
.avatar small,
.avatar--unique,
.avatar--unique a,
.avatar--unique span,
.avatar--unique strong,
.avatar--unique small {
  color: #ffffff !important;
}

.article-add .internal-border {
  border-radius: 18px !important;
  padding: 1px !important;
  margin: 0 !important;
}

.article-add.is-internal .internal-border {
  background: linear-gradient(180deg, rgba(219, 234, 254, 0.96) 0%, rgba(239, 246, 255, 0.98) 100%) !important;
  border: 1px solid #bfdbfe !important;
  box-shadow: 0 20px 38px rgba(52, 92, 243, 0.08);
}

.article-new .textBubble {
  min-height: 138px;
  padding: 14px 16px 62px !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08) !important;
}

.article-add.is-internal .textBubble {
  border-color: transparent !important;
  box-shadow: none !important;
}

.article-add .articleNewEdit-body {
  min-height: 54px !important;
  color: var(--prudai-text) !important;
}

.article-add .articleNewEdit-body:empty::before {
  content: 'Schrijf hier je bericht...';
  color: #94a3b8;
}

.article-add .article-attachment {
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 56px !important;
  padding: 12px 16px !important;
  gap: 8px !important;
  border-top: 1px solid #e2e8f0;
  border-radius: 0 0 16px 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  color: #64748b !important;
}

.article-new.prudai-chat-thread {
  width: min(940px, calc(100% - 40px));
  margin: 0 auto;
}

.article-add.prudai-chat-composer .article-attachment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px !important;
}

.article-add.is-internal .article-attachment {
  border-top-color: #dbeafe !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 252, 0.98) 100%) !important;
}

.article-add .attachmentPlaceholder {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.article-add.prudai-chat-composer .attachmentPlaceholder,
.article-add.prudai-chat-composer .attachmentUpload {
  flex: 1 1 220px;
}

.article-add .attachmentPlaceholder-hint {
  color: #64748b !important;
}

.article-add .attachmentPlaceholder-inputHolder,
.article-add .attachmentPlaceholder-label {
  color: var(--prudai-primary-dark) !important;
  font-weight: 600;
  text-decoration: none !important;
}

.article-add .attachmentPlaceholder-label:hover,
.article-add .attachmentPlaceholder-label:focus {
  color: var(--prudai-primary) !important;
}

.prudai-ticket-bottombar {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  justify-content: flex-end !important;
  width: auto !important;
  max-width: 100%;
  margin-left: auto !important;
  padding: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 12px !important;
}

.prudai-ticket-bottombar,
.prudai-ticket-bottombar > div,
.prudai-ticket-bottombar .footer-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap;
}

.prudai-ticket-bottombar > div:first-child {
  margin-right: 0 !important;
}

.prudai-ticket-bottombar button,
.prudai-ticket-bottombar a,
.prudai-ticket-bottombar [role='button'] {
  min-height: 42px;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid #dbe3ee !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #64748b !important;
  box-shadow: none !important;
}

.prudai-ticket-bottombar .js-submit,
.prudai-ticket-bottombar button[class*='submit'],
.prudai-ticket-bottombar a[class*='submit'] {
  min-width: 112px;
  border-color: var(--prudai-primary) !important;
  background: linear-gradient(135deg, var(--prudai-primary) 0%, var(--prudai-primary-light) 100%) !important;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 16px 28px rgba(52, 92, 243, 0.18) !important;
}

.prudai-ticket-bottombar .js-submit:hover,
.prudai-ticket-bottombar button[class*='submit']:hover,
.prudai-ticket-bottombar a[class*='submit']:hover {
  background: linear-gradient(135deg, var(--prudai-primary-dark) 0%, var(--prudai-primary) 100%) !important;
  box-shadow: 0 18px 32px rgba(52, 92, 243, 0.24) !important;
}

.prudai-ticket-bottombar button:not(.js-submit):hover,
.prudai-ticket-bottombar a:not(.js-submit):hover,
.prudai-ticket-bottombar [role='button']:hover {
  border-color: #c7d2fe !important;
  background: #eef2ff !important;
  color: var(--prudai-primary) !important;
}

img[src*='product_logo'],
.company-logo,
.logo img,
[class*='logo'] img {
  filter: none !important;
}
/* PRUDAI SUPPORT END */