@charset "UTF-8";
/**
 * Cross-browser focus ring for explicit focus 
 * via keyboard-based (eg Tab) navigation or the
 * .focus-visible utility class.
 */
:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.35rem #069;
}

/**
 * Remove focus ring for non-explicit scenarios.
 */
:focus:not(.focus-visible) {
  outline: 0;
  box-shadow: none;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.text-right {
  text-align: right;
}

.mud-main-content {
  height: 100%;
}

.rau-menu {
  height: 100%;
  overflow: hidden;
}
.rau-menu .rau-menu-top {
  min-height: -moz-max-content;
  min-height: max-content;
}
.rau-menu .rau-menu-top .rau-menu-top-logo {
  height: var(--mud-appbar-height);
  padding: 1rem 3.5rem 0rem 1rem;
}
.rau-menu .rau-menu-middle {
  flex-grow: 1;
  overflow-y: auto;
}
.rau-menu .rau-menu-bottom {
  min-height: -moz-max-content;
  min-height: max-content;
  padding: 0.75rem 0 0.75rem 0;
}
.rau-menu .rau-menu-bottom .rau-app-mode {
  padding: 0rem 1rem 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.rau-menu .rau-menu-bottom .rau-app-version {
  padding: 0rem 1rem 0rem 1rem;
  /*height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
  min-height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);*/
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.rau-menu .rau-menu-bottom .rau-app-version p {
  font-size: 0.75rem !important;
  margin-top: 0.1rem;
}

.rau-appbar .rau-appbar-logo {
  max-width: 130px;
  max-height: 32px;
}

.rau-stack-full {
  height: 100%;
  align-items: center;
}

.rau-stack-full-center {
  height: 100%;
  align-items: center;
  justify-content: center;
}

.rau-item-center {
  text-align: center;
}

.rau-paper-split {
  border-radius: 0;
  transition: none;
  margin-left: 1px;
}

.rau-paper-split-toolbar {
  padding-top: 48px;
}

.rau-toolbar-top {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: calc(var(--mud-zindex-appbar));
}
.rau-toolbar-top .rau-toolbar-top-back {
  margin-left: -0.85rem;
}

.rau-table .mud-table-head .mud-table-cell {
  font-weight: 700;
}

.rau-table-shadow {
  /*border: 1px solid #F1F1F2;*/
}

.rau-nav-menu-left {
  padding-bottom: 1.5rem;
}
.rau-nav-menu-left .mud-nav-link {
  align-items: center;
  font-size: 0.9rem;
  line-height: 1.5;
}
.rau-nav-menu-left .mud-icon-size-medium {
  /*font-size: 1.2rem;*/
}

.mud-dialog .mud-dialog-title {
  padding: 1.2rem 1.5rem;
  /*padding-right: 3.5rem !important;*/
}
.mud-dialog .mud-dialog-content {
  padding: 0.6rem 1.5rem;
}
.mud-dialog .mud-dialog-actions {
  padding: 1.2rem 1.5rem;
}

.mud-nav-link.active:not(.mud-nav-link-disabled) {
  /* font-weight: 500!important; */
  /*font-weight: normal !important;*/
}

.mud-navmenu.mud-navmenu-default .mud-nav-link {
  border-right-width: 2px;
  border-right-color: transparent;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
  border-right: 2px solid var(--mud-palette-tertiary);
}

.blurred-bg {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: calc(var(--mud-zindex-appbar) + 1);
}

.mud-input-helper-text .ms-auto {
  padding-left: 0.5rem;
  white-space: nowrap;
}

.rau-chip-connected {
  display: inline-flex;
  height: 18px !important;
  width: 18px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 !important;
  justify-content: center !important;
}
.rau-chip-connected .mud-chip-icon {
  margin: 0;
  margin-inline: 0;
}
.rau-chip-connected .mud-icon-root {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
.rau-chip-connected .mud-chip-content {
  margin: 0 !important;
}

.rau-content {
  padding-top: 0rem;
}

.rau-container-spacer {
  margin-top: 2rem;
}

.rau-container-last {
  padding-bottom: 120px;
}

.rau-container-loading {
  height: 100%;
}
.rau-container-loading .mud-grid-item {
  align-items: center;
  align-content: center;
}

.rau-item-first {
  padding-top: 1.5rem !important;
}

.rau-item-header {
  /*padding-top: 1.2rem !important;*/
  padding-top: 0.6rem;
  padding-bottom: 0.4rem;
}

.rau-item-after-header {
  padding-top: 1.2rem !important;
}

.rau-item-form-after-header {
  padding-top: 0.25rem !important;
}

.rau-dialog-fullscreen {
  animation-duration: 0.01s;
  /*    animation: none !important;
  box-shadow: none !important;*/
  overflow-x: hidden;
  overflow-y: hidden;
}
.rau-dialog-fullscreen .rau-item-header {
  padding-top: 1.5rem !important;
  padding-bottom: 0.4rem !important;
}
.rau-dialog-fullscreen .rau-drawer-details {
  max-width: 100% !important;
}
.rau-dialog-fullscreen .rau-drawer-details .rau-drawer-details-header {
  margin-top: 0 !important;
}
.rau-dialog-fullscreen .outline-none {
  height: 100%;
}
.rau-dialog-fullscreen .outline-none > div {
  height: 100%;
}
.rau-dialog-fullscreen .mud-dialog-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0 !important;
  justify-content: stretch;
  height: 100%;
}
.rau-dialog-fullscreen .mud-dialog-content .mud-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0 !important;
  justify-content: stretch;
  height: 100%;
}
.rau-dialog-fullscreen .mud-dialog-content .rau-dialog-title {
  flex-grow: 0;
  padding: 0.2rem 1rem 0.2rem 1rem;
}
.rau-dialog-fullscreen .mud-dialog-content .rau-dialog-content {
  flex-grow: 1;
  overflow-y: auto;
}
.rau-dialog-fullscreen .mud-dialog-content .rau-dialog-actions {
  flex-grow: 0;
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.rau-dialog-fullscreen .rau-dialog-content-in {
  position: relative;
  padding-bottom: 1rem;
  top: 1rem;
}

.rau-so-list .mud-table-row {
  vertical-align: top;
}
.rau-so-list .so-num {
  font-size: 1.2rem;
}
.rau-so-list .so-dau {
  font-size: 0.8rem;
  color: var(--mud-palette-text-secondary);
}
.rau-so-list .so-stat {
  font-size: 1rem;
  margin-top: 1rem;
}
.rau-so-list .so-dats {
  margin-top: 1rem;
}
.rau-so-list .so-clde {
  margin-top: 1rem;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: 1px dashed rgb(217, 217, 217);
}
.rau-so-list .so-afde, .rau-so-list .so-bede {
  margin-top: 1rem;
  padding: 0.5rem;
  font-size: 0.8rem;
  border: 1px dashed rgb(217, 217, 217);
}
.rau-so-list .so-cene {
  font-size: 0.8rem;
  color: var(--mud-palette-text-secondary);
}
.rau-so-list .so-c1 {
  text-align: left;
  width: 12%;
  min-width: 200px;
}
.rau-so-list .so-c2 {
  text-align: left;
  width: 18%;
  min-width: 200px;
}
.rau-so-list .so-c3 {
  text-align: left;
  width: 70%;
}
.rau-so-list .so-c34 {
  text-align: left;
  width: 50%;
}
.rau-so-list .so-c4 {
  text-align: center;
  width: 20%;
}
.rau-so-list .rau-so-el {
  border-top: 1px dashed rgb(217, 217, 217);
  margin-top: 8px;
  padding-top: 2px;
}

.rau-bck-white {
  background-color: var(--mud-palette-background);
}

.rau-bck-grey {
  background-color: var(--mud-palette-background-grey);
}

.rau-form .rau-grid > .mud-grid-item {
  padding: 10px 0px 10px 0px;
}
.rau-form .rau-grid .rau-form-group {
  background-color: var(--mud-palette-background);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.rau-form .rau-grid > .rau-form-group {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.rau-form .rau-form-group .mud-switch {
  justify-content: space-between;
  margin-left: 0 !important;
  margin-right: -10px !important;
  display: flex;
}
.rau-form .rau-form-group-link {
  cursor: pointer;
  color: var(--mud-palette-text-primary) !important;
}
.rau-form .rau-form-group-link .rau-input-empty .mud-input-root {
  opacity: 0.5;
}
.rau-form .rau-form-group-link .rau-form-group-link-arrow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--mud-palette-text-primary);
}
.rau-form .rau-form-group-link .mud-input {
  pointer-events: none !important;
  display: flex !important;
}
.rau-form .rau-form-group-link .rau-input-root-text {
  height: -moz-fit-content !important;
  height: fit-content !important;
  /*          min-height: 1.1876em;*/
}
.rau-form .rau-form-group-link:hover {
  text-decoration: none !important;
}
.rau-form .mud-input > input.mud-input-root-outlined, .rau-form div.mud-input-slot.mud-input-root-outlined {
  padding-left: 10px;
  padding-right: 10px;
}
.rau-form .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, .rau-form div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}
.rau-form .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, .rau-form div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
  padding-right: 0;
  padding-inline-end: 0;
}
.rau-form .mud-input.mud-input-outlined.mud-input-adorned-end {
  padding-right: 10px;
  padding-inline-end: 8px;
  padding-inline-start: unset;
}
.rau-form .mud-input-label-outlined.mud-input-label-margin-dense {
  transform: translate(10px, 14px) scale(1);
}
.rau-form .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .rau-form .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(6px, -6px) scale(0.75);
}
.rau-form .rau-item {
  border-bottom: 1px dotted rgba(120, 120, 120, 0.2);
}
.rau-form .rau-c1 {
  padding-right: 0;
}
.rau-form .rau-c1 .rau-r1 {
  height: 32px;
  margin-top: 0.6rem;
  justify-content: space-between !important;
  align-items: center !important;
}
.rau-form .rau-c1 .rau-r1 .mud-switch {
  margin-right: 0px;
  margin-inline-end: 0px;
}
.rau-form .rau-c2 .rau-text {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}
.rau-form .rau-item-els .rau-item-el {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.rau-form .rau-item-els .rau-item-el:only-child {
  border-bottom: none;
  padding-bottom: inherit;
  margin-bottom: inherit;
}
.rau-form .rau-item-els .rau-item-el:last-child {
  border-bottom: none;
  padding-bottom: inherit;
  margin-bottom: inherit;
}

.rau-form-actions {
  position: relative;
  top: inherit;
  align-self: flex-start;
  margin-left: 0px;
  border: 1px dashed #727272;
  padding: 15px;
  margin-top: 20px;
}

.rau-form-bottom-info h6 {
  font-size: 1rem;
}

.rau-calendar {
  background-color: transparent !important;
  padding-top: 0 !important;
}
.rau-calendar th {
  font-size: 0.8rem !important;
}
.rau-calendar td {
  font-size: 0.8rem !important;
}
.rau-calendar .mud-cal-toolbar {
  display: none;
}
.rau-calendar .mud-cal-month-dropzone {
  overflow: clip;
}
.rau-calendar .mud-cal-month-link:hover {
  background-color: transparent !important;
}
.rau-calendar .mud-drop-zone {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}
.rau-calendar .mud-drop-zone .mud-drop-item {
  height: 8px;
  width: 8px;
  align-self: flex-start;
}
.rau-calendar .mud-drop-zone .mud-drop-item .mud-cal-clickable {
  height: 8px;
  width: 8px;
}
.rau-calendar .mud-drop-zone .mud-cal-month-cell-title {
  flex: 0 1 100%;
  background-color: transparent !important;
  text-align: center;
  padding: 4px 4px 0px 4px;
}
.rau-calendar .mud-drop-zone svg.mud-icon-root {
  font-size: 8px;
  height: 8px;
  width: 8px;
}

.rau-cal-ll .ll1 {
  display: inline-block;
  font-size: 0.7rem;
}
.rau-cal-ll .ll2 {
  display: inline-block;
  font-size: 0.8rem;
}

.rau-button-group-text .mud-button-root {
  border-left: none !important;
}
.rau-button-group-text .rau-button-2r {
  padding-right: 6px !important;
  padding-left: 6px !important;
}
.rau-button-group-text .rau-button-2r svg {
  font-size: 2rem !important;
}

.rau-expand-sol .mud-expand-panel {
  font-size: 12px;
}
.rau-expand-sol .mud-expand-panel-header {
  padding: 8px 12px;
}
.rau-expand-sol .mud-expand-panel-content {
  padding: 8px 12px;
}
.rau-expand-sol .mud-button-group-root {
  margin-top: 1rem;
  justify-content: space-between;
}
.rau-expand-sol .mud-button-group-root .mud-button-root {
  border-left: none !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.rau-calendar-item {
  width: 100%;
  height: 100%;
  background: var(--mud-palette-surface);
}

.rau-btns {
  padding: 0.5rem;
  justify-content: space-between;
}
.rau-btns .mud-button-root {
  border-left: none !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.rau-global-add-btn {
  margin-right: 1rem;
  border-radius: 6px !important;
  border-style: dashed;
  padding: 4px 8px 2px 8px !important;
}

.rau-global-add-btn-mobile {
  border-radius: 6px !important;
  border-style: dashed;
  padding: 2px !important;
}

.rau-card-link .mud-card-header {
  padding-bottom: 0;
}

.rau-card-link:hover {
  text-decoration: none !important;
}
.rau-card-link:hover .rau-card {
  box-shadow: var(--mud-elevation-3);
}

.rau-card-link-in-parent .rau-card {
  box-shadow: var(--mud-elevation-1);
}
.rau-card-link-in-parent .mud-card-header {
  padding-bottom: 0;
}
.rau-card-link-in-parent .rau-card-link:hover {
  text-decoration: none !important;
}
.rau-card-link-in-parent .rau-card-link:hover .rau-card {
  box-shadow: var(--mud-elevation-4);
}

.rau-dash-el .rau-card {
  text-align: center;
  padding: 0.5rem 0 0.5rem 0;
}

.mud-dialog-width-full {
  width: calc(100% - 16px);
}

.mud-dialog {
  max-height: calc(100vh - 16px);
}

.mud-dialog-container.mud-dialog-bottomcenter {
  padding-bottom: 0px;
}

.mud-dialog-container.mud-dialog-centerright {
  padding-right: 0px;
}

.rau-dialog-action {
  width: 100%;
  animation-duration: 0.01s;
}

.rau-dialog-filter {
  width: 92%;
  height: 95%;
  animation-duration: 0.01s;
}
.rau-dialog-filter h5 {
  font-size: 1.1rem;
}
.rau-dialog-filter .outline-none {
  height: 100%;
}
.rau-dialog-filter .outline-none > div {
  height: 100%;
}
.rau-dialog-filter .mud-dialog-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0 !important;
  justify-content: stretch;
  height: 100%;
}
.rau-dialog-filter .rau-toggle-group {
  margin-top: 1rem;
}
.rau-dialog-filter .rau-toggle-group .mud-toggle-item .mud-typography-body1 {
  font-size: 0.9rem;
}
.rau-dialog-filter .rau-toggle-group .mud-toggle-item-vertical {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.rau-drawer {
  height: 100%;
  overflow: hidden;
}

.rau-drawer-main {
  height: 100%;
  overflow: hidden;
}
.rau-drawer-main .rau-drawer-main-inner {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.rau-list-v2 {
  padding: 1rem 1rem 0rem 1rem;
}
.rau-list-v2 .rau-card-link:last-child:after {
  content: "";
  width: 100%;
  height: 0.2rem;
  display: block;
}
.rau-list-v2 .mud-paper:last-child:after {
  content: "";
  width: 100%;
  height: 0.2rem;
  display: block;
}
.rau-list-v2 .rau-card-dense .mud-card-header {
  padding-bottom: 0rem;
}
.rau-list-v2 .rau-card-dense .mud-card-header h6 {
  margin-top: -0.2rem;
}
.rau-list-v2 .rau-card-dense .mud-card-header .rau-title-sm {
  font-size: 1rem;
}
.rau-list-v2 .rau-card-dense .mud-card-header .rau-title-sm span {
  font-weight: normal;
  margin-left: 0.5rem;
}

.rau-dashboard .mud-carousel .mud-icon-button .mud-icon-root {
  font-size: 1.2rem;
}
.rau-dashboard .rau-widget .mud-tabs-panels {
  border-radius: 0 !important;
}
.rau-dashboard .rau-widget .rau-widget-list-v2 .rau-card {
  border-bottom: 1px solid rgba(100, 100, 100, 0.3);
  box-shadow: none;
}
.rau-dashboard .rau-widget .rau-widget-list-v2 .rau-card-link:last-child .rau-card {
  border-bottom: none;
}
.rau-dashboard .rau-widget .rau-widget-list-v2 .mud-paper {
  border-radius: 0;
}
.rau-dashboard .rau-widget .rau-widget-list-v2 .mud-card-content {
  padding-left: 0;
  padding-right: 0;
  line-height: 120%;
}
.rau-dashboard .rau-widget .rau-widget-list-v2 .mud-grid-item {
  line-height: 1.2;
}
.rau-dashboard .rau-widget .rau-widget-list-v2 .mud-typography-body2 {
  line-height: 1.2;
}
.rau-dashboard .rau-widget .rau-widget-list-v2 .mud-text-secondary {
  line-height: 1.1;
}
.rau-dashboard .rau-widget .mud-card-header {
  padding-bottom: 0rem;
  line-height: 100%;
}
.rau-dashboard .rau-widget .mud-card-header h6 {
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
  line-height: 1.1;
  font-size: 1rem;
}
.rau-dashboard .rau-widget .mud-card-header .mud-text-secondary {
  line-height: 1;
}
.rau-dashboard .rau-widget .mud-card-header .mud-card-header-actions .mud-icon-button-size-small {
  margin-top: 0.3rem;
}

.rau-details-v2 .rau-drawer-details-tabs {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.rau-details-v2 .rau-drawer-details-inner {
  padding-top: 1rem;
  height: 100%;
}
.rau-details-v2 .rau-drawer-details-tabpanels {
  margin-top: 0px !important;
}
.rau-details-v2 .rau-details-v2-head {
  width: 100%;
}
.rau-details-v2 .rau-details-v2-inner {
  height: 100%;
}
.rau-details-v2 .rau-details-v2-head-inner {
  /*margin-top: 0px !important;*/
  margin-bottom: 0px !important;
  width: 100%;
}
.rau-details-v2 .rau-details-v2-head-header {
  width: 100%;
}
.rau-details-v2 .rau-details-v2-inner-content {
  width: 100%;
}
.rau-details-v2 .rau-details-v2-inner-panel-1 {
  border-left: 1px rgba(0, 0, 0, 0.14) dashed;
  width: 100%;
  max-width: 320px;
}
.rau-details-v2 .rau-details-v2-inner-panel-2 {
  border-left: 1px rgba(0, 0, 0, 0.14) dashed;
  width: 100%;
  max-width: 320px;
}
.rau-details-v2 .rau-drawer-main-toolbar-top .rau-chip-connected {
  display: inline-flex;
  height: 18px !important;
  width: 18px;
  margin-right: 0.2rem;
  margin-left: -0.1rem;
}
.rau-details-v2 .rau-drawer-main-toolbar-top .rau-chip-connected .mud-chip-icon {
  margin: 0;
  margin-inline: 0;
}
.rau-details-v2 .rau-drawer-main-toolbar-top .rau-chip-connected .mud-icon-root {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

/*    .rau-details-v2 {

        .rau-details-v2-head {
            width: 100%;

            .rau-details-v2-head-inner {
            }

            .rau-details-v2-head-header {
            }
        }

        .rau-details-v2-content {
            width: 100%;

            .rau-drawer-details-tabs {
                padding-top: 1rem;
            }

            .rau-drawer-details-inner {
                height: 100%;
            }

            .rau-details-v2-content-inner {
                .rau-drawer-details-tabs {
                }
            }

            .rau-details-v2-content-header {
                margin-top: 1rem;
            }
        }


    }*/
.rau-drawer-filters-always {
  position: fixed !important;
  width: 100% !important;
  max-width: 500px !important;
  top: 0 !important;
  height: 100% !important;
  z-index: calc(var(--mud-zindex-appbar) + 5) !important;
}
.rau-drawer-filters-always .rau-drawer-filters-always {
  background-color: var(--mud-palette-background-grey);
}

.rau-drawer-filters-inner {
  height: 100%;
}
.rau-drawer-filters-inner .rau-drawer-filters-header {
  margin-top: 0.5rem;
}
.rau-drawer-filters-inner .rau-container-fixed-bottom {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.rau-drawer-filters-inner .rau-drawer-filters-main {
  margin-top: 0;
  margin-bottom: 0;
}
.rau-drawer-filters-inner .rau-drawer-filters-main h6 {
  font-size: 1rem;
  margin-bottom: 0.5em;
}
.rau-drawer-filters-inner .rau-drawer-filters-main .rau-toggle-group {
  margin-top: 0.5rem;
}
.rau-drawer-filters-inner .rau-drawer-filters-main .rau-toggle-group .mud-toggle-item .mud-typography-body1 {
  font-size: 0.9rem;
}
.rau-drawer-filters-inner .rau-drawer-filters-main .rau-toggle-group .mud-toggle-item-vertical {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  border-radius: 0 !important;
}

.rau-drawer-filter-color .mud-toggle-item {
  border-left: 4px solid rgba(154, 154, 154, 0.2);
}
.rau-drawer-filter-color .dct-new {
  /*border-color: #9a9a9a;*/
  border-color: var(--mud-palette-info);
}
.rau-drawer-filter-color .dct-created {
  border-color: var(--mud-palette-info);
}
.rau-drawer-filter-color .dct-wait {
  /*border-color: #55c0fe;*/
  border-color: var(--mud-palette-tertiary);
}
.rau-drawer-filter-color .dct-act {
  /*border-color: #ffbb42;*/
  border-color: var(--mud-palette-success);
}
.rau-drawer-filter-color .dct-dis {
  border-color: var(--mud-palette-default);
}
.rau-drawer-filter-color .dct-del {
  /*border-color: #000000;*/
  border-color: var(--mud-palette-grey-light);
}
.rau-drawer-filter-color .dct-lock {
  border-color: var(--mud-palette-error);
}
.rau-drawer-filter-color .dct-reject {
  border-color: var(--mud-palette-error);
}
.rau-drawer-filter-color .dct-rdy {
  border-color: var(--mud-palette-tertiary-lighten);
}
.rau-drawer-filter-color .dct-process {
  border-color: var(--mud-palette-secondary-lighten);
}
.rau-drawer-filter-color .dct-start {
  border-color: var(--mud-palette-secondary-lighten);
}
.rau-drawer-filter-color .dct-end {
  border-color: var(--mud-palette-primary);
}
.rau-drawer-filter-color .dct-close {
  border-color: var(--mud-palette-primary);
}
.rau-drawer-filter-color .dct-abort {
  border-color: var(--mud-palette-grey-lighter);
}
.rau-drawer-filter-color .dct-cancel {
  border-color: var(--mud-palette-grey-lighter);
}
.rau-drawer-filter-color .dct-pr-sent {
  border-color: var(--mud-palette-warning);
}
.rau-drawer-filter-color .dct-pr-rej {
  border-color: var(--mud-palette-error);
}
.rau-drawer-filter-color .dct-pr-act {
  border-color: var(--mud-palette-success);
}

.rau-list-v2-color .dct-border {
  border-left: 4px solid rgba(154, 154, 154, 0.2);
}
.rau-list-v2-color .dct-border-inline {
  border-left-width: 5px;
  padding-left: 0.5rem;
}
.rau-list-v2-color .rau-chips {
  margin-top: -1rem;
  margin-bottom: 0.5rem;
  margin-left: 0.2rem;
}
.rau-list-v2-color .rau-chip-connected {
  display: inline-flex;
  height: 20px !important;
  width: 20px;
  margin-right: 0.5rem;
}
.rau-list-v2-color .rau-chip-connected .mud-chip-icon {
  margin: 0;
  margin-inline: 0;
}
.rau-list-v2-color .rau-chip-connected .mud-icon-root {
  margin: 0;
  padding: 0;
}
.rau-list-v2-color .rau-chip-message {
  margin-right: 0.5rem;
  font-size: 10px;
}
.rau-list-v2-color .rau-chip-message .mud-icon-root {
  font-size: 1rem;
  margin-left: 4px;
  margin-inline-start: -2px;
}
.rau-list-v2-color h6 {
  display: inline-block;
}
.rau-list-v2-color .dct-new .dct-border {
  /*border-left: 4px solid #9a9a9a;*/
  border-color: var(--mud-palette-info);
}
.rau-list-v2-color .dct-wait .dct-border {
  /*border-left: 4px solid #55c0fe;*/
  border-color: var(--mud-palette-tertiary);
}
.rau-list-v2-color .dct-act .dct-border {
  /*border-left: 4px solid #ffbb42;*/
  border-color: var(--mud-palette-success);
}
.rau-list-v2-color .dct-dis {
  color: var(--mud-palette-action-disabled) !important;
}
.rau-list-v2-color .dct-dis .dct-border {
  /*border-left: 4px solid #9a9a9a33;*/
  border-color: var(--mud-palette-default);
}
.rau-list-v2-color .dct-dis .mud-typography-h6 {
  color: var(--mud-palette-action-disabled) !important;
}
.rau-list-v2-color .dct-dis .mud-typography-body2 {
  color: var(--mud-palette-action-disabled) !important;
}
.rau-list-v2-color .dct-dis .mud-chip {
  background-color: var(--mud-palette-action-disabled-background) !important;
  color: var(--mud-palette-action-disabled) !important;
}
.rau-list-v2-color .dct-del .dct-border {
  /*border-left: 4px solid #000000;*/
  border-color: var(--mud-palette-grey-light);
}
.rau-list-v2-color .dct-lock .dct-border {
  /*border-left: 4px solid #dd4343;*/
  border-color: var(--mud-palette-error);
}
.rau-list-v2-color .dct-reject .dct-border {
  border-color: var(--mud-palette-error);
}
.rau-list-v2-color .dct-rdy .dct-border {
  border-color: var(--mud-palette-tertiary-lighten);
}
.rau-list-v2-color .dct-process .dct-border {
  border-color: var(--mud-palette-secondary-lighten);
}
.rau-list-v2-color .dct-created .dct-border {
  border-color: var(--mud-palette-info);
}
.rau-list-v2-color .dct-start .dct-border {
  border-color: var(--mud-palette-secondary-lighten);
}
.rau-list-v2-color .dct-end .dct-border {
  border-color: var(--mud-palette-primary);
}
.rau-list-v2-color .dct-close .dct-border {
  border-color: var(--mud-palette-primary);
}
.rau-list-v2-color .dct-abort .dct-border {
  border-color: var(--mud-palette-grey-lighter);
}
.rau-list-v2-color .dct-cancel .dct-border {
  border-color: var(--mud-palette-grey-lighter);
}
.rau-list-v2-color .dct-pr-sent .dct-border {
  border-color: var(--mud-palette-warning);
}
.rau-list-v2-color .dct-pr-rej .dct-border {
  border-color: var(--mud-palette-error);
}
.rau-list-v2-color .dct-pr-act .dct-border {
  border-color: var(--mud-palette-success);
}

.rau-drawer-details {
  /*animation: none !important;*/
}
.rau-drawer-details .rau-drawer-details-inner {
  height: 100%;
}
.rau-drawer-details .rau-drawer-details-header {
  margin-top: 0.75rem;
}
.rau-drawer-details .rau-drawer-details-header .rau-chip-connected {
  display: inline-flex;
  height: 18px !important;
  width: 18px;
  margin-right: 0.2rem;
  margin-left: -0.1rem;
}
.rau-drawer-details .rau-drawer-details-header .rau-chip-connected .mud-chip-icon {
  margin: 0;
  margin-inline: 0;
}
.rau-drawer-details .rau-drawer-details-header .rau-chip-connected .mud-icon-root {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

.rau-drawer-last-right-button {
  margin-right: 0.5rem;
}

.rau-drawer-bottom-menu {
  height: 80px !important;
}
.rau-drawer-bottom-menu .mud-button-label {
  flex-direction: column;
  font-size: 0.75rem;
  padding-top: 0.2rem;
  padding-bottom: 0rem;
}
.rau-drawer-bottom-menu .mud-button-label .mud-button-icon-start {
  margin-left: 0px;
  margin-right: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.rau-drawer-bottom-menu .mud-button-label .mud-svg-icon {
  font-size: 24px;
  margin-bottom: 0.4rem;
}

/*#svg9 {
    fill: #17b978;
    fill-opacity: 1;
}

#logo-path3 {
    fill: #17b978;
    fill-opacity: 1;
}

#logo-path6 {
    fill: #424242;
    stroke-width: 2;
    fill-opacity: 1;
}*/
.switch-jc label {
  margin-right: 0;
}

#blazor-error-ui {
  background: #b32121;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA9NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMisdojoeyJjb252ZXJ0aW5nVG9vcnMiOnsiYWRkcmVzcyI6eyJjb250cm9sIjpbIjU3YiJdfX19.LnCoHgLiY_a_idIfRsKb2ieCXWy-FZnL2RxX35Dawa);
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "Wystąpił nieoczekiwany błąd.";
}

.rau-params-table td {
  padding: 6px;
}
.rau-params-table tr td:first-of-type {
  font-weight: bold;
}

.rau-params-table-small td {
  font-size: 0.8rem;
  vertical-align: top;
}

.rau-tabs {
  /*.rau-tab {*/
  /*}*/
}
.rau-tabs .mud-tabs-toolbar {
  padding: 0.5rem 0 0.5rem 0;
}
.rau-tabs .rau-tab-badge {
  display: block;
}
.rau-tabs .rau-tab-label {
  font-size: 0.6rem;
  text-transform: uppercase;
}

.rau-tabs-content .mud-tabs-toolbar {
  display: none;
}

.rau-tabs-text .mud-chip.mud-chip-size-small {
  padding: 0 6px;
  height: 20px;
  min-width: 20px;
  font-size: 12px;
  margin-left: 0.5rem;
}

.rau-tabs-text-content .mud-tabs-toolbar {
  display: none;
}

.rau-tabs-text-content-h100 {
  height: 100%;
  overflow: hidden;
}
.rau-tabs-text-content-h100 .mud-tabs-panels {
  height: 100%;
  overflow: hidden;
}

.rau-tabs-2 .mud-tab {
  font-size: 0.75rem;
}
.rau-tabs-2 .mud-tab .mud-tab-icon-text {
  margin-right: 6px;
  margin-inline-end: 6px;
}
.rau-tabs-2 .mud-tab .mud-svg-icon {
  font-size: 1.5rem;
}

.rau-text-additional {
  font-size: 0.8rem;
  font-weight: normal;
  margin-top: 0.1rem;
}

.rau-toggle-group-vertical .mud-toggle-item .justify-center {
  justify-content: left !important;
}

.wrapLongUrls {
  /* wrap long text and urls */
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  word-wrap: break-word; /* IE 5+ */
}

.rau-list-inner-v3 .rau-list-v2 {
  padding: 0rem 0rem 0rem 0rem;
}

.rau-form-v3 .rau-grid-v3 {
  margin-left: -0.8rem;
  margin-top: -0.8rem;
  width: calc(100% + 0.8rem);
}
.rau-form-v3 .rau-grid-v3 .rau-grid-item-v3 {
  padding: 0;
  padding-left: 0.8rem;
  padding-top: 0.8rem;
}
.rau-form-v3 .rau-grid-v3 .rau-form-group-v3 {
  background-color: var(--mud-palette-background);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.rau-form-view-v3 .rau-form-group-v3 {
  background-color: var(--mud-palette-background);
  border: 1px solid rgba(120, 120, 120, 0.2);
  overflow: hidden;
}
.rau-form-view-v3 .rau-form-label {
  font-size: 1rem;
  transform: translate(0, 3px) scale(0.75);
  transform-origin: top left;
}
.rau-form-view-v3 .rau-form-value {
  font-size: 1rem;
  overflow: hidden;
  /*text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;*/
}
.rau-form-view-v3 .rau-form-value-sm {
  font-size: 0.85rem;
}

.text-dimmed {
  color: #888;
}

.text-nobreak {
  white-space: nowrap;
}

.rau-calendar-v2 .mud-cal-toolbar {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.rau-calendar-v2 .mud-cal-toolbar .mud-button {
  font-size: 0.75rem;
}
.rau-calendar-v2 .mud-cal-toolbar .mud-icon-size-medium {
  font-size: 1.25rem;
}
.rau-calendar-v2 .rau-calendar-v2-item {
  height: 100%;
  border-radius: 5px;
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.rau-calendar-v2 .rau-calendar-v2-item .l1 {
  font-size: 0.9rem;
  line-height: 1.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rau-calendar-v2 .rau-calendar-v2-item .l2 {
  font-size: 0.75rem;
  padding-top: 0.25rem;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
}
.rau-calendar-v2 .rau-calendar-v2-item .l2 .mud-icon-size-medium {
  font-size: 0.9rem;
  width: 0.9rem;
  height: 0.9rem;
  vertical-align: -0.15rem;
  padding-right: 0.1rem;
}

.rau-calendar-v2-mobile table * tr > td, .rau-calendar-v2-mobile table * tr th {
  font-size: 0.75rem !important;
}
.rau-calendar-v2-mobile .mud-chip.mud-chip-size-medium {
  font-size: 0.75rem !important;
  height: 100%;
  min-height: 24px;
}
.rau-calendar-v2-mobile .mud-cal-cell-template {
  min-height: 24px;
}
.rau-calendar-v2-mobile .mud-cal-toolbar {
  padding-top: 0 !important;
  padding-left: 0.7rem !important;
  padding-right: 1rem !important;
}
.rau-calendar-v2-mobile .mud-button {
  padding: 6px 10px;
}
.rau-calendar-v2-mobile .mud-button-group-root .mud-button {
  min-width: 20px;
}
.rau-calendar-v2-mobile .mud-button-group-root .mud-button .mud-button-label::before {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
}
.rau-calendar-v2-mobile .mud-button-group-root .mud-button .mud-button-label {
  visibility: hidden;
  position: relative;
  width: 16px;
}
.rau-calendar-v2-mobile .mud-button-group-root .mud-button:nth-child(1) .mud-button-label::before {
  content: "M";
}
.rau-calendar-v2-mobile .mud-button-group-root .mud-button:nth-child(2) .mud-button-label::before {
  content: "T";
}
.rau-calendar-v2-mobile .mud-button-group-root .mud-button:nth-child(3) .mud-button-label::before {
  content: "D";
}
.rau-calendar-v2-pure .mud-cal-toolbar {
  display: none;
}

@media (min-width: 600px) {
  .mud-dialog-width-full {
    width: calc(100% - 32px);
  }
  .mud-dialog {
    max-height: calc(100vh - var(--mud-appbar-height));
  }
  .rau-dialog-lg-normal {
    max-width: 500px;
  }
  .rau-dialog-action {
    max-width: 500px;
  }
  .mud-dialog-container.mud-dialog-bottomcenter:has(.rau-dialog-action) {
    align-items: center;
  }
  .rau-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .mud-dialog-content .rau-container {
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
  .rau-drawer-details .rau-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .rau-drawer-details .rau-drawer-details-header {
    margin-top: 0.75rem;
  }
}
@media (max-width: 1279px) {
  .rau-drawer-main {
    margin-right: 0 !important;
  }
  .rau-drawer-details {
    position: fixed !important;
    width: 100% !important;
    max-width: 500px !important;
    top: 0 !important;
    height: 100% !important;
    z-index: calc(var(--mud-zindex-appbar) + 5) !important;
  }
  .rau-drawer-details .rau-drawer-details-header {
    background-color: var(--mud-palette-background-grey);
  }
  .mud-drawer-close-persistent-right .rau-drawer-details {
    display: none;
  }
  .mud-drawer-open-persistent-right .rau-drawer-main:after {
    content: "";
    width: 100%;
    height: 100%;
    border-color: var(--mud-palette-overlay-dark);
    background-color: var(--mud-palette-overlay-dark);
    top: 0;
    left: 0;
    position: fixed;
    z-index: calc(var(--mud-zindex-appbar) + 2) !important;
  }
}
@media (max-width: 959px) {
  .rau-drawer-main {
    margin-top: 0;
  }
  .rau-drawer-main .rau-drawer-main-inner {
    padding: 0;
  }
  .rau-drawer-main .rau-drawer-main-toolbar-top {
    background-color: var(--mud-palette-background-grey);
  }
  .rau-drawer-main {
    margin-left: 0 !important;
  }
  .rau-drawer-filters {
    position: fixed !important;
    top: 0 !important;
    height: 100% !important;
    z-index: calc(var(--mud-zindex-appbar) + 5) !important;
  }
  .mud-drawer-close-persistent-left .rau-drawer-filters {
    display: none;
  }
  .mud-drawer-open-persistent-left .rau-drawer-main:after {
    content: "";
    width: 100%;
    height: 100%;
    border-color: var(--mud-palette-overlay-dark);
    background-color: var(--mud-palette-overlay-dark);
    top: 0;
    left: 0;
    position: fixed;
    z-index: calc(var(--mud-zindex-appbar) + 2) !important;
  }
}
@media (max-width: 599px) {
  .mud-snackbar-location-top-right {
    top: 12px;
    right: 12px;
    left: 12px;
  }
  .rau-dashboard .rau-container-first {
    padding-top: 2rem;
  }
  .rau-drawer-main {
    margin-top: calc(var(--mud-appbar-height) / 6);
  }
}
@media (min-width: 960px) {
  .rau-appbar .rau-appbar-logo {
    max-width: 200px;
    max-height: 40px;
  }
  .mud-main-content {
    /*padding-bottom: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4);*/
  }
  .rau-container {
    margin-top: 2rem;
    margin-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .rau-drawer-main .rau-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
  }
  .rau-drawer-main .rau-drawer-main-inner {
    padding: 1.2rem;
  }
  .rau-drawer-main .rau-drawer-main-toolbar-top {
    margin-top: 0;
    margin-bottom: 0;
  }
  .rau-drawer-main .rau-drawer-main-toolbar-top .rau-item-header {
    margin-top: -0.5rem;
  }
  .rau-drawer-main .rau-drawer-main-toolbar-top .rau-item-header .flex-row {
    min-height: 48px;
  }
  .rau-drawer-main .rau-drawer-main-toolbar-top .rau-toolbar-top-back {
    display: none;
  }
  .rau-list-v2 {
    padding: 1rem 0rem 0rem 0rem;
    gap: 0px;
  }
  .rau-list-v2 .rau-card {
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(120, 120, 120, 0.2);
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
  }
  .rau-list-v2 .rau-card .mud-card-header {
    padding: 0.75rem 0.75rem 0.75rem 1.25rem;
  }
  .rau-list-v2 .rau-card .mud-card-content {
    padding: 0.75rem 0.75rem 0.75rem 1.25rem;
  }
  .rau-list-v2 .rau-card .mud-card-content .lnk-img .mud-nav-link {
    padding: 0;
  }
  .rau-list-v2 .rau-card .mud-card-content .lnk-img .mud-nav-link .mud-nav-link-text {
    margin-left: 0;
    margin-inline-start: 0;
  }
  .rau-list-v2 .rau-inner-title {
    font-weight: bold;
  }
  .rau-list-v2 .rau-card-dense .mud-card-header {
    padding-bottom: 0rem;
  }
  .rau-list-v2 .rau-card:hover {
    color: var(--mud-palette-text-primary);
    background-color: rgba(0, 0, 0, 0.05);
  }
  .rau-list-v2 .rau-card-link:last-child:after {
    content: "";
    width: 100%;
    height: 0rem;
    display: block;
  }
  .rau-list-v2 .rau-card-selected .rau-card {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .rau-list-v2 .rau-card-read .rau-card .rau-title-sm {
    font-weight: normal;
  }
  .rau-list-v2 .rau-card-read .rau-inner-title {
    font-weight: normal;
  }
  .rau-drawer-filters {
    border-right: 1px rgba(120, 120, 120, 0.2) dashed;
    /*animation: none !important;*/
  }
  .rau-drawer-filters-inner {
    padding: 1.2rem;
  }
  .rau-drawer-filters-inner .rau-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
  }
  .rau-drawer-filters-inner .rau-container-fixed-bottom {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 0;
    padding-right: 0;
  }
  .rau-drawer-filters-inner .rau-drawer-filters-header {
    margin-top: 0;
    margin-bottom: 0;
  }
  .rau-drawer-filters-inner .rau-close-button {
    margin-right: -0.5rem;
  }
  .rau-drawer-filters-inner .rau-item-header {
    margin-top: -0.5rem;
  }
  .rau-drawer-filters-inner .rau-drawer-filters-main {
    margin-top: 0.5rem;
    margin-bottom: 0;
  }
  .rau-form .rau-grid > .mud-grid-item {
    padding: 15px 0px 15px 0px;
  }
  .rau-form .rau-c1 {
    /*padding-right: 1rem;*/
  }
  .rau-form-actions {
    position: sticky;
    top: 20px;
    align-self: flex-start;
    margin-left: 30px;
    padding: 15px;
    margin-top: -20px;
  }
  .rau-form-v2 .rau-grid > .mud-grid-item {
    padding: 0.5rem 1rem 0.5rem 1rem;
  }
  .rau-widget-scrollable-content.has-scrollbar {
    padding-right: 0.5rem;
  }
}
@media (min-width: 1280px) {
  /* Jeszcze nie gotowe... */
  /*.scroll-padding-list-xl {
          scrollbar-color: auto;
          scrollbar-width: auto;
      }

      .scroll-padding-list-xl::-webkit-scrollbar {
          //padding-right: 0.25rem;
          height: 18px !important;
          width: 18px !important;
      }

      .scroll-padding-list-xl::-webkit-scrollbar-thumb, .scroll-padding-list-xl:hover::-webkit-scrollbar-thumb {
          background-clip: content-box;
          border: 6px solid transparent;
          border-radius: 9px;
      }

      .scroll-padding-list-xl::-webkit-scrollbar-button {
          background: #f00;
          cursor: pointer;
      }*/
  .mud-dialog .mud-dialog-title {
    padding: 1.5rem 2rem;
  }
  .mud-dialog .mud-dialog-content {
    padding: 1rem 2rem;
  }
  .mud-dialog .mud-dialog-actions {
    padding: 1.5rem 2rem;
  }
  .rau-drawer-last-right-button {
    margin-right: 0;
  }
  .rau-drawer-details {
    border-left: 1px rgba(120, 120, 120, 0.2) dashed;
    /*animation: none !important;*/
  }
  .rau-drawer-details .rau-drawer-details-inner {
    padding: 1.2rem;
  }
  .rau-drawer-details .rau-container {
    margin-top: 1rem;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .rau-drawer-details .rau-drawer-details-header {
    margin-top: 0;
    margin-bottom: 0;
  }
  .rau-drawer-details .rau-close-button {
    margin-left: -0.5rem;
  }
  .rau-drawer-details .rau-item-header {
    margin-top: -0.5rem;
  }
  .rau-drawer-details .rau-drawer-details-tabs {
    margin: 0;
    padding: 0;
  }
  .rau-drawer-details .rau-drawer-details-tabpanels {
    margin: 0;
    padding: 0;
  }
  .rau-dialog-fullscreen .rau-drawer-details {
    height: 100% !important;
  }
  .rau-dialog-fullscreen .rau-drawer-details .rau-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .rau-dialog-fullscreen .rau-drawer-details .rau-drawer-details-inner {
    padding: 0;
  }
  .rau-dialog-fullscreen .rau-drawer-details .rau-drawer-details-header {
    background-color: var(--mud-palette-background-grey);
  }
  .rau-dialog-fullscreen .rau-drawer-details .rau-drawer-details-header .rau-item-header {
    padding-top: 1.5rem !important;
    padding-bottom: 0.4rem !important;
    margin-top: 0;
  }
  .rau-dialog-fullscreen .rau-drawer-details .rau-drawer-last-right-button {
    margin-right: 0.5rem;
  }
  .rau-details-v2 .rau-details-v2-inner-panel-1 {
    max-width: 400px;
  }
  .rau-details-v2 .rau-details-v2-inner-panel-2 {
    max-width: 400px;
  }
  .rau-form .rau-c1 {
    /*padding-right: 2rem;*/
  }
  .rau-form-actions {
    margin-left: 60px;
  }
}
@media (min-width: 1580px) {
  .mud-grid-item-xl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .mud-grid-item-xl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .mud-grid-item-xl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .mud-grid-item-xl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .mud-grid-item-xl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .mud-grid-item-xl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .mud-grid-item-xl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .mud-grid-item-xl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .mud-grid-item-xl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .mud-grid-item-xl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .mud-grid-item-xl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .mud-grid-item-xl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .mud-grid-item-xl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .mud-grid-item-xl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 2560px) {
  .rau-paper-split {
    max-width: 2400px;
    margin: 0 auto 0 auto;
    /* TODO: tutaj mam dylemat, czy do lewej, czy środek ;) */
    margin-left: 2px;
  }
  /*.rau-paper-split-nolimit {
          max-width: auto;
          margin: 0 auto 0 auto;
      }*/
  .rau-details-v2 .rau-details-v2-inner-panel-1 {
    max-width: 550px;
  }
  .rau-details-v2 .rau-details-v2-inner-panel-2 {
    max-width: 450px;
  }
}
@media (min-width: 1920px) {
  .mud-grid-item-xxl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .mud-grid-item-xxl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .mud-grid-item-xxl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .mud-grid-item-xxl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .mud-grid-item-xxl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .mud-grid-item-xxl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .mud-grid-item-xxl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .mud-grid-item-xxl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .mud-grid-item-xxl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .mud-grid-item-xxl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .mud-grid-item-xxl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .mud-grid-item-xxl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .mud-grid-item-xxl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .mud-grid-item-xxl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
#cookiescript_badge {
  bottom: 5.5rem !important;
  transform: rotate(90deg);
  left: -24px !important;
  padding-top: 7px !important;
  padding-bottom: 10px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

#cookiescript_badge:hover {
  padding-bottom: 10px !important;
  left: -22px !important;
}

/* Service Order Card styling for dashboard widget */
.rau-service-order-card .mud-card-content {
  padding: 12px !important;
}

/* Widget with scrollable content - universal classes */
.rau-widget-scrollable {
  display: flex;
  flex-direction: column;
}
.rau-widget-scrollable .mud-card-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.rau-widget-scrollable .mud-tabs {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.rau-widget-scrollable .rau-widget-scrollable-panel {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.rau-widget-scrollable .rau-widget-scrollable-content {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  max-height: 100%;
}

/* Widget service orders - specific height settings */
.rau-widget-service-orders {
  height: 750px;
}

@media (max-width: 1279px) {
  .rau-widget-service-orders {
    height: 500px;
  }
}
/* Widget company clients - specific height settings */
.rau-widget-company-clients {
  height: 450px;
}

@media (max-width: 1279px) {
  .rau-widget-company-clients {
    height: 350px;
  }
}
/* Widget messages - specific height settings */
.rau-widget-messages {
  max-height: 450px;
}

@media (max-width: 1279px) {
  .rau-widget-messages {
    max-height: 350px;
  }
}
/* Widget support requests - specific height settings */
.rau-widget-support-requests {
  max-height: 450px;
}

@media (max-width: 1279px) {
  .rau-widget-support-requests {
    max-height: 350px;
  }
}
/* Widget order status chart - fixed height for donut chart */
.rau-widget-order-status-chart {
  height: auto;
  min-height: 300px;
}
.rau-widget-order-status-chart .mud-card-content {
  padding: 16px;
}
.rau-widget-order-status-chart .rau-widget-chart-data .mud-typography-body2 {
  font-size: 0.8rem;
}
.rau-widget-order-status-chart .rau-widget-chart-data .e1 {
  font-size: 1rem;
}
.rau-widget-order-status-chart .rau-widget-chart-data .e4 {
  width: 2.5rem;
  text-align: right;
}

@media (max-width: 1279px) {
  .rau-widget-order-status-chart {
    min-height: 450px;
  }
}
/* Container Queries for responsive ServiceOrder dashboard cards */
/* Kontener musi mieć container-type ustawiony */
.rau-widget-service-orders .mud-tabs-toolbar {
  margin-bottom: 0.75rem;
}
.rau-widget-service-orders .mud-tabs-toolbar-inner {
  align-items: center;
}
.rau-widget-service-orders .mud-tabs-toolbar-wrapper {
  margin: 0 auto;
}
.rau-widget-service-orders .mud-tab {
  display: flex;
  flex-direction: column;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.rau-widget-service-orders .mud-tab .e0 {
  font-size: 0.65rem;
  line-height: 1.5;
  text-transform: capitalize;
}
.rau-widget-service-orders .mud-tab .e1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
}
.rau-flag-active {
  opacity: 1;
  color: var(--mud-palette-text-primary);
}

.rau-flag-inactive {
  opacity: 0.35;
  color: var(--mud-palette-text-secondary);
}

.rau-star-active {
  opacity: 1;
}

.rau-star-inactive {
  opacity: 0.15;
}

.rau-row-disabled > * {
  opacity: 0.55;
  background-color: var(--mud-palette-background-grey) !important;
}
.rau-row-disabled .rau-status-indicator,
.rau-row-disabled .rau-cs-status-indicator,
.rau-row-disabled .rau-cc-status-indicator,
.rau-row-disabled .rau-so-status-indicator {
  background-color: var(--mud-palette-grey-default) !important;
}
.rau-row-disabled .rau-cs-cell-actions,
.rau-row-disabled .rau-cc-cell-actions,
.rau-row-disabled .rau-so-cell-actions {
  opacity: 1;
}

.rau-value-hidden {
  opacity: 0.4;
}
.rau-value-hidden * {
  color: var(--mud-palette-text-disabled) !important;
}

.rau-default-badge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: var(--mud-palette-warning);
  border-radius: 50%;
  z-index: 10;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.rau-default-badge .mud-icon-root {
  font-size: 0.75rem;
  color: white;
}
.rau-default-badge.rau-default-badge-top-left {
  top: -4px;
  left: -4px;
}
.rau-default-badge.rau-default-badge-top-right {
  top: -4px;
  right: -4px;
}
.rau-default-badge.rau-default-badge-bottom-left {
  bottom: -4px;
  left: -4px;
}
.rau-default-badge.rau-default-badge-bottom-right {
  bottom: -4px;
  right: -4px;
}

.rau-fab-add {
  position: absolute !important;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.rau-fab-add .mud-fab-label .mud-icon-root {
  font-size: 1.1rem;
}
.rau-fab-add:hover {
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
  transform: scale(1.05);
}

.rau-so-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: service-order-list;
  grid-template-columns: auto auto 1fr auto auto;
  gap: 0;
}

.rau-so-list-v3 .rau-so-row-v3 {
  display: contents;
}

.rau-so-list-v3 .rau-so-row-v3:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-so-list-v3 .rau-so-row-v3.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-so-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-so-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-so-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-so-list-v3 .rau-so-row-v3:last-child .rau-so-cell-v3,
.rau-so-list-v3 .rau-card-link:last-child .rau-so-cell-v3 {
  border-bottom: none;
}

.rau-so-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-so-cell-v3.rau-so-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 0;
}

.rau-so-cell-v3.rau-so-cell-last {
  padding-right: 12px;
}

.rau-so-status-indicator {
  width: 4px;
  height: 100%;
  border-radius: 0;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: center;
  margin-right: 12px;
}

.rau-so-status-indicator[style*=border-left-color] {
  background-color: inherit;
}

.rau-so-time-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.rau-so-cell-time {
  grid-column: 1;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  min-width: 65px;
  padding-left: 4px;
}

.rau-so-cell-time .rau-so-time-date {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-so-cell-time .rau-so-time-hour {
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.3;
  white-space: nowrap;
}

.rau-so-cell-time .rau-so-time-duration {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-so-cell-status {
  grid-column: 2;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 90px;
}

.rau-so-cell-status .rau-so-status-chip {
  display: inline-flex;
  align-items: center;
  height: 24px;
  font-size: 0.7rem;
  padding: 0 8px;
  border-radius: 12px;
  white-space: nowrap;
  line-height: 1;
}

.rau-so-cell-status .rau-so-status-chip .mud-icon-root {
  font-size: 0.85rem;
  margin-right: 4px;
  margin-inline-end: 4px;
}

.rau-so-cell-status .rau-so-status-number {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  display: none;
}

.rau-so-cell-client {
  grid-column: 3;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  min-width: 0;
  overflow: hidden;
}

.rau-so-cell-client .rau-so-client-name {
  font-size: 0.9rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.rau-so-cell-client .rau-so-client-name.shared {
  font-weight: 600;
}

.rau-so-cell-client .rau-so-client-city {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  display: flex;
  align-items: center;
  gap: 2px;
}

.rau-so-cell-client .rau-so-client-city .mud-icon-root {
  font-size: 0.85rem;
}

.rau-so-cell-client .rau-so-client-status {
  display: none;
}

.rau-so-cell-client .rau-so-client-status.mud-chip {
  display: none;
  height: 20px !important;
  font-size: 0.65rem !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

.rau-so-cell-client .rau-so-client-status.mud-chip .mud-chip-content {
  padding: 0 !important;
}

.rau-so-cell-client .rau-so-client-status.mud-chip .mud-icon-root {
  display: none !important;
  font-size: 0.75rem !important;
  margin-right: 2px !important;
  margin-inline-end: 2px !important;
}

.rau-so-cell-services {
  display: none;
  position: absolute;
  visibility: hidden;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  max-width: 320px;
}

.rau-so-cell-services .rau-so-service-chip {
  display: inline-flex;
  align-items: center;
  height: 22px;
  font-size: 0.7rem;
  max-width: 140px;
  background-color: var(--mud-palette-background-grey);
  border: 1px solid var(--mud-palette-lines-default);
  border-radius: 4px;
  padding: 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}

.rau-so-cell-services .rau-so-service-more {
  background-color: var(--mud-palette-surface) !important;
  font-weight: 600;
  border-style: dashed !important;
}

.rau-so-cell-count {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 44px;
}

.rau-so-cell-count .rau-so-count-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 6px;
}

.rau-so-cell-price {
  display: none;
  position: absolute;
  visibility: hidden;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  min-width: 100px;
}

.rau-so-cell-price .rau-so-price-brutto {
  font-weight: 700;
  font-size: 1rem;
  white-space: nowrap;
}

.rau-so-cell-price .rau-so-price-netto {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-so-cell-flags {
  grid-column: 4;
  gap: 4px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.rau-so-cell-flags .mud-icon-root {
  font-size: 1.1rem;
}

.rau-so-cell-actions {
  grid-column: 5;
  justify-content: flex-end;
}

.rau-so-cell-actions .mud-icon-button {
  margin: -8px;
}

@container service-order-list (max-width: 399px) {
  .rau-so-list-v3 {
    grid-template-columns: auto 1fr auto auto auto;
  }
  .rau-so-cell-v3 {
    padding: 10px 6px;
  }
  .rau-so-cell-v3.rau-so-cell-first {
    padding-left: 10px;
  }
  .rau-so-cell-v3.rau-so-cell-last {
    padding-right: 10px;
  }
  .rau-so-cell-v3.rau-so-cell-time {
    grid-column: 1 !important;
    min-width: 55px;
  }
  .rau-so-cell-v3.rau-so-cell-time .rau-so-time-hour {
    font-size: 1rem;
  }
  .rau-so-cell-v3.rau-so-cell-status {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-client {
    grid-column: 2 !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip {
    display: inline-flex !important;
    margin-bottom: 2px !important;
    height: 20px !important;
    font-size: 0.65rem !important;
    padding: 0 6px !important;
    border-radius: 10px !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip .mud-chip-content {
    padding: 0 !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip .mud-icon-root {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-services {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-count {
    grid-column: 3 !important;
    min-width: 36px;
  }
  .rau-so-cell-v3.rau-so-cell-count .rau-so-count-badge {
    min-width: 24px;
    height: 24px;
    font-size: 0.75rem;
    padding: 0 4px;
  }
  .rau-so-cell-v3.rau-so-cell-price {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-flags {
    grid-column: 4 !important;
    flex-direction: column;
    gap: 2px;
  }
  .rau-so-cell-v3.rau-so-cell-actions {
    grid-column: 5 !important;
  }
}
@container service-order-list (min-width: 400px) and (max-width: 500px) {
  .rau-so-list-v3 {
    grid-template-columns: auto 1fr auto auto auto;
  }
  .rau-so-cell-v3.rau-so-cell-time {
    grid-column: 1 !important;
  }
  .rau-so-cell-v3.rau-so-cell-status {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-client {
    grid-column: 2 !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip {
    display: inline-flex !important;
    margin-bottom: 2px !important;
    height: 20px !important;
    font-size: 0.65rem !important;
    padding: 0 6px !important;
    border-radius: 10px !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip .mud-chip-content {
    padding: 0 !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip .mud-icon-root {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-services {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-count {
    grid-column: 3 !important;
  }
  .rau-so-cell-v3.rau-so-cell-price {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-flags {
    grid-column: 4 !important;
    flex-direction: column;
    gap: 2px;
  }
  .rau-so-cell-v3.rau-so-cell-actions {
    grid-column: 5 !important;
  }
}
@container service-order-list (min-width: 501px) and (max-width: 569px) {
  .rau-so-list-v3 {
    grid-template-columns: auto 1fr auto auto auto;
  }
  .rau-so-cell-v3.rau-so-cell-time {
    grid-column: 1 !important;
  }
  .rau-so-cell-v3.rau-so-cell-status {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-client {
    grid-column: 2 !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip {
    display: inline-flex !important;
    margin-bottom: 2px !important;
    height: 22px !important;
    font-size: 0.7rem !important;
    padding: 0 8px !important;
    border-radius: 11px !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip .mud-chip-content {
    padding: 0 !important;
  }
  .rau-so-cell-v3.rau-so-cell-client .rau-so-client-status.mud-chip .mud-icon-root {
    display: inline-flex !important;
    font-size: 0.8rem !important;
    margin-right: 3px !important;
    margin-inline-end: 3px !important;
  }
  .rau-so-cell-v3.rau-so-cell-services {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-count {
    grid-column: 3 !important;
  }
  .rau-so-cell-v3.rau-so-cell-price {
    display: none !important;
  }
  .rau-so-cell-v3.rau-so-cell-flags {
    grid-column: 4 !important;
    flex-direction: column;
    gap: 2px;
  }
  .rau-so-cell-v3.rau-so-cell-actions {
    grid-column: 5 !important;
  }
}
@container service-order-list (min-width: 570px) and (max-width: 899px) {
  .rau-so-list-v3 {
    grid-template-columns: auto auto 1fr auto minmax(90px, auto) auto auto;
  }
  .rau-so-cell-time {
    grid-column: 1;
  }
  .rau-so-cell-status {
    display: flex;
    grid-column: 2;
  }
  .rau-so-cell-status .rau-so-status-number {
    display: block;
  }
  .rau-so-cell-client {
    grid-column: 3;
  }
  .rau-so-cell-client .rau-so-client-status {
    display: none !important;
  }
  .rau-so-cell-services {
    display: none !important;
  }
  .rau-so-cell-count {
    grid-column: 4;
  }
  .rau-so-cell-price {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 5;
  }
  .rau-so-cell-flags {
    grid-column: 6;
    flex-direction: column;
    gap: 2px;
  }
  .rau-so-cell-actions {
    grid-column: 7;
  }
}
@container service-order-list (min-width: 900px) and (max-width: 999px) {
  .rau-so-list-v3 {
    grid-template-columns: auto auto 1fr minmax(0, 280px) auto minmax(90px, auto) auto auto;
  }
  .rau-so-cell-v3 {
    padding: 14px 10px;
  }
  .rau-so-cell-time {
    grid-column: 1;
  }
  .rau-so-cell-status {
    display: flex;
    grid-column: 2;
  }
  .rau-so-cell-status .rau-so-status-number {
    display: block;
  }
  .rau-so-cell-client {
    grid-column: 3;
    min-width: 120px;
  }
  .rau-so-cell-client .rau-so-client-status {
    display: none !important;
  }
  .rau-so-cell-services {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 4;
    max-width: 280px;
    justify-content: flex-end;
  }
  .rau-so-cell-count {
    grid-column: 5;
  }
  .rau-so-cell-count .rau-so-count-badge {
    min-width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
  .rau-so-cell-price {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 6;
  }
  .rau-so-cell-flags {
    grid-column: 7;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .rau-so-cell-actions {
    grid-column: 8;
  }
}
@container service-order-list (min-width: 1000px) {
  .rau-so-list-v3 {
    grid-template-columns: minmax(70px, auto) minmax(100px, auto) 1fr minmax(0, 320px) auto minmax(100px, auto) auto auto;
  }
  .rau-so-cell-v3 {
    padding: 14px 12px;
  }
  .rau-so-cell-v3.rau-so-cell-first {
    padding-left: 16px;
  }
  .rau-so-cell-v3.rau-so-cell-last {
    padding-right: 16px;
  }
  .rau-so-cell-time {
    grid-column: 1;
    min-width: 70px;
  }
  .rau-so-cell-time .rau-so-time-hour {
    font-size: 1.2rem;
  }
  .rau-so-cell-status {
    display: flex;
    grid-column: 2;
    min-width: 100px;
  }
  .rau-so-cell-status .rau-so-status-number {
    display: block;
  }
  .rau-so-cell-client {
    grid-column: 3;
    min-width: 150px;
  }
  .rau-so-cell-client .rau-so-client-status {
    display: none !important;
  }
  .rau-so-cell-services {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 4;
    max-width: 320px;
    justify-content: flex-end;
  }
  .rau-so-cell-count {
    grid-column: 5;
  }
  .rau-so-cell-count .rau-so-count-badge {
    min-width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
  .rau-so-cell-price {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 6;
  }
  .rau-so-cell-price .rau-so-price-brutto {
    font-size: 1.1rem;
  }
  .rau-so-cell-flags {
    grid-column: 7;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .rau-so-cell-actions {
    grid-column: 8;
  }
}
.rau-sr-list {
  display: grid;
  container-type: inline-size;
  container-name: support-request-list;
  grid-template-columns: auto auto 1fr auto auto auto;
  gap: 0;
}

.rau-sr-list .rau-sr-row {
  display: contents;
}

.rau-sr-list .rau-sr-row:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-sr-list .rau-sr-row.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-sr-list .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-sr-list .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-sr-list .rau-sr-row:last-child .rau-sr-cell,
.rau-sr-list .rau-card-link:last-child .rau-sr-cell {
  border-bottom: none;
}

.rau-sr-cell {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-sr-cell.rau-sr-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
}

.rau-sr-cell.rau-sr-cell-last {
  padding-right: 12px;
}

.rau-sr-status-indicator {
  width: 4px;
  border-radius: 0;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: stretch;
  margin-right: 12px;
}

.rau-sr-date-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}

.rau-sr-cell-date {
  grid-column: 1;
  min-width: 55px;
  padding-left: 4px;
}

.rau-sr-cell-date .rau-sr-time-date {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-sr-cell-date .rau-sr-time-hour {
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.3;
  white-space: nowrap;
}

.rau-sr-cell-status {
  grid-column: 2;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 90px;
}

.rau-sr-cell-status .rau-sr-status-chip {
  display: inline-flex;
  align-items: center;
  height: 24px;
  font-size: 0.7rem;
  padding: 0 8px;
  border-radius: 12px;
  white-space: nowrap;
  line-height: 1;
}

.rau-sr-cell-status .rau-sr-status-chip .mud-icon-root {
  font-size: 0.85rem;
  margin-right: 4px;
  margin-inline-end: 4px;
}

.rau-sr-cell-status .rau-sr-status-number {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  display: none;
}

.rau-sr-cell-main {
  grid-column: 3;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 120px;
  overflow: hidden;
  gap: 2px;
}

.rau-sr-cell-main .rau-sr-main-status {
  display: none;
}

.rau-sr-cell-main .rau-sr-main-status.mud-chip {
  display: none;
  height: 20px !important;
  font-size: 0.65rem !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
}

.rau-sr-cell-main .rau-sr-main-status.mud-chip .mud-chip-content {
  padding: 0 !important;
}

.rau-sr-cell-main .rau-sr-main-status.mud-chip .mud-icon-root {
  display: none !important;
  font-size: 0.75rem !important;
  margin-right: 2px !important;
  margin-inline-end: 2px !important;
}

.rau-sr-cell-main .rau-sr-title {
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-sr-cell-main .rau-sr-client-name {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.rau-sr-cell-attachments {
  grid-column: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 44px;
}

.rau-sr-cell-attachments .rau-sr-attachments-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 6px;
}

.rau-sr-cell-attachments .rau-sr-attachments-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rau-sr-cell-resource {
  grid-column: 5;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  min-width: 100px;
  gap: 0;
}

.rau-sr-cell-resource .rau-sr-resource-name {
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-sr-cell-resource .rau-sr-resource-city {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  display: flex;
  align-items: center;
  gap: 2px;
}

.rau-sr-cell-resource .rau-sr-resource-city .mud-icon-root {
  font-size: 0.85rem;
}

.rau-sr-cell-actions {
  grid-column: 6;
  justify-content: flex-end;
  min-width: 40px;
}

.rau-sr-cell-actions .mud-icon-button {
  margin: -8px;
}

@container support-request-list (min-width: 700px) {
  .rau-sr-list {
    grid-template-columns: auto auto 1fr auto minmax(100px, auto) auto;
  }
  .rau-sr-cell-date {
    grid-column: 1;
  }
  .rau-sr-cell-status {
    grid-column: 2;
  }
  .rau-sr-cell-status .rau-sr-status-number {
    display: block;
  }
  .rau-sr-cell-main {
    grid-column: 3;
  }
  .rau-sr-cell-main .rau-sr-main-status {
    display: none !important;
  }
  .rau-sr-cell-attachments {
    grid-column: 4;
  }
  .rau-sr-cell-resource {
    display: flex;
    grid-column: 5;
  }
  .rau-sr-cell-actions {
    grid-column: 6;
  }
}
@container support-request-list (min-width: 570px) and (max-width: 699px) {
  .rau-sr-list {
    grid-template-columns: auto auto 1fr auto auto;
  }
  .rau-sr-cell-date {
    grid-column: 1;
  }
  .rau-sr-cell-status {
    display: flex;
    grid-column: 2;
  }
  .rau-sr-cell-status .rau-sr-status-number {
    display: block;
  }
  .rau-sr-cell-main {
    grid-column: 3;
  }
  .rau-sr-cell-main .rau-sr-main-status {
    display: none !important;
  }
  .rau-sr-cell-attachments {
    grid-column: 4;
  }
  .rau-sr-cell-resource {
    display: none !important;
  }
  .rau-sr-cell-actions {
    grid-column: 5;
  }
}
@container support-request-list (min-width: 501px) and (max-width: 569px) {
  .rau-sr-list {
    grid-template-columns: auto auto 1fr auto auto;
  }
  .rau-sr-cell-date {
    grid-column: 1;
  }
  .rau-sr-cell-status {
    display: flex;
    grid-column: 2;
  }
  .rau-sr-cell-main {
    grid-column: 3;
  }
  .rau-sr-cell-main .rau-sr-main-status {
    display: none !important;
  }
  .rau-sr-cell-attachments {
    grid-column: 4;
  }
  .rau-sr-cell-resource {
    display: none !important;
  }
  .rau-sr-cell-actions {
    grid-column: 5;
  }
}
@container support-request-list (min-width: 400px) and (max-width: 500px) {
  .rau-sr-list {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-sr-cell-date {
    grid-column: 1;
  }
  .rau-sr-cell-status {
    display: none !important;
  }
  .rau-sr-cell-main {
    grid-column: 2;
  }
  .rau-sr-cell-main .rau-sr-main-status.mud-chip {
    display: inline-flex !important;
    margin-bottom: 2px !important;
    height: 20px !important;
    font-size: 0.65rem !important;
    padding: 0 6px !important;
    border-radius: 10px !important;
  }
  .rau-sr-cell-main .rau-sr-main-status.mud-chip .mud-chip-content {
    padding: 0 !important;
  }
  .rau-sr-cell-main .rau-sr-main-status.mud-chip .mud-icon-root {
    display: none !important;
  }
  .rau-sr-cell-attachments {
    grid-column: 3;
  }
  .rau-sr-cell-resource {
    display: none !important;
  }
  .rau-sr-cell-actions {
    grid-column: 4;
  }
}
@container support-request-list (max-width: 399px) {
  .rau-sr-list {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-sr-cell {
    padding: 10px 6px;
  }
  .rau-sr-cell.rau-sr-cell-first {
    padding-left: 0;
  }
  .rau-sr-cell.rau-sr-cell-last {
    padding-right: 10px;
  }
  .rau-sr-cell-date {
    grid-column: 1;
    min-width: 50px;
  }
  .rau-sr-cell-date .rau-sr-time-hour {
    font-size: 1rem;
  }
  .rau-sr-cell-status {
    display: none !important;
  }
  .rau-sr-cell-main {
    grid-column: 2;
  }
  .rau-sr-cell-main .rau-sr-main-status.mud-chip {
    display: inline-flex !important;
    margin-bottom: 2px !important;
    height: 18px !important;
    font-size: 0.6rem !important;
    padding: 0 5px !important;
    border-radius: 9px !important;
  }
  .rau-sr-cell-main .rau-sr-main-status.mud-chip .mud-chip-content {
    padding: 0 !important;
  }
  .rau-sr-cell-main .rau-sr-main-status.mud-chip .mud-icon-root {
    display: none !important;
  }
  .rau-sr-cell-main .rau-sr-title {
    font-size: 0.85rem;
  }
  .rau-sr-cell-main .rau-sr-client-name {
    display: none;
  }
  .rau-sr-cell-attachments {
    grid-column: 3;
    min-width: 36px;
  }
  .rau-sr-cell-attachments .rau-sr-attachments-badge {
    min-width: 24px;
    height: 24px;
    font-size: 0.75rem;
    padding: 0 4px;
  }
  .rau-sr-cell-attachments .rau-sr-attachments-badge .mud-icon-root {
    font-size: 0.8rem;
  }
  .rau-sr-cell-resource {
    display: none !important;
  }
  .rau-sr-cell-actions {
    grid-column: 4;
  }
}
.rau-connected-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--mud-palette-info);
  color: white;
  flex-shrink: 0;
}

.rau-connected-badge .mud-icon-root {
  color: white;
}

.rau-connected-badge.rau-connected-badge-sm {
  width: 18px;
  height: 18px;
}

.rau-connected-badge.rau-connected-badge-sm .mud-icon-root {
  font-size: 0.7rem;
}

.rau-connected-badge.rau-connected-badge-md {
  width: 24px;
  height: 24px;
}

.rau-connected-badge.rau-connected-badge-md .mud-icon-root {
  font-size: 0.9rem;
}

.rau-connected-badge.rau-connected-badge-lg {
  width: 32px;
  height: 32px;
}

.rau-connected-badge.rau-connected-badge-lg .mud-icon-root {
  font-size: 1.1rem;
}

.rau-cc-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: company-client-list;
  grid-template-columns: auto 1fr auto auto;
  gap: 0;
  align-content: start;
}

.rau-cc-list-v3 .rau-cc-row-v3 {
  display: contents;
}

.rau-cc-list-v3 .rau-cc-row-v3:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-cc-list-v3 .rau-cc-row-v3.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-cc-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-cc-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-cc-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-cc-list-v3 .rau-cc-row-v3:last-child .rau-cc-cell-v3,
.rau-cc-list-v3 .rau-card-link:last-child .rau-cc-cell-v3 {
  border-bottom: none;
}

.rau-cc-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-cc-cell-v3.rau-cc-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 8px;
}

.rau-cc-cell-v3.rau-cc-cell-last {
  padding-right: 12px;
}

.rau-cc-status-indicator {
  width: 4px;
  height: calc(100% - 16px);
  margin: 8px 0;
  border-radius: 2px;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: stretch;
}

.rau-cc-cell-v3.rau-cc-cell-status {
  grid-column: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  max-width: 12px;
  padding: 0 4px;
}

.rau-cc-cell-v3.rau-cc-cell-name {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  min-width: 0;
}

.rau-cc-cell-v3.rau-cc-cell-name .rau-cc-name-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.rau-cc-cell-v3.rau-cc-cell-name .rau-cc-client-name {
  display: block;
  flex-shrink: 1;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-cc-cell-v3.rau-cc-cell-name .rau-cc-contact-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
}

.rau-cc-cell-v3.rau-cc-cell-name .rau-cc-contact-item {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.rau-cc-cell-v3.rau-cc-cell-name .rau-cc-contact-item .mud-icon-root {
  font-size: 0.85rem;
  flex-shrink: 0;
}

.rau-cc-cell-v3.rau-cc-cell-name .rau-cc-contact-item span, .rau-cc-cell-v3.rau-cc-cell-name .rau-cc-contact-item a {
  overflow: hidden;
  text-overflow: ellipsis;
}

.rau-cc-cell-v3.rau-cc-cell-description {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 3;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  overflow: hidden;
  padding: 8px 12px;
}

.rau-cc-cell-v3.rau-cc-cell-description .rau-cc-description-text {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  font-style: italic;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px dashed var(--mud-palette-lines-default);
  background-color: transparent;
  max-width: 200px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.4;
  max-height: calc(2.8em + 8px);
}

.rau-cc-cell-v3.rau-cc-cell-counters {
  grid-column: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 44px;
}

.rau-cc-cell-v3.rau-cc-cell-counters .rau-cc-counter-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 6px;
}

.rau-cc-cell-v3.rau-cc-cell-counters .rau-cc-counter-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rau-cc-cell-v3.rau-cc-cell-counters .rau-cc-counter-icon {
  font-size: 0.9rem !important;
  opacity: 0.7;
}

.rau-cc-cell-v3.rau-cc-cell-actions {
  grid-column: 4;
  justify-content: flex-end;
}

.rau-cc-cell-v3.rau-cc-cell-actions .mud-icon-button {
  margin: -8px;
}

@container company-client-list (max-width: 399px) {
  .rau-cc-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-cc-cell-v3 {
    padding: 10px 6px;
  }
  .rau-cc-cell-v3.rau-cc-cell-first {
    padding-left: 6px;
  }
  .rau-cc-cell-v3.rau-cc-cell-last {
    padding-right: 10px;
  }
  .rau-cc-cell-v3.rau-cc-cell-status {
    grid-column: 1 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-name {
    grid-column: 2 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-name .rau-cc-client-name {
    font-size: 0.85rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-name .rau-cc-contact-info {
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
  }
  .rau-cc-cell-v3.rau-cc-cell-description {
    display: none !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-counters {
    grid-column: 3 !important;
    min-width: 45px;
    flex-direction: column;
    gap: 2px;
  }
  .rau-cc-cell-v3.rau-cc-cell-counters .rau-cc-counter-badge {
    min-width: 20px;
    height: 20px;
    font-size: 0.7rem;
    padding: 0 3px;
  }
  .rau-cc-cell-v3.rau-cc-cell-actions {
    grid-column: 4 !important;
  }
}
@container company-client-list (min-width: 400px) and (max-width: 549px) {
  .rau-cc-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-cc-cell-v3.rau-cc-cell-status {
    grid-column: 1 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-name {
    grid-column: 2 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-description {
    display: none !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-counters {
    grid-column: 3 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-actions {
    grid-column: 4 !important;
  }
}
@container company-client-list (min-width: 550px) and (max-width: 899px) {
  .rau-cc-list-v3 {
    grid-template-columns: auto 1fr minmax(100px, 200px) auto auto;
  }
  .rau-cc-cell-v3 {
    padding: 12px 10px;
  }
  .rau-cc-cell-v3.rau-cc-cell-status {
    grid-column: 1 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-name {
    grid-column: 2 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-name .rau-cc-client-name {
    font-size: 0.95rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-counters {
    grid-column: 4 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-actions {
    grid-column: 5 !important;
  }
}
@container company-client-list (min-width: 900px) and (max-width: 1099px) {
  .rau-cc-list-v3 {
    grid-template-columns: auto 1fr minmax(150px, 250px) auto auto;
  }
  .rau-cc-cell-v3 {
    padding: 14px 10px;
  }
  .rau-cc-cell-v3.rau-cc-cell-status {
    grid-column: 1 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-name {
    grid-column: 2 !important;
    min-width: 180px;
  }
  .rau-cc-cell-v3.rau-cc-cell-name .rau-cc-client-name {
    font-size: 0.95rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-name .rau-cc-contact-item {
    font-size: 0.8rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-counters {
    grid-column: 4 !important;
    min-width: 70px;
  }
  .rau-cc-cell-v3.rau-cc-cell-counters .rau-cc-counter-badge {
    min-width: 30px;
    height: 30px;
    font-size: 0.85rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-actions {
    grid-column: 5 !important;
  }
}
@container company-client-list (min-width: 1100px) {
  .rau-cc-list-v3 {
    grid-template-columns: auto 1fr minmax(200px, 350px) auto auto;
  }
  .rau-cc-cell-v3 {
    padding: 14px 12px;
  }
  .rau-cc-cell-v3.rau-cc-cell-first {
    padding-left: 12px;
  }
  .rau-cc-cell-v3.rau-cc-cell-last {
    padding-right: 16px;
  }
  .rau-cc-cell-v3.rau-cc-cell-status {
    grid-column: 1 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-name {
    grid-column: 2 !important;
    min-width: 200px;
  }
  .rau-cc-cell-v3.rau-cc-cell-name .rau-cc-client-name {
    font-size: 1rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-name .rau-cc-contact-item {
    font-size: 0.85rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-cc-cell-v3.rau-cc-cell-description .rau-cc-description-text {
    font-size: 0.85rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-counters {
    grid-column: 4 !important;
    min-width: 80px;
  }
  .rau-cc-cell-v3.rau-cc-cell-counters .rau-cc-counter-badge {
    min-width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
  .rau-cc-cell-v3.rau-cc-cell-actions {
    grid-column: 5 !important;
  }
}
.rau-ccm-list-container {
  container-type: inline-size;
  container-name: ccm-list;
  width: 100%;
}

.rau-ccm-list-v3 {
  display: grid;
  width: 100%;
  grid-template-columns: 70px 50px 1fr 120px 50px;
  gap: 0;
}

.rau-ccm-list-v3 .rau-ccm-row-v3 {
  display: contents;
  cursor: pointer;
}

.rau-ccm-list-v3 .rau-ccm-row-v3:hover > .rau-ccm-cell-v3 {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-ccm-list-v3 .rau-ccm-row-v3.rau-card-selected > .rau-ccm-cell-v3 {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-ccm-list-v3 .rau-ccm-row-v3:last-child > .rau-ccm-cell-v3 {
  border-bottom: none;
}

.rau-ccm-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
  cursor: pointer;
}

.rau-ccm-cell-v3.rau-ccm-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 0;
}

.rau-ccm-cell-v3.rau-ccm-cell-last {
  padding-right: 12px;
  justify-content: flex-end;
}

.rau-ccm-cell-v3.rau-ccm-cell-time {
  min-width: 70px;
}

.rau-ccm-cell-v3.rau-ccm-cell-type {
  justify-content: center;
  min-width: 40px;
}

.rau-ccm-cell-v3.rau-ccm-cell-message {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  overflow: hidden;
}

.rau-ccm-cell-v3.rau-ccm-cell-status {
  justify-content: flex-start;
  min-width: 70px;
}

.rau-ccm-cell-v3.rau-ccm-cell-actions {
  min-width: 40px;
}

.rau-ccm-unread-indicator {
  width: 4px;
  min-height: 40px;
  height: 100%;
  border-radius: 0;
  background-color: transparent;
  flex-shrink: 0;
  align-self: stretch;
  margin-right: 12px;
  transition: background-color 0.15s ease;
}

.rau-ccm-row-v3.rau-ccm-unread .rau-ccm-unread-indicator {
  background-color: var(--mud-palette-info);
}

.rau-ccm-row-v3.rau-ccm-unread .rau-ccm-time-date {
  font-weight: 700;
}

.rau-ccm-row-v3.rau-ccm-unread .rau-ccm-message-title {
  font-weight: 700;
}

.rau-ccm-row-v3.rau-ccm-unread .rau-ccm-client-name {
  font-weight: 600;
}

.rau-ccm-row-v3.rau-ccm-unread > .rau-ccm-cell-v3 {
  background-color: rgba(var(--mud-palette-info-rgb), 0.04);
}

.rau-ccm-row-v3.rau-ccm-unread:hover > .rau-ccm-cell-v3 {
  background-color: rgba(var(--mud-palette-info-rgb), 0.08);
}

.rau-ccm-time-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.rau-ccm-time-content .rau-ccm-time-date {
  font-weight: 500;
  font-size: 0.85rem;
  color: var(--mud-palette-text-primary);
}

.rau-ccm-time-content .rau-ccm-time-hour {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
}

.rau-ccm-client-name {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
}

.rau-ccm-message-title {
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--mud-palette-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.rau-ccm-message-text {
  font-size: 0.85rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.rau-ccm-status-inline {
  display: none;
  margin-bottom: 2px;
}

@container ccm-list (max-width: 600px) {
  .rau-ccm-list-v3 {
    grid-template-columns: 70px 45px 1fr 45px;
  }
  .rau-ccm-cell-status {
    display: none !important;
  }
  .rau-ccm-status-inline {
    display: block;
  }
}
@container ccm-list (max-width: 500px) {
  .rau-ccm-list-v3 {
    grid-template-columns: 70px 1fr 40px;
  }
  .rau-ccm-cell-type {
    display: none !important;
  }
  .rau-ccm-cell-status {
    display: none !important;
  }
  .rau-ccm-status-inline {
    display: block;
  }
}
.rau-cs-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: company-service-list;
  grid-template-columns: auto 1fr auto auto;
  gap: 0;
}

.rau-cs-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-cs-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-cs-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-cs-list-v3 .rau-card-link:last-child .rau-cs-cell-v3 {
  border-bottom: none;
}

.rau-cs-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-cs-cell-v3.rau-cs-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 0;
}

.rau-cs-cell-v3.rau-cs-cell-last {
  padding-right: 12px;
}

.rau-cs-status-indicator {
  width: 4px;
  height: calc(100% - 16px);
  margin: 8px 0;
  border-radius: 2px;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: stretch;
}

.rau-cs-cell-status {
  grid-column: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 40px;
  padding: 0 4px;
  gap: 12px;
}

.rau-cs-cell-status .mud-icon-root {
  font-size: 1.25rem;
  margin-left: 10px;
}

.rau-cs-cell-status .mud-icon-root:not(.mud-warning-text) {
  color: var(--mud-palette-action-disabled);
}

.rau-cs-default-badge {
  position: absolute;
  top: 4px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: var(--mud-palette-warning);
  border-radius: 50%;
  z-index: 10;
}

.rau-cs-default-badge .mud-icon-root {
  font-size: 0.6rem;
  color: white;
}

.rau-cs-cell-name {
  grid-column: 2;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
}

.rau-cs-cell-name .rau-cs-name-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.rau-cs-cell-name .rau-cs-name-short {
  font-size: 0.95rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.rau-cs-cell-name .rau-cs-name-full {
  font-size: 0.8rem;
  color: var(--mud-palette-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.rau-cs-cell-name .rau-cs-category-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
}

.rau-cs-cell-name .rau-cs-category-row .mud-icon-root {
  font-size: 0.85rem;
}

.rau-cs-cell-name .rau-cs-recurring-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rau-cs-cell-name .rau-cs-recurring-badge .mud-icon-root {
  font-size: 1rem;
  color: var(--mud-palette-info);
}

.rau-cs-cell-duration {
  display: none;
  position: absolute;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 70px;
}

.rau-cs-cell-duration .rau-cs-duration-value {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
}

.rau-cs-cell-duration .rau-cs-duration-value .mud-icon-root {
  font-size: 1rem;
  color: var(--mud-palette-text-secondary);
}

.rau-cs-cell-duration .rau-cs-duration-empty {
  font-size: 0.75rem;
  color: var(--mud-palette-text-disabled);
}

.rau-cs-cell-price {
  display: none;
  position: absolute;
  visibility: hidden;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  min-width: 100px;
}

.rau-cs-cell-price .rau-cs-price-brutto {
  font-weight: 700;
  font-size: 1rem;
  white-space: nowrap;
}

.rau-cs-cell-price .rau-cs-price-netto {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-cs-cell-price .rau-cs-price-free {
  font-size: 0.85rem;
  color: var(--mud-palette-success);
  font-weight: 500;
}

.rau-cs-cell-flags {
  grid-column: 3;
  gap: 4px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.rau-cs-cell-flags .mud-icon-root {
  font-size: 1.1rem;
}

.rau-cs-cell-actions {
  grid-column: 4;
  justify-content: flex-end;
}

.rau-cs-cell-actions .mud-icon-button {
  margin: -8px;
}

@container company-service-list (max-width: 549px) {
  .rau-cs-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-cs-cell-v3 {
    padding: 10px 6px;
  }
  .rau-cs-cell-v3.rau-cs-cell-first {
    padding-left: 0;
  }
  .rau-cs-cell-v3.rau-cs-cell-last {
    padding-right: 10px;
  }
  .rau-cs-cell-status {
    grid-column: 1 !important;
  }
  .rau-cs-cell-name {
    grid-column: 2 !important;
  }
  .rau-cs-cell-duration {
    display: none !important;
  }
  .rau-cs-cell-price {
    display: none !important;
  }
  .rau-cs-cell-flags {
    grid-column: 3 !important;
    flex-direction: column;
    gap: 2px;
  }
  .rau-cs-cell-actions {
    grid-column: 4 !important;
  }
}
@container company-service-list (min-width: 550px) and (max-width: 699px) {
  .rau-cs-list-v3 {
    grid-template-columns: auto 1fr auto minmax(80px, auto) auto auto;
  }
  .rau-cs-cell-status {
    grid-column: 1;
  }
  .rau-cs-cell-name {
    grid-column: 2;
    min-width: 120px;
  }
  .rau-cs-cell-duration {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 3;
  }
  .rau-cs-cell-price {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 4;
  }
  .rau-cs-cell-flags {
    grid-column: 5;
    flex-direction: column;
    gap: 2px;
  }
  .rau-cs-cell-actions {
    grid-column: 6;
  }
}
@container company-service-list (min-width: 700px) and (max-width: 899px) {
  .rau-cs-list-v3 {
    grid-template-columns: auto 1fr auto minmax(90px, auto) auto auto;
  }
  .rau-cs-cell-v3 {
    padding: 14px 10px;
  }
  .rau-cs-cell-status {
    grid-column: 1;
  }
  .rau-cs-cell-name {
    grid-column: 2;
    min-width: 150px;
  }
  .rau-cs-cell-duration {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 3;
  }
  .rau-cs-cell-price {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 4;
  }
  .rau-cs-cell-flags {
    grid-column: 5;
    flex-direction: column;
    gap: 2px;
  }
  .rau-cs-cell-actions {
    grid-column: 6;
  }
}
@container company-service-list (min-width: 900px) {
  .rau-cs-list-v3 {
    grid-template-columns: auto minmax(200px, 1fr) auto minmax(100px, auto) auto auto;
  }
  .rau-cs-cell-v3 {
    padding: 14px 12px;
  }
  .rau-cs-cell-v3.rau-cs-cell-first {
    padding-left: 0;
  }
  .rau-cs-cell-v3.rau-cs-cell-last {
    padding-right: 16px;
  }
  .rau-cs-cell-status {
    grid-column: 1;
  }
  .rau-cs-cell-name {
    grid-column: 2;
    min-width: 200px;
  }
  .rau-cs-cell-name .rau-cs-name-short {
    font-size: 1rem;
  }
  .rau-cs-cell-duration {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 3;
    min-width: 80px;
  }
  .rau-cs-cell-duration .rau-cs-duration-value {
    font-size: 0.9rem;
  }
  .rau-cs-cell-price {
    display: flex;
    position: static;
    visibility: visible;
    grid-column: 4;
    min-width: 110px;
  }
  .rau-cs-cell-price .rau-cs-price-brutto {
    font-size: 1.1rem;
  }
  .rau-cs-cell-flags {
    grid-column: 5;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .rau-cs-cell-actions {
    grid-column: 6;
  }
}
.rau-csu-list-v4 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.rau-csu-row-v4 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.rau-csu-row-v4:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-csu-row-v4.rau-card-selected {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-csu-row-v4:last-child {
  border-bottom: none;
}

.rau-csu-col-status {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 8px 0 8px 0;
}

.rau-csu-col-status .rau-csu-status-indicator {
  width: 4px;
  height: 100%;
  min-height: 36px;
  border-radius: 2px;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
}

.rau-csu-col-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 8px 8px 8px 4px;
}

.rau-csu-col-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 10px 8px 10px 12px;
  container-type: inline-size;
  container-name: csu-content;
}

.rau-csu-content-row1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.rau-csu-content-row2 {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed rgba(100, 100, 100, 0.15);
}

.rau-csu-info-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 120px;
}

.rau-csu-info-name .rau-csu-subscription-name {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--mud-palette-text-primary);
}

.rau-csu-info-name .rau-csu-period {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-csu-info-name .rau-csu-period .mud-icon-root {
  font-size: 0.85rem;
}

.rau-csu-info-days {
  display: flex;
  align-items: center;
}

.rau-csu-info-days .rau-csu-days-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 55px;
  height: 24px;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 0 8px;
  white-space: nowrap;
}

.rau-csu-info-days .rau-csu-days-badge.days-ok {
  background-color: rgba(76, 175, 80, 0.15);
  color: var(--mud-palette-success);
}

.rau-csu-info-days .rau-csu-days-badge.days-warning {
  background-color: rgba(255, 152, 0, 0.15);
  color: var(--mud-palette-warning-darken);
}

.rau-csu-info-days .rau-csu-days-badge.days-danger {
  background-color: rgba(244, 67, 54, 0.15);
  color: var(--mud-palette-error);
}

.rau-csu-info-days .rau-csu-days-badge.days-expired {
  background-color: rgba(158, 158, 158, 0.15);
  color: var(--mud-palette-grey-dark);
}

.rau-csu-info-price {
  display: none;
}

.rau-csu-info-price .rau-csu-price-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  min-width: 70px;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  background-color: transparent;
}

.rau-csu-info-price .rau-csu-price-badge .rau-csu-price-brutto {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--mud-palette-text-primary);
  white-space: nowrap;
}

.rau-csu-info-price .rau-csu-price-badge .rau-csu-price-netto {
  font-size: 0.6rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-csu-info-payment {
  display: none;
}

.rau-csu-info-payment .rau-csu-payment-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.7rem;
  font-weight: 500;
  white-space: nowrap;
}

.rau-csu-info-payment .rau-csu-payment-badge .mud-icon-root {
  font-size: 0.85rem;
}

.rau-csu-info-payment .rau-csu-payment-badge.paid {
  border-color: var(--mud-palette-success);
  color: var(--mud-palette-success);
}

.rau-csu-info-payment .rau-csu-payment-badge.unpaid {
  border-color: var(--mud-palette-warning);
  color: var(--mud-palette-warning-darken);
}

.rau-csu-info-payment .rau-csu-payment-badge.free {
  border-color: var(--mud-palette-info);
  color: var(--mud-palette-info);
}

.rau-csu-info-recurring {
  display: none;
}

.rau-csu-info-recurring .rau-csu-recurring-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.7rem;
  font-weight: 500;
  white-space: nowrap;
  color: var(--mud-palette-text-secondary);
}

.rau-csu-info-recurring .rau-csu-recurring-badge .mud-icon-root {
  font-size: 0.85rem;
}

.rau-csu-limit-item {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--mud-palette-text-secondary);
}

.rau-csu-limit-item .mud-icon-root {
  font-size: 0.85rem;
  opacity: 0.7;
}

.rau-csu-limit-item span {
  font-weight: 600;
  color: var(--mud-palette-text-primary);
}

@container csu-content (min-width: 450px) {
  .rau-csu-info-days {
    display: none;
  }
  .rau-csu-info-price {
    display: flex;
  }
  .rau-csu-info-payment {
    display: flex;
  }
  .rau-csu-info-recurring {
    display: flex;
  }
  .rau-csu-content-row2 {
    display: flex;
  }
}
@container csu-content (min-width: 550px) {
  .rau-csu-info-name {
    min-width: 150px;
  }
  .rau-csu-info-name .rau-csu-subscription-name {
    font-size: 0.95rem;
  }
  .rau-csu-info-price .rau-csu-price-badge {
    min-width: 80px;
  }
  .rau-csu-info-price .rau-csu-price-badge .rau-csu-price-brutto {
    font-size: 0.85rem;
  }
}
.rau-csu-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: company-subscription-list;
  grid-template-columns: auto 1fr auto auto;
  gap: 0;
}

.rau-csu-list-v3 .rau-csu-row-v3 {
  display: contents;
}

.rau-csu-list-v3 .rau-csu-row-v3:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-csu-list-v3 .rau-csu-row-v3.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-csu-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-csu-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-csu-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-csu-list-v3 .rau-csu-row-v3:last-child .rau-csu-cell-v3,
.rau-csu-list-v3 .rau-card-link:last-child .rau-csu-cell-v3 {
  border-bottom: none;
}

.rau-csu-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-csu-cell-v3.rau-csu-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 0;
}

.rau-csu-cell-v3.rau-csu-cell-last {
  padding-right: 12px;
}

.rau-csu-status-indicator {
  width: 4px;
  height: 100%;
  border-radius: 0;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: center;
  margin-right: 12px;
}

.rau-csu-cell-v3.rau-csu-cell-status {
  grid-column: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  max-width: 12px;
  padding: 0 4px;
}

.rau-csu-cell-v3.rau-csu-cell-name {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}

.rau-csu-cell-v3.rau-csu-cell-name .rau-csu-subscription-name {
  display: block;
  flex-shrink: 1;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-csu-cell-v3.rau-csu-cell-name .rau-csu-period {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-csu-cell-v3.rau-csu-cell-name .rau-csu-period .mud-icon-root {
  font-size: 0.85rem;
}

.rau-csu-cell-v3.rau-csu-cell-name .rau-csu-status-chip-inline {
  display: none;
}

.rau-csu-cell-v3.rau-csu-cell-name .rau-csu-status-chip-inline.mud-chip {
  height: 20px !important;
  font-size: 0.65rem !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  margin-top: 2px;
}

.rau-csu-cell-v3.rau-csu-cell-name .rau-csu-status-chip-inline.mud-chip .mud-chip-content {
  padding: 0 !important;
}

.rau-csu-cell-v3.rau-csu-cell-name .rau-csu-status-chip-inline.mud-chip .mud-icon-root {
  font-size: 0.75rem !important;
  margin-right: 2px !important;
}

.rau-csu-limits-row {
  display: none;
  grid-column: 1/-1;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 6px 12px 10px 16px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
}

.rau-csu-limit-item {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--mud-palette-text-secondary);
}

.rau-csu-limit-item .mud-icon-root {
  font-size: 0.85rem;
  opacity: 0.7;
}

.rau-csu-limit-item span {
  font-weight: 600;
  color: var(--mud-palette-text-primary);
}

.rau-csu-cell-v3.rau-csu-cell-limits {
  display: none !important;
  position: absolute;
  visibility: hidden;
}

.rau-csu-limit-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 32px;
  height: 28px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 6px;
  background-color: transparent;
}

.rau-csu-limit-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rau-csu-limit-badge .rau-csu-limit-value {
  font-weight: 600;
}

.rau-csu-limit-badge.limit-orders {
  border-color: var(--mud-palette-info);
}

.rau-csu-limit-badge.limit-orders .mud-icon-root {
  color: var(--mud-palette-info);
}

.rau-csu-limit-badge.limit-clients {
  border-color: var(--mud-palette-success);
}

.rau-csu-limit-badge.limit-clients .mud-icon-root {
  color: var(--mud-palette-success);
}

.rau-csu-limit-badge.limit-services {
  border-color: var(--mud-palette-warning);
}

.rau-csu-limit-badge.limit-services .mud-icon-root {
  color: var(--mud-palette-warning);
}

.rau-csu-limit-badge.limit-sms {
  border-color: var(--mud-palette-secondary);
}

.rau-csu-limit-badge.limit-sms .mud-icon-root {
  color: var(--mud-palette-secondary);
}

.rau-csu-limit-badge.limit-items {
  border-color: var(--mud-palette-tertiary);
}

.rau-csu-limit-badge.limit-items .mud-icon-root {
  color: var(--mud-palette-tertiary);
}

.rau-csu-cell-v3.rau-csu-cell-days {
  grid-column: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 70px;
}

.rau-csu-days-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 60px;
  height: 26px;
  border-radius: 13px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0 10px;
  white-space: nowrap;
}

.rau-csu-days-badge .mud-icon-root {
  font-size: 0.85rem;
}

.rau-csu-days-badge.days-ok {
  background-color: rgba(76, 175, 80, 0.15);
  color: var(--mud-palette-success);
}

.rau-csu-days-badge.days-warning {
  background-color: rgba(255, 152, 0, 0.15);
  color: var(--mud-palette-warning-darken);
}

.rau-csu-days-badge.days-danger {
  background-color: rgba(244, 67, 54, 0.15);
  color: var(--mud-palette-error);
}

.rau-csu-days-badge.days-expired {
  background-color: rgba(158, 158, 158, 0.15);
  color: var(--mud-palette-grey-dark);
}

.rau-csu-days-badge.days-unlimited {
  background-color: rgba(33, 150, 243, 0.15);
  color: var(--mud-palette-info);
}

.rau-csu-cell-v3.rau-csu-cell-price {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 4;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  min-width: 80px;
  padding: 8px 10px;
}

.rau-csu-price-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  background-color: transparent;
}

.rau-csu-price-badge .rau-csu-price-brutto {
  font-weight: 600;
  font-size: 0.85rem;
  white-space: nowrap;
  line-height: 1.2;
}

.rau-csu-price-badge .rau-csu-price-netto {
  font-size: 0.65rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  line-height: 1.2;
}

.rau-csu-cell-v3.rau-csu-cell-payment {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 5;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.rau-csu-payment-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  height: 28px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  white-space: nowrap;
  background-color: transparent;
}

.rau-csu-payment-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rau-csu-payment-badge.paid {
  border-color: var(--mud-palette-success);
  color: var(--mud-palette-success);
}

.rau-csu-payment-badge.paid .mud-icon-root {
  color: var(--mud-palette-success);
  opacity: 1;
}

.rau-csu-payment-badge.unpaid {
  border-color: var(--mud-palette-error);
  color: var(--mud-palette-error);
}

.rau-csu-payment-badge.unpaid .mud-icon-root {
  color: var(--mud-palette-error);
  opacity: 1;
}

.rau-csu-payment-badge.free {
  border-color: var(--mud-palette-info);
  color: var(--mud-palette-info);
}

.rau-csu-payment-badge.free .mud-icon-root {
  color: var(--mud-palette-info);
  opacity: 1;
}

.rau-csu-payment-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0 10px;
  border-radius: 13px;
  white-space: nowrap;
}

.rau-csu-payment-chip .mud-icon-root {
  font-size: 0.9rem;
}

.rau-csu-payment-chip.paid {
  background-color: rgba(76, 175, 80, 0.15);
  color: var(--mud-palette-success);
}

.rau-csu-payment-chip.unpaid {
  background-color: rgba(244, 67, 54, 0.15);
  color: var(--mud-palette-error);
}

.rau-csu-payment-chip.free {
  background-color: rgba(33, 150, 243, 0.15);
  color: var(--mud-palette-info);
}

.rau-csu-cell-v3.rau-csu-cell-recurring {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 6;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
}

.rau-csu-recurring-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  height: 28px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  color: var(--mud-palette-text-secondary);
  background-color: transparent;
}

.rau-csu-recurring-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rau-csu-cell-v3.rau-csu-cell-actions {
  grid-column: 4;
  justify-content: flex-end;
}

.rau-csu-cell-v3.rau-csu-cell-actions .mud-icon-button {
  margin: -8px;
}

@container company-subscription-list (max-width: 399px) {
  .rau-csu-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-csu-cell-v3 {
    padding: 10px 6px;
  }
  .rau-csu-cell-v3.rau-csu-cell-first {
    padding-left: 6px;
  }
  .rau-csu-cell-v3.rau-csu-cell-last {
    padding-right: 10px;
  }
  .rau-csu-cell-v3.rau-csu-cell-status {
    grid-column: 1 !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-name {
    grid-column: 2 !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-name .rau-csu-subscription-name {
    font-size: 0.85rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-name .rau-csu-period {
    font-size: 0.7rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-limits {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-days {
    grid-column: 3 !important;
    min-width: 55px;
  }
  .rau-csu-cell-v3.rau-csu-cell-days .rau-csu-days-badge {
    min-width: 50px;
    height: 22px;
    font-size: 0.65rem;
    padding: 0 6px;
  }
  .rau-csu-cell-v3.rau-csu-cell-price {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-payment {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-recurring {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-actions {
    grid-column: 4 !important;
  }
}
@container company-subscription-list (min-width: 400px) and (max-width: 519px) {
  .rau-csu-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-csu-cell-v3.rau-csu-cell-status {
    grid-column: 1 !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-name {
    grid-column: 2 !important;
  }
  .rau-csu-limits-row {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-days {
    grid-column: 3 !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-price {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-payment {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-recurring {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-actions {
    grid-column: 4 !important;
  }
}
@container company-subscription-list (min-width: 520px) {
  .rau-csu-list-v3 {
    grid-template-columns: auto 1fr auto auto auto auto;
  }
  .rau-csu-cell-v3 {
    padding: 12px 8px;
  }
  .rau-csu-cell-v3.rau-csu-cell-first {
    padding-left: 8px;
  }
  .rau-csu-cell-v3.rau-csu-cell-last {
    padding-right: 12px;
  }
  .rau-csu-cell-v3.rau-csu-cell-status {
    grid-column: 1 !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-name {
    grid-column: 2 !important;
    min-width: 140px;
  }
  .rau-csu-cell-v3.rau-csu-cell-name .rau-csu-subscription-name {
    font-size: 0.9rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-name .rau-csu-period {
    font-size: 0.7rem;
  }
  .rau-csu-limits-row {
    display: flex !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-days {
    display: none !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-price {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge {
    min-width: 60px;
    padding: 3px 6px;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge .rau-csu-price-brutto {
    font-size: 0.8rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge .rau-csu-price-netto {
    font-size: 0.6rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-payment {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 4 !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-payment .rau-csu-payment-badge {
    min-width: 60px;
    height: 24px;
    font-size: 0.7rem;
    padding: 0 6px;
  }
  .rau-csu-cell-v3.rau-csu-cell-payment .rau-csu-payment-badge .mud-icon-root {
    font-size: 0.8rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-recurring {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 5 !important;
  }
  .rau-csu-cell-v3.rau-csu-cell-recurring .rau-csu-recurring-badge {
    min-width: 60px;
    height: 24px;
    font-size: 0.7rem;
    padding: 0 6px;
  }
  .rau-csu-cell-v3.rau-csu-cell-recurring .rau-csu-recurring-badge .mud-icon-root {
    font-size: 0.8rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-actions {
    grid-column: 6 !important;
  }
}
@container company-subscription-list (min-width: 750px) {
  .rau-csu-cell-v3 {
    padding: 14px 10px;
  }
  .rau-csu-cell-v3.rau-csu-cell-name {
    min-width: 150px;
  }
  .rau-csu-cell-v3.rau-csu-cell-name .rau-csu-subscription-name {
    font-size: 0.95rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-name .rau-csu-period {
    font-size: 0.75rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-limits .rau-csu-limit-badge {
    min-width: 30px;
    height: 28px;
    font-size: 0.75rem;
    padding: 0 5px;
  }
  .rau-csu-cell-v3.rau-csu-cell-limits .rau-csu-limit-badge .mud-icon-root {
    font-size: 0.85rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge {
    min-width: 70px;
    padding: 4px 8px;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge .rau-csu-price-brutto {
    font-size: 0.85rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge .rau-csu-price-netto {
    font-size: 0.65rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-payment .rau-csu-payment-badge {
    min-width: 70px;
    height: 28px;
    font-size: 0.75rem;
    padding: 0 8px;
  }
  .rau-csu-cell-v3.rau-csu-cell-payment .rau-csu-payment-badge .mud-icon-root {
    font-size: 0.9rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-recurring .rau-csu-recurring-badge {
    min-width: 70px;
    height: 28px;
    font-size: 0.75rem;
    padding: 0 8px;
  }
  .rau-csu-cell-v3.rau-csu-cell-recurring .rau-csu-recurring-badge .mud-icon-root {
    font-size: 0.9rem;
  }
}
@container company-subscription-list (min-width: 1000px) {
  .rau-csu-cell-v3 {
    padding: 14px 12px;
  }
  .rau-csu-cell-v3.rau-csu-cell-first {
    padding-left: 12px;
  }
  .rau-csu-cell-v3.rau-csu-cell-last {
    padding-right: 16px;
  }
  .rau-csu-cell-v3.rau-csu-cell-name {
    min-width: 180px;
  }
  .rau-csu-cell-v3.rau-csu-cell-name .rau-csu-subscription-name {
    font-size: 1rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-name .rau-csu-period {
    font-size: 0.8rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-limits .rau-csu-limit-badge {
    min-width: 34px;
    height: 30px;
    font-size: 0.8rem;
    padding: 0 6px;
  }
  .rau-csu-cell-v3.rau-csu-cell-limits .rau-csu-limit-badge .mud-icon-root {
    font-size: 0.9rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge {
    min-width: 80px;
    padding: 5px 10px;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge .rau-csu-price-brutto {
    font-size: 0.9rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-price .rau-csu-price-badge .rau-csu-price-netto {
    font-size: 0.7rem;
  }
  .rau-csu-cell-v3.rau-csu-cell-payment .rau-csu-payment-badge {
    min-width: 80px;
    height: 30px;
    font-size: 0.8rem;
    padding: 0 10px;
  }
  .rau-csu-cell-v3.rau-csu-cell-recurring .rau-csu-recurring-badge {
    min-width: 85px;
    height: 30px;
    font-size: 0.8rem;
    padding: 0 10px;
  }
}
.rau-kb-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: knowledge-base-list;
  grid-template-columns: auto 1fr auto auto;
  gap: 0;
}

.rau-kb-list-v3 .rau-kb-row-v3 {
  display: contents;
}

.rau-kb-list-v3 .rau-kb-row-v3:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-kb-list-v3 .rau-kb-row-v3.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-kb-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-kb-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-kb-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-kb-list-v3 .rau-kb-row-v3:last-child .rau-kb-cell-v3,
.rau-kb-list-v3 .rau-card-link:last-child .rau-kb-cell-v3 {
  border-bottom: none;
}

.rau-kb-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-kb-cell-v3.rau-kb-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 0;
}

.rau-kb-cell-v3.rau-kb-cell-last {
  padding-right: 12px;
}

.rau-kb-status-indicator {
  width: 4px;
  height: calc(100% - 16px);
  margin: 8px 0;
  border-radius: 2px;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: stretch;
}

.rau-kb-cell-v3.rau-kb-cell-status {
  grid-column: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  max-width: 12px;
  padding: 0 4px;
}

.rau-kb-cell-v3.rau-kb-cell-title {
  grid-column: 2;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
}

.rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title {
  font-size: 0.9rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-kb-cell-v3.rau-kb-cell-title .rau-kb-lead {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}

.rau-kb-cell-v3.rau-kb-cell-title .rau-kb-type-chip {
  display: inline-flex;
  align-items: center;
  height: 22px;
  font-size: 0.65rem;
  padding: 0 8px;
  border-radius: 4px;
  white-space: nowrap;
  line-height: 1;
  margin-top: 4px;
  background-color: var(--mud-palette-background-grey);
  border: 1px solid var(--mud-palette-lines-default);
  color: var(--mud-palette-text-secondary);
}

.rau-kb-cell-v3.rau-kb-cell-title .rau-kb-type-chip .mud-icon-root {
  font-size: 0.75rem;
  margin-right: 4px;
  margin-inline-end: 4px;
  opacity: 0.7;
}

.rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title-status {
  display: none;
  margin-top: 4px;
}

.rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title-status.mud-chip {
  height: 20px !important;
  font-size: 0.65rem !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

.rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title-status.mud-chip .mud-chip-content {
  padding: 0 !important;
}

.rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title-status.mud-chip .mud-icon-root {
  display: none !important;
  font-size: 0.75rem !important;
  margin-right: 2px !important;
  margin-inline-end: 2px !important;
}

.rau-kb-cell-v3.rau-kb-cell-tags {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 4;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  max-width: 200px;
}

.rau-kb-cell-v3.rau-kb-cell-tags .rau-kb-tag-chip {
  display: inline-flex;
  align-items: center;
  height: 22px;
  font-size: 0.7rem;
  max-width: 100px;
  background-color: var(--mud-palette-background-grey);
  border: 1px solid var(--mud-palette-lines-default);
  border-radius: 4px;
  padding: 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}

.rau-kb-cell-v3.rau-kb-cell-tags .rau-kb-tag-more {
  background-color: var(--mud-palette-surface) !important;
  font-weight: 600;
  border-style: dashed !important;
  font-size: 0.7rem;
  padding: 0 4px;
}

.rau-kb-cell-v3.rau-kb-cell-count {
  grid-column: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 44px;
}

.rau-kb-cell-v3.rau-kb-cell-count .rau-kb-count-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 6px;
}

.rau-kb-cell-v3.rau-kb-cell-count .rau-kb-count-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
  margin-right: 4px;
}

.rau-kb-cell-v3.rau-kb-cell-date {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 5;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  min-width: 80px;
}

.rau-kb-cell-v3.rau-kb-cell-date .rau-kb-date {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-kb-cell-v3.rau-kb-cell-date .rau-kb-date-label {
  font-size: 0.65rem;
  color: var(--mud-palette-text-disabled);
  white-space: nowrap;
}

.rau-kb-cell-v3.rau-kb-cell-actions {
  grid-column: 4;
  justify-content: flex-end;
}

.rau-kb-cell-v3.rau-kb-cell-actions .mud-icon-button {
  margin: -8px;
}

@container knowledge-base-list (max-width: 399px) {
  .rau-kb-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-kb-cell-v3 {
    padding: 10px 6px;
  }
  .rau-kb-cell-v3.rau-kb-cell-first {
    padding-left: 6px;
  }
  .rau-kb-cell-v3.rau-kb-cell-last {
    padding-right: 10px;
  }
  .rau-kb-cell-v3.rau-kb-cell-status {
    grid-column: 1 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-title {
    grid-column: 2 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title {
    font-size: 0.85rem;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-lead {
    display: none;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-type-chip {
    display: none;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title-status.mud-chip {
    display: inline-flex !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-tags {
    display: none !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-count {
    grid-column: 3 !important;
    min-width: 36px;
  }
  .rau-kb-cell-v3.rau-kb-cell-count .rau-kb-count-badge {
    min-width: 24px;
    height: 24px;
    font-size: 0.75rem;
    padding: 0 4px;
  }
  .rau-kb-cell-v3.rau-kb-cell-date {
    display: none !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-actions {
    grid-column: 4 !important;
  }
}
@container knowledge-base-list (min-width: 400px) and (max-width: 549px) {
  .rau-kb-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-kb-cell-v3.rau-kb-cell-status {
    grid-column: 1 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-title {
    grid-column: 2 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-type-chip {
    display: inline-flex;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title-status {
    display: none !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-tags {
    display: none !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-count {
    grid-column: 3 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-date {
    display: none !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-actions {
    grid-column: 4 !important;
  }
}
@container knowledge-base-list (min-width: 550px) and (max-width: 699px) {
  .rau-kb-list-v3 {
    grid-template-columns: auto 1fr auto auto auto;
  }
  .rau-kb-cell-v3 {
    padding: 12px 10px;
  }
  .rau-kb-cell-v3.rau-kb-cell-status {
    grid-column: 1 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-title {
    grid-column: 2 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-type-chip {
    display: inline-flex;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title-status {
    display: none !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-tags {
    display: none !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-count {
    grid-column: 3 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-date {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 4 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-actions {
    grid-column: 5 !important;
  }
}
@container knowledge-base-list (min-width: 700px) {
  .rau-kb-list-v3 {
    grid-template-columns: auto 1fr minmax(100px, 200px) auto minmax(80px, auto) auto;
  }
  .rau-kb-cell-v3 {
    padding: 12px 12px;
  }
  .rau-kb-cell-v3.rau-kb-cell-status {
    grid-column: 1 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-title {
    grid-column: 2 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-lead {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 1.4;
    overflow: hidden;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-type-chip {
    display: inline-flex;
  }
  .rau-kb-cell-v3.rau-kb-cell-title .rau-kb-title-status {
    display: none !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-tags {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-count {
    grid-column: 4 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-date {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 5 !important;
  }
  .rau-kb-cell-v3.rau-kb-cell-actions {
    grid-column: 6 !important;
  }
}
@container knowledge-base-list (min-width: 900px) {
  .rau-kb-list-v3 {
    grid-template-columns: auto 1fr minmax(150px, 280px) auto minmax(90px, auto) auto;
  }
  .rau-kb-cell-v3.rau-kb-cell-tags {
    max-width: 280px;
  }
  .rau-kb-cell-v3.rau-kb-cell-tags .rau-kb-tag-chip {
    max-width: 120px;
  }
}
.rau-im-system-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--mud-palette-info);
  color: white;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.rau-im-system-badge .mud-icon-root {
  color: white;
  font-size: 0.75rem;
}

.rau-im-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: item-manufacturer-list;
  grid-template-columns: auto 1fr auto auto;
  gap: 0;
}

.rau-im-list-v3 .rau-im-row-v3 {
  display: contents;
}

.rau-im-list-v3 .rau-im-row-v3:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-im-list-v3 .rau-im-row-v3.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-im-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-im-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-im-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-im-list-v3 .rau-im-row-v3:last-child .rau-im-cell-v3,
.rau-im-list-v3 .rau-card-link:last-child .rau-im-cell-v3 {
  border-bottom: none;
}

.rau-im-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-im-cell-v3.rau-im-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 0;
}

.rau-im-cell-v3.rau-im-cell-last {
  padding-right: 12px;
}

.rau-im-status-indicator {
  width: 4px;
  height: calc(100% - 16px);
  margin: 8px 0;
  border-radius: 2px;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: stretch;
}

.rau-im-cell-status {
  grid-column: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 40px;
  padding: 0 4px;
  gap: 12px;
}

.rau-im-cell-status .mud-icon-root {
  font-size: 1.25rem;
  margin-left: 10px;
}

.rau-im-cell-status .mud-icon-root:not(.mud-warning-text) {
  color: var(--mud-palette-action-disabled);
}

.rau-im-cell-name {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}

.rau-im-cell-name .rau-im-name-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.rau-im-cell-name .rau-im-manufacturer-name {
  display: block;
  flex-shrink: 1;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-im-cell-name .rau-im-company-name {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.rau-im-cell-name .rau-im-company-name .mud-icon-root {
  font-size: 0.85rem;
  flex-shrink: 0;
}

.rau-im-cell-v3.rau-im-cell-description {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 3;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  overflow: hidden;
  padding: 8px 12px;
}

.rau-im-cell-v3.rau-im-cell-description .rau-im-description-text {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  font-style: italic;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px dashed var(--mud-palette-lines-default);
  background-color: transparent;
  max-width: 200px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.4;
  max-height: calc(2.8em + 8px);
}

.rau-im-cell-v3.rau-im-cell-counter {
  grid-column: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 44px;
}

.rau-im-cell-v3.rau-im-cell-counter .rau-im-counter-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 6px;
}

.rau-im-cell-v3.rau-im-cell-counter .rau-im-counter-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rau-im-cell-v3.rau-im-cell-counter .rau-im-counter-icon {
  font-size: 0.9rem !important;
  opacity: 0.7;
}

.rau-im-cell-v3.rau-im-cell-actions {
  grid-column: 4;
  justify-content: flex-end;
}

.rau-im-cell-v3.rau-im-cell-actions .mud-icon-button {
  margin: -8px;
}

@container item-manufacturer-list (max-width: 399px) {
  .rau-im-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-im-cell-v3 {
    padding: 10px 6px;
  }
  .rau-im-cell-v3.rau-im-cell-first {
    padding-left: 6px;
  }
  .rau-im-cell-v3.rau-im-cell-last {
    padding-right: 10px;
  }
  .rau-im-cell-v3.rau-im-cell-status {
    grid-column: 1 !important;
    min-width: 36px;
  }
  .rau-im-cell-v3.rau-im-cell-name {
    grid-column: 2 !important;
  }
  .rau-im-cell-v3.rau-im-cell-name .rau-im-manufacturer-name {
    font-size: 0.85rem;
  }
  .rau-im-cell-v3.rau-im-cell-description {
    display: none !important;
  }
  .rau-im-cell-v3.rau-im-cell-counter {
    grid-column: 3 !important;
    min-width: 36px;
  }
  .rau-im-cell-v3.rau-im-cell-counter .rau-im-counter-badge {
    min-width: 20px;
    height: 20px;
    font-size: 0.7rem;
    padding: 0 3px;
  }
  .rau-im-cell-v3.rau-im-cell-actions {
    grid-column: 4 !important;
  }
}
@container item-manufacturer-list (min-width: 400px) and (max-width: 549px) {
  .rau-im-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-im-cell-v3.rau-im-cell-status {
    grid-column: 1 !important;
  }
  .rau-im-cell-v3.rau-im-cell-name {
    grid-column: 2 !important;
  }
  .rau-im-cell-v3.rau-im-cell-description {
    display: none !important;
  }
  .rau-im-cell-v3.rau-im-cell-counter {
    grid-column: 3 !important;
  }
  .rau-im-cell-v3.rau-im-cell-actions {
    grid-column: 4 !important;
  }
}
@container item-manufacturer-list (min-width: 550px) and (max-width: 899px) {
  .rau-im-list-v3 {
    grid-template-columns: auto 1fr minmax(100px, 200px) auto auto;
  }
  .rau-im-cell-v3 {
    padding: 12px 10px;
  }
  .rau-im-cell-v3.rau-im-cell-status {
    grid-column: 1 !important;
    padding: 0 4px;
  }
  .rau-im-cell-v3.rau-im-cell-name {
    grid-column: 2 !important;
  }
  .rau-im-cell-v3.rau-im-cell-name .rau-im-manufacturer-name {
    font-size: 0.95rem;
  }
  .rau-im-cell-v3.rau-im-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-im-cell-v3.rau-im-cell-counter {
    grid-column: 4 !important;
  }
  .rau-im-cell-v3.rau-im-cell-actions {
    grid-column: 5 !important;
  }
}
@container item-manufacturer-list (min-width: 900px) and (max-width: 1099px) {
  .rau-im-list-v3 {
    grid-template-columns: auto 1fr minmax(150px, 250px) auto auto;
  }
  .rau-im-cell-v3 {
    padding: 14px 10px;
  }
  .rau-im-cell-v3.rau-im-cell-status {
    grid-column: 1 !important;
    padding: 0 4px;
  }
  .rau-im-cell-v3.rau-im-cell-name {
    grid-column: 2 !important;
    min-width: 180px;
  }
  .rau-im-cell-v3.rau-im-cell-name .rau-im-manufacturer-name {
    font-size: 0.95rem;
  }
  .rau-im-cell-v3.rau-im-cell-name .rau-im-company-name {
    font-size: 0.8rem;
  }
  .rau-im-cell-v3.rau-im-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-im-cell-v3.rau-im-cell-counter {
    grid-column: 4 !important;
    min-width: 70px;
  }
  .rau-im-cell-v3.rau-im-cell-counter .rau-im-counter-badge {
    min-width: 30px;
    height: 30px;
    font-size: 0.85rem;
  }
  .rau-im-cell-v3.rau-im-cell-actions {
    grid-column: 5 !important;
  }
}
@container item-manufacturer-list (min-width: 1100px) {
  .rau-im-list-v3 {
    grid-template-columns: auto 1fr minmax(200px, 350px) auto auto;
  }
  .rau-im-cell-v3 {
    padding: 14px 12px;
  }
  .rau-im-cell-v3.rau-im-cell-first {
    padding-left: 12px;
  }
  .rau-im-cell-v3.rau-im-cell-last {
    padding-right: 16px;
  }
  .rau-im-cell-v3.rau-im-cell-status {
    grid-column: 1 !important;
    padding: 0 4px;
  }
  .rau-im-cell-v3.rau-im-cell-name {
    grid-column: 2 !important;
    min-width: 200px;
  }
  .rau-im-cell-v3.rau-im-cell-name .rau-im-manufacturer-name {
    font-size: 1rem;
  }
  .rau-im-cell-v3.rau-im-cell-name .rau-im-company-name {
    font-size: 0.85rem;
  }
  .rau-im-cell-v3.rau-im-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-im-cell-v3.rau-im-cell-description .rau-im-description-text {
    font-size: 0.85rem;
  }
  .rau-im-cell-v3.rau-im-cell-counter {
    grid-column: 4 !important;
    min-width: 80px;
  }
  .rau-im-cell-v3.rau-im-cell-counter .rau-im-counter-badge {
    min-width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
  .rau-im-cell-v3.rau-im-cell-actions {
    grid-column: 5 !important;
  }
}
.rau-imo-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: item-model-list;
  grid-template-columns: auto 1fr auto auto;
  gap: 0;
}

.rau-imo-list-v3 .rau-imo-row-v3 {
  display: contents;
}

.rau-imo-list-v3 .rau-imo-row-v3:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-imo-list-v3 .rau-imo-row-v3.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-imo-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-imo-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-imo-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-imo-list-v3 .rau-imo-row-v3:last-child .rau-imo-cell-v3,
.rau-imo-list-v3 .rau-card-link:last-child .rau-imo-cell-v3 {
  border-bottom: none;
}

.rau-imo-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-imo-cell-v3.rau-imo-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 0;
}

.rau-imo-cell-v3.rau-imo-cell-last {
  padding-right: 12px;
}

.rau-imo-status-indicator {
  width: 4px;
  height: calc(100% - 16px);
  margin: 8px 0;
  border-radius: 2px;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: stretch;
}

.rau-imo-cell-v3.rau-imo-cell-status {
  grid-column: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  max-width: 12px;
  padding: 0 4px;
}

.rau-imo-cell-v3.rau-imo-cell-name {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}

.rau-imo-cell-v3.rau-imo-cell-name .rau-imo-name-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.rau-imo-cell-v3.rau-imo-cell-name .rau-imo-model-name {
  display: block;
  flex-shrink: 1;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-imo-cell-v3.rau-imo-cell-name .rau-imo-model-version {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--mud-palette-text-secondary);
  background-color: var(--mud-palette-background-grey);
  border: 1px solid var(--mud-palette-lines-default);
  border-radius: 4px;
  padding: 1px 6px;
  white-space: nowrap;
}

.rau-imo-cell-v3.rau-imo-cell-name .rau-imo-manufacturer-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.rau-imo-cell-v3.rau-imo-cell-name .rau-imo-manufacturer-name {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.rau-imo-cell-v3.rau-imo-cell-name .rau-imo-manufacturer-name .mud-icon-root {
  font-size: 0.85rem;
  flex-shrink: 0;
}

.rau-imo-cell-v3.rau-imo-cell-category {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 3;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  overflow: hidden;
  padding: 8px 12px;
}

.rau-imo-cell-v3.rau-imo-cell-category .rau-imo-category-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px dashed var(--mud-palette-lines-default);
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.rau-imo-cell-v3.rau-imo-cell-category .rau-imo-category-badge .mud-icon-root {
  font-size: 0.85rem;
  margin-right: 4px;
  flex-shrink: 0;
  opacity: 0.7;
}

.rau-imo-cell-v3.rau-imo-cell-production {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 4;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  min-width: 0;
  padding: 8px 12px;
}

.rau-imo-cell-v3.rau-imo-cell-production .rau-imo-production-dates {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rau-imo-cell-v3.rau-imo-cell-production .rau-imo-production-dates .mud-icon-root {
  font-size: 0.85rem;
  margin-right: 4px;
  vertical-align: middle;
}

.rau-imo-cell-v3.rau-imo-cell-production .rau-imo-production-label {
  font-size: 0.65rem;
  color: var(--mud-palette-text-disabled);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.rau-imo-cell-v3.rau-imo-cell-counters {
  grid-column: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 44px;
}

.rau-imo-cell-v3.rau-imo-cell-counters .rau-imo-counter-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 6px;
}

.rau-imo-cell-v3.rau-imo-cell-counters .rau-imo-counter-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rau-imo-cell-v3.rau-imo-cell-counters .rau-imo-counter-icon {
  font-size: 0.9rem !important;
  opacity: 0.7;
}

.rau-imo-cell-v3.rau-imo-cell-actions {
  grid-column: 4;
  justify-content: flex-end;
}

.rau-imo-cell-v3.rau-imo-cell-actions .mud-icon-button {
  margin: -8px;
}

@container item-model-list (max-width: 399px) {
  .rau-imo-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-imo-cell-v3 {
    padding: 10px 6px;
  }
  .rau-imo-cell-v3.rau-imo-cell-first {
    padding-left: 6px;
  }
  .rau-imo-cell-v3.rau-imo-cell-last {
    padding-right: 10px;
  }
  .rau-imo-cell-v3.rau-imo-cell-status {
    grid-column: 1 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-name {
    grid-column: 2 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-name .rau-imo-model-name {
    font-size: 0.85rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-name .rau-imo-model-version {
    font-size: 0.65rem;
    padding: 1px 4px;
  }
  .rau-imo-cell-v3.rau-imo-cell-category {
    display: none !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-production {
    display: none !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-counters {
    grid-column: 3 !important;
    min-width: 36px;
    flex-direction: column;
    gap: 2px;
  }
  .rau-imo-cell-v3.rau-imo-cell-counters .rau-imo-counter-badge {
    min-width: 20px;
    height: 20px;
    font-size: 0.7rem;
    padding: 0 3px;
  }
  .rau-imo-cell-v3.rau-imo-cell-actions {
    grid-column: 4 !important;
  }
}
@container item-model-list (min-width: 400px) and (max-width: 549px) {
  .rau-imo-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-imo-cell-v3.rau-imo-cell-status {
    grid-column: 1 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-name {
    grid-column: 2 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-category {
    display: none !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-production {
    display: none !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-counters {
    grid-column: 3 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-actions {
    grid-column: 4 !important;
  }
}
@container item-model-list (min-width: 550px) and (max-width: 699px) {
  .rau-imo-list-v3 {
    grid-template-columns: auto 1fr minmax(80px, 150px) auto auto;
  }
  .rau-imo-cell-v3 {
    padding: 12px 10px;
  }
  .rau-imo-cell-v3.rau-imo-cell-status {
    grid-column: 1 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-name {
    grid-column: 2 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-name .rau-imo-model-name {
    font-size: 0.95rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-category {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-production {
    display: none !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-counters {
    grid-column: 4 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-actions {
    grid-column: 5 !important;
  }
}
@container item-model-list (min-width: 700px) and (max-width: 899px) {
  .rau-imo-list-v3 {
    grid-template-columns: auto 1fr minmax(80px, 150px) minmax(100px, 160px) auto auto;
  }
  .rau-imo-cell-v3 {
    padding: 14px 10px;
  }
  .rau-imo-cell-v3.rau-imo-cell-status {
    grid-column: 1 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-name {
    grid-column: 2 !important;
    min-width: 180px;
  }
  .rau-imo-cell-v3.rau-imo-cell-name .rau-imo-model-name {
    font-size: 0.95rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-name .rau-imo-manufacturer-name {
    font-size: 0.8rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-category {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-production {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 4 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-counters {
    grid-column: 5 !important;
    min-width: 70px;
  }
  .rau-imo-cell-v3.rau-imo-cell-counters .rau-imo-counter-badge {
    min-width: 30px;
    height: 30px;
    font-size: 0.85rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-actions {
    grid-column: 6 !important;
  }
}
@container item-model-list (min-width: 900px) {
  .rau-imo-list-v3 {
    grid-template-columns: auto 1fr minmax(100px, 180px) minmax(120px, 180px) auto auto;
  }
  .rau-imo-cell-v3 {
    padding: 14px 12px;
  }
  .rau-imo-cell-v3.rau-imo-cell-first {
    padding-left: 12px;
  }
  .rau-imo-cell-v3.rau-imo-cell-last {
    padding-right: 16px;
  }
  .rau-imo-cell-v3.rau-imo-cell-status {
    grid-column: 1 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-name {
    grid-column: 2 !important;
    min-width: 200px;
  }
  .rau-imo-cell-v3.rau-imo-cell-name .rau-imo-model-name {
    font-size: 1rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-name .rau-imo-model-version {
    font-size: 0.75rem;
    padding: 2px 8px;
  }
  .rau-imo-cell-v3.rau-imo-cell-name .rau-imo-manufacturer-name {
    font-size: 0.85rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-category {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-category .rau-imo-category-badge {
    font-size: 0.8rem;
    max-width: 180px;
  }
  .rau-imo-cell-v3.rau-imo-cell-production {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 4 !important;
  }
  .rau-imo-cell-v3.rau-imo-cell-production .rau-imo-production-dates {
    font-size: 0.8rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-counters {
    grid-column: 5 !important;
    min-width: 80px;
  }
  .rau-imo-cell-v3.rau-imo-cell-counters .rau-imo-counter-badge {
    min-width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
  .rau-imo-cell-v3.rau-imo-cell-actions {
    grid-column: 6 !important;
  }
}
.rau-cat-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: category-list;
  grid-template-columns: auto 1fr auto auto;
  gap: 0;
}

.rau-cat-list-v3 .rau-cat-row-v3 {
  display: contents;
}

.rau-cat-list-v3 .rau-cat-row-v3:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-cat-list-v3 .rau-cat-row-v3.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-cat-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-cat-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-cat-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-cat-list-v3 .rau-cat-row-v3:last-child .rau-cat-cell-v3,
.rau-cat-list-v3 .rau-card-link:last-child .rau-cat-cell-v3 {
  border-bottom: none;
}

.rau-cat-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-cat-cell-v3.rau-cat-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 0;
}

.rau-cat-cell-v3.rau-cat-cell-last {
  padding-right: 12px;
}

.rau-cat-status-indicator {
  width: 4px;
  height: calc(100% - 16px);
  margin: 8px 0;
  border-radius: 2px;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: stretch;
}

.rau-cat-cell-status {
  grid-column: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 40px;
  padding: 0 4px;
  gap: 12px;
}

.rau-cat-cell-status .mud-icon-root {
  font-size: 1.25rem;
  margin-left: 10px;
}

.rau-cat-cell-status .mud-icon-root:not(.mud-warning-text) {
  color: var(--mud-palette-action-disabled);
}

.rau-cat-cell-name {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}

.rau-cat-cell-name .rau-cat-name-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.rau-cat-cell-name .rau-cat-category-name {
  display: block;
  flex-shrink: 1;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-cat-cell-name .rau-cat-parent-name {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}

.rau-cat-cell-name .rau-cat-parent-name .mud-icon-root {
  font-size: 0.85rem;
  flex-shrink: 0;
}

.rau-cat-cell-v3.rau-cat-cell-description {
  display: none;
  position: absolute;
  visibility: hidden;
  grid-column: 3;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  overflow: hidden;
  padding: 8px 12px;
}

.rau-cat-cell-v3.rau-cat-cell-description .rau-cat-description-text {
  font-size: 0.75rem;
  color: var(--mud-palette-text-secondary);
  font-style: italic;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px dashed var(--mud-palette-lines-default);
  background-color: transparent;
  max-width: 200px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.4;
  max-height: calc(2.8em + 8px);
}

.rau-cat-cell-v3.rau-cat-cell-counter {
  grid-column: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 44px;
}

.rau-cat-cell-v3.rau-cat-cell-counter .rau-cat-counter-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px dashed var(--mud-palette-lines-default);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 6px;
}

.rau-cat-cell-v3.rau-cat-cell-counter .rau-cat-counter-badge .mud-icon-root {
  font-size: 0.9rem;
  opacity: 0.7;
}

.rau-cat-cell-v3.rau-cat-cell-counter .rau-cat-counter-icon {
  font-size: 0.9rem !important;
  opacity: 0.7;
}

.rau-cat-cell-v3.rau-cat-cell-actions {
  grid-column: 4;
  justify-content: flex-end;
}

.rau-cat-cell-v3.rau-cat-cell-actions .mud-icon-button {
  margin: -8px;
}

@container category-list (max-width: 399px) {
  .rau-cat-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-cat-cell-v3 {
    padding: 10px 6px;
  }
  .rau-cat-cell-v3.rau-cat-cell-first {
    padding-left: 6px;
  }
  .rau-cat-cell-v3.rau-cat-cell-last {
    padding-right: 10px;
  }
  .rau-cat-cell-v3.rau-cat-cell-status {
    grid-column: 1 !important;
    min-width: 36px;
  }
  .rau-cat-cell-v3.rau-cat-cell-name {
    grid-column: 2 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-name .rau-cat-category-name {
    font-size: 0.85rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-description {
    display: none !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-counter {
    grid-column: 3 !important;
    min-width: 36px;
  }
  .rau-cat-cell-v3.rau-cat-cell-counter .rau-cat-counter-badge {
    min-width: 20px;
    height: 20px;
    font-size: 0.7rem;
    padding: 0 3px;
  }
  .rau-cat-cell-v3.rau-cat-cell-actions {
    grid-column: 4 !important;
  }
}
@container category-list (min-width: 400px) and (max-width: 549px) {
  .rau-cat-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-cat-cell-v3.rau-cat-cell-status {
    grid-column: 1 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-name {
    grid-column: 2 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-description {
    display: none !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-counter {
    grid-column: 3 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-actions {
    grid-column: 4 !important;
  }
}
@container category-list (min-width: 550px) and (max-width: 899px) {
  .rau-cat-list-v3 {
    grid-template-columns: auto 1fr minmax(100px, 200px) auto auto;
  }
  .rau-cat-cell-v3 {
    padding: 12px 10px;
  }
  .rau-cat-cell-v3.rau-cat-cell-status {
    grid-column: 1 !important;
    padding: 0 4px;
  }
  .rau-cat-cell-v3.rau-cat-cell-name {
    grid-column: 2 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-name .rau-cat-category-name {
    font-size: 0.95rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-counter {
    grid-column: 4 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-actions {
    grid-column: 5 !important;
  }
}
@container category-list (min-width: 900px) and (max-width: 1099px) {
  .rau-cat-list-v3 {
    grid-template-columns: auto 1fr minmax(150px, 250px) auto auto;
  }
  .rau-cat-cell-v3 {
    padding: 14px 10px;
  }
  .rau-cat-cell-v3.rau-cat-cell-status {
    grid-column: 1 !important;
    padding: 0 4px;
  }
  .rau-cat-cell-v3.rau-cat-cell-name {
    grid-column: 2 !important;
    min-width: 180px;
  }
  .rau-cat-cell-v3.rau-cat-cell-name .rau-cat-category-name {
    font-size: 0.95rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-name .rau-cat-parent-name {
    font-size: 0.8rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-counter {
    grid-column: 4 !important;
    min-width: 70px;
  }
  .rau-cat-cell-v3.rau-cat-cell-counter .rau-cat-counter-badge {
    min-width: 30px;
    height: 30px;
    font-size: 0.85rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-actions {
    grid-column: 5 !important;
  }
}
@container category-list (min-width: 1100px) {
  .rau-cat-list-v3 {
    grid-template-columns: auto 1fr minmax(200px, 350px) auto auto;
  }
  .rau-cat-cell-v3 {
    padding: 14px 12px;
  }
  .rau-cat-cell-v3.rau-cat-cell-first {
    padding-left: 12px;
  }
  .rau-cat-cell-v3.rau-cat-cell-last {
    padding-right: 16px;
  }
  .rau-cat-cell-v3.rau-cat-cell-status {
    grid-column: 1 !important;
    padding: 0 4px;
  }
  .rau-cat-cell-v3.rau-cat-cell-name {
    grid-column: 2 !important;
    min-width: 200px;
  }
  .rau-cat-cell-v3.rau-cat-cell-name .rau-cat-category-name {
    font-size: 1rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-name .rau-cat-parent-name {
    font-size: 0.85rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-description {
    display: flex !important;
    position: static !important;
    visibility: visible !important;
    grid-column: 3 !important;
  }
  .rau-cat-cell-v3.rau-cat-cell-description .rau-cat-description-text {
    font-size: 0.85rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-counter {
    grid-column: 4 !important;
    min-width: 80px;
  }
  .rau-cat-cell-v3.rau-cat-cell-counter .rau-cat-counter-badge {
    min-width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
  .rau-cat-cell-v3.rau-cat-cell-actions {
    grid-column: 5 !important;
  }
}
.rau-cmt-list-v3 {
  display: grid;
  container-type: inline-size;
  container-name: company-message-template-list;
  grid-template-columns: auto 1fr auto;
  gap: 0;
}

.rau-cmt-list-v3 .rau-cmt-row-v3 {
  display: contents;
}

.rau-cmt-list-v3 .rau-cmt-row-v3:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-cmt-list-v3 .rau-cmt-row-v3.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-cmt-list-v3 .rau-card-link {
  display: contents;
  cursor: pointer;
}

.rau-cmt-list-v3 .rau-card-link:hover > * {
  background-color: rgba(0, 0, 0, 0.03);
}

.rau-cmt-list-v3 .rau-card-link.rau-card-selected > * {
  background-color: rgba(0, 0, 0, 0.06);
}

.rau-cmt-list-v3 .rau-cmt-row-v3:last-child .rau-cmt-cell-v3,
.rau-cmt-list-v3 .rau-card-link:last-child .rau-cmt-cell-v3 {
  border-bottom: none;
}

.rau-cmt-cell-v3 {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px 8px;
  background: var(--mud-palette-surface);
  border-bottom: 1px solid rgba(100, 100, 100, 0.15);
  transition: background-color 0.15s ease;
}

.rau-cmt-cell-v3.rau-cmt-cell-first {
  padding-left: 0;
  position: relative;
  flex-direction: row;
  gap: 8px;
}

.rau-cmt-cell-v3.rau-cmt-cell-last {
  padding-right: 12px;
}

.rau-cmt-status-indicator {
  width: 4px;
  height: calc(100% - 16px);
  margin: 8px 0;
  border-radius: 2px;
  background-color: var(--mud-palette-grey-light);
  flex-shrink: 0;
  align-self: stretch;
}

.rau-cmt-cell-v3.rau-cmt-cell-status {
  grid-column: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  max-width: 12px;
  padding: 0 4px;
}

.rau-cmt-cell-v3.rau-cmt-cell-name {
  grid-column: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
}

.rau-cmt-cell-v3.rau-cmt-cell-name .rau-cmt-template-name {
  display: block;
  flex-shrink: 1;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  color: var(--mud-palette-text-primary);
}

.rau-cmt-cell-v3.rau-cmt-cell-name .rau-cmt-type-icon {
  flex-shrink: 0;
}

.rau-cmt-cell-v3.rau-cmt-cell-type {
  grid-column: 3;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 12px 16px;
}

.rau-cmt-cell-v3.rau-cmt-cell-type .rau-cmt-type-label {
  font-size: 0.8rem;
  color: var(--mud-palette-text-secondary);
  white-space: nowrap;
}

.rau-cmt-cell-v3.rau-cmt-cell-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  padding-right: 8px;
}

@container company-message-template-list (min-width: 600px) {
  .rau-cmt-list-v3 {
    grid-template-columns: auto 1fr auto auto;
  }
  .rau-cmt-cell-v3.rau-cmt-cell-type {
    display: flex;
  }
  .rau-cmt-cell-v3.rau-cmt-cell-name .rau-cmt-type-icon {
    display: none;
  }
  .rau-cmt-cell-v3.rau-cmt-cell-actions {
    grid-column: 4;
  }
}
.rau-so-dashboard {
  display: contents;
}

.rau-widget-scrollable-content .mud-stack {
  container-type: inline-size;
}

/* DevTools - test containers with container queries */
.devtools-test-container {
  container-type: inline-size;
  container-name: devtools-test;
}/*# sourceMappingURL=site.css.map */