.dynamicsui-page-result {
   position                   : fixed;
   top                        : 0;
   right                      : 0;
   left                       : 0;
   z-index                    : 10000;
   box-sizing                 : border-box;
   width                      : 100%;
   height                     : auto;
   padding                    : 14px 48px;
   font-family                : Roboto-Regular;
   font-size                  : 14px;
   line-height                : 1.45;
   text-align                 : center;
   white-space                : pre-wrap;
   overflow-wrap              : anywhere;
   box-shadow                 : 0 3px 12px rgba(0, 0, 0, 0.22);
   opacity                    : 1;
   pointer-events             : none;
   animation                  : dynamicsui-page-result-fade-out 500ms ease 5s forwards;
}

.dynamicsui-page-result-success {
   color                      : #ffffff;
   background-color           : #27833f;
}

.dynamicsui-page-result-failed {
   color                      : #ffffff;
   background-color           : #b42318;
}

@keyframes dynamicsui-page-result-fade-out {
   from {
      opacity                 : 1;
      visibility              : visible;
   }
   to {
      opacity                 : 0;
      visibility              : hidden;
   }
}

@media (max-width: 600px) {
   .dynamicsui-page-result {
      padding                 : 12px 16px;
   }
}

.dynamicsUIformsubmit {
   background-color           : #252E43;
   padding-left               : 10px;
   padding-right              : 10px;
   border                     : 1px #252E43 solid;
   font-family                : Roboto-Regular;
   font-size                  : 12pt;   
   height                     : 30px;
   color                      : #FFFFFF;
}
   
.dynamicsUIinputtext {
   font-size                : 11pt;
   padding-left             : 5px;
   height                   : 25px;
}
   
.dynamicsui-toolbar-clearfix::after {
    content                 : "";
    display                 : block;
    clear                   : both;
}

:root{
  --blue:#2f78a8;
  --blue2:#3f8fbe;
  --border:#1f5f86;
  --accent:#f0a000;
  --accent2:#ffb21a;
  --accent3:#930000;
  --text:#fff;
  --inputBorder:#cfd6dd;
  --radius:0; /* Screenshot wirkt eher eckig */
}

.dynamicsui-toolbar {
  display:flex;
  align-items:stretch;
  gap:0;
  font-family: Arial, sans-serif;
}

.dynamicsui-toolbar-search{
  display:flex;
  align-items:stretch;
}

.dynamicsui-toolbar-search input{
  height:34px;
  width:260px;
  padding:0 12px;
  border:1px solid var(--inputBorder);
  border-right:0;
  outline:none;
  font-size:14px;
}

.dynamicsui-toolbar-btnbar{
  display:flex;
  align-items:stretch;
}

.dynamicsui-toolbar-btn, .dynamicsui-toolbar-search .dynamicsui-toolbar-btn{
  height:34px;
  min-width:36px;
  padding:0 10px;
  border:1px solid var(--border);
  background:var(--blue2);
  color:var(--text);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  user-select:none;
}

.dynamicsui-toolbar-btn:hover{ filter:brightness(1.05); }
.dynamicsui-toolbar-btn:active{ filter:brightness(0.95); }

.dynamicsui-toolbar-btn + .dynamicsui-toolbar-btn{ border-left:0; }               
.dynamicsui-toolbar-btnbar > * + *{ margin-left:0; }         


.dynamicsui-toolbar-btn-clear{
  border:1px solid var(--border);
  background:var(--blue2);
  font-size:18px;
  line-height:1;
}


.dynamicsui-toolbar-btn-accent{
  background:var(--accent2);
  border-color:#c98500;
  color:#fff;
  font-family:Roboto-Bold;
}
.dynamicsui-toolbar-btn-accent:hover{ filter:brightness(1.03); }

.dynamicsui-toolbar-btn-danger{
  background:var(--accent3);
  border-color:#000000;
  color:#fff;
  font-family:Roboto-Bold;
}
.dynamicsui-toolbar-btn-danger:hover{ filter:brightness(1.03); }


.dynamicsui-toolbar-split{
  display:flex;
  align-items:stretch;
}
.dynamicsui-toolbar-split .dynamicsui-toolbar-btn{ border-left:0; } 
.dynamicsui-toolbar-split .dynamicsui-toolbar-btn:first-child{
  border-left:1px solid var(--border); 
}
.dynamicsui-toolbar-btn-caret{
  min-width:26px;
  padding:0 6px;
  font-size:11px;
}


.dynamicsui-toolbar-toolbar .dynamicsui-toolbar-search input{ border-top-left-radius:var(--radius); border-bottom-left-radius:var(--radius); }
.dynamicsui-toolbar-toolbar .dynamicsui-toolbar-btnbar > :last-child .btn:last-child{ border-top-right-radius:var(--radius); border-bottom-right-radius:var(--radius); }


.dynamicsui-toolbar-ico                                        { font-size:14px; line-height:1; }




























.dynamicsui-page-header-userbox {
   position                    : relative;
}

.dynamicsui-page-header-user-dropdown {
   position                    : absolute;
   top                         : 54px;
   right                       : 0;
   width                       : 160px;
   background                  : #ffffff;
   border                      : 1px solid #e5e5e5;
   box-shadow                  : 0 4px 14px rgba(0,0,0,0.12);
   border-radius               : 4px;
   display                     : none;
   z-index                     : 4000;
   padding                     : 6px 0;
}

.dynamicsui-page-header-user-dropdown-open {
   display                     : block;
}

.dynamicsui-page-header-user-dropdown-item {
   display                     : block;
   padding                     : 9px 14px;
   color                       : #4a5568;
   text-decoration             : none;
   font-size                   : 14px;
}

.dynamicsui-page-header-user-dropdown-item:hover {
   background                  : #f3f6fb;
   color                       : #000000;
}

  
.dynamicsui-sidebar-menu {
   list-style: none;
   margin: 0;
   padding: 10px 0;
}

.dynamicsui-sidebar-item {
   margin: 0;
   padding: 0;
}

.dynamicsui-sidebar-link {
   height: 42px;
   display: flex;
   align-items: center;
   padding: 0 14px;
   color: #dbe2ef;
   text-decoration: none;
   font-size: 14px;
   box-sizing: border-box;
   border-left: 3px solid transparent;
}

.dynamicsui-sidebar-link:hover {
   background: rgba(255,255,255,0.08);
   color: #ffffff;
}

.dynamicsui-sidebar-item-selected .dynamicsui-sidebar-link {
   background: rgba(255,255,255,0.12);
   color: #ffffff;
   border-left-color: #1dc4e9;
}

.dynamicsui-sidebar-icon-img {
   width: 20px;
   height: 20px;
   margin-right: 12px;
   object-fit: contain;
   flex-shrink: 0;
}

.dynamicsui-sidebar-icon-ascii,
.dynamicsui-sidebar-icon-empty {
   width: 20px;
   height: 20px;
   margin-right: 12px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.dynamicsui-sidebar-icon-ascii {
   font-size: 17px;
}
   
.dynamicsui-page-header-logo-button {
   border: 0;
   background: transparent;
   padding: 0;
   margin: 0 10px 0 0;
   cursor: pointer;
   display: flex;
   align-items: center;
}

.dynamicsui-sidebar {
   position: fixed;
   top: 54px;
   left: 0;
   width: 240px;
   height: calc(100vh - 54px);
   background: #3f4d67;
   transform: translateX(0);
   transition: transform 0.2s ease;
   z-index: 1500;
}

.dynamicsui-content {
   margin-top: 54px;
   margin-left: 240px;
   padding                                   : 20px;
   transition: margin-left 0.2s ease;
}


body.dynamicsui-sidebar-closed .dynamicsui-sidebar {
   transform: translateX(-240px);
}

body.dynamicsui-sidebar-closed .dynamicsui-content {
   margin-left: 0;
}

/* Mobile */
@media (max-width: 768px) {

   .dynamicsui-page-header-brand {
      width: 70px;
   }

   .dynamicsui-page-header-title,
   .dynamicsui-page-header-username {
      display: none;
   }

   .dynamicsui-sidebar {
      transform: translateX(-240px);
      z-index: 2500;
   }

   body.dynamicsui-sidebar-open .dynamicsui-sidebar {
      transform: translateX(0);
   }

   .dynamicsui-content {
      margin-left: 0;
   }
}

.dynamicsui-page-header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   height: 54px;
   display: flex;
   align-items: stretch;
   background: #ffffff;
   border-bottom: 1px solid #e5e5e5;
   box-shadow: 0 1px 4px rgba(0,0,0,0.08);
   z-index: 3000;

}

.dynamicsui-page-header-brand {
   width: 240px;
   height: 54px;
   flex: 0 0 240px;
   display: flex;
   align-items: center;
   background: #3f4d67;
   color: #ffffff;
   padding: 0 12px;
   box-sizing: border-box;
}



.dynamicsui-page-header-title {
   display                     : flex;
   align-items                 : center;
   white-space                 : nowrap; 
}

.dynamicsui-page-header-main {
   flex: 1 1 auto;
   height: 54px;
   display: flex;
   align-items: center;
   padding: 0 18px;
   box-sizing: border-box;
   background: #ffffff;
}

.dynamicsui-page-header-spacer {
   flex: 1;
}



.dynamicsui-page-header-img {
   display                     : block;
   width                       : 32px;
   height                      : 32px;
   border                      : 0;
}


.dynamicsui-page-header-notification {
   position                    : relative;
   width                       : 38px;
   height                      : 38px;
   display                     : flex;
   align-items                 : center;
   justify-content             : center;
   font-size                   : 17px;
   color                       : #4a5568;
   margin-left                 : 8px;
   cursor                      : pointer;
}

.dynamicsui-page-header-badge {
   position                    : absolute;
   top                         : 4px;
   right                       : 3px;
   min-width                   : 16px;
   height                      : 16px;
   border-radius               : 8px;
   color                       : #ffffff;
   font-size                   : 10px;
   line-height                 : 16px;
   text-align                  : center;
   font-family                 : Roboto-Bold;
}

.dynamicsui-page-header-badge.red {
   background                  : #ff6b81;
}


.dynamicsui-page-header-userbox {
   height                      : 54px;
   display                     : flex;
   align-items                 : center;
   margin-left                 : 18px;
   color                       : #4a5568;
   font-size                   : 14px;
   cursor                      : pointer;
}

.dynamicsui-page-header-avatar {
   width                       : 28px;
   height                      : 28px;
   border-radius               : 4px;
   background                  : #d8d8d8;
   margin-right                : 8px;
}

.dynamicsui-page-header-user-arrow {
   margin-left                 : 6px;
   font-size                   : 12px;
   color                       : #777777;
}



  
   
.dynamicsui-listingtable {
   margin                     : 5px;
   margin-bottom              : 30px;
   border-collapse            : collapse;
   font-size                  : 12pt;
   font-family                : Roboto-Regular;
   position                   : relative;
}

.dynamicsui-listingtable th {
   border-left                : 0;
   border-bottom              : 2px #808080 solid;
   border-right               : 0;
   border-top                 : 0;
   padding                    : 3px 8px;
   white-space                : nowrap;
   position                   : relative;
}

.dynamicsui-listingtable td {
   padding                    : 3px 8px;
   border-right               : 1px solid #dddddd;
   border-bottom              : 1px solid #eeeeee;
   white-space                : nowrap;
   overflow                   : hidden;
   text-overflow              : ellipsis;
}


.dynamicsui-listingtable td:last-child {
   border-right               : 0;
}


.dynamicsui-listingtable tr:hover td {
   background-color           : #f3f6fb;
}

.dynamicsui-listingtable-actionicon {
   border                     : 0px;
   height                     : 22px;
   width                      : 22px;
   margin-left                : 2px;
   margin-right               : 2px;
}

.dynamicsui-listingtable-containerdiv {
   width                      : 98%;
   margin                     : 5px;
   overflow-x                 : auto;
   overflow-y                 : hidden; 
   background-color           : #FFFFFF;
   margin-top                 : 30px;
   margin-bottom              : 30px;
   padding                    : 10px;
   border-radius: 5px;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, .08);
    border: none;
}

.dynamicsui-listingtable-column-resizer {
   position                   : absolute;
   top                        : 0;
   right                      : 0;
   width                      : 6px;
   height                     : 100%;
   cursor                     : col-resize;
   user-select                : none;
}

.dynamicsui-listingtable-resize-active {
   cursor                     : col-resize !important;
}

.dynamicsui-listingtable-pagination {
   display                    : flex;
   justify-content            : space-between;
   align-items                : center;
   margin                     : 10px 5px 0 5px;
   font-size                  : 11pt;
}

.dynamicsui-listingtable-pagination-pages a,
.dynamicsui-listingtable-pagination-current {
   margin-right               : 4px;
   text-decoration            : none;
}

.dynamicsui-listingtable-pagination-current {
   font-family                : Roboto-Bold;
}

.dynamicsui-listingtable-pagination-limitform {
   margin                     : 0;
}


.dynamicsui-popup-overlay {
   position: fixed;
   inset: 0;
   z-index: 2000;
   background: rgba(0,0,0,0.5);
}

.dynamicsui-popup {
   position                    : fixed;
   left                        : 50%;
   top                         : 50%;
   z-index                     : 5010;
   background: #ffffff;
   border-radius: 18px;
   padding: 15px;
   box-shadow: 0 12px 40px rgba(0,0,0,0.25);
   transform: translate(-50%, -50%);
   transition: width 0.3s, height 0.3s;
   box-sizing: border-box;
   max-width: calc(100vw - 30px);
   max-height: calc(100vh - 30px);

   overflow: auto;
}

.dynamicsui-popup-content {
    flex: 1 1 auto;
    overflow: auto;
    padding: 20px;
    background: #ffffff;
}



.dynamicsui-tabs {
    display:flex;
    gap:4px;
    border-bottom:1px solid #d0d0d0;
    margin-bottom:20px;
}

.dynamicsui-tab {
    display:inline-block;
    padding:10px 18px;
    text-decoration:none;
    color:#444;
    background:#f5f5f5;
    border:1px solid #d0d0d0;
    border-bottom:none;
    border-radius:8px 8px 0 0;
    transition:all 0.15s;
}

.dynamicsui-tab:hover {
    background:#ececec;
}

.dynamicsui-tab-active {
    background:#ffffff;
    color:#000;
    font-family:Roboto-Bold;
    position:relative;
    top:1px;
}











.dynamicsui-popup-field {
    margin-bottom: 16px;
}

.dynamicsui-popup-field label {
    display                                                        : block;
    margin-bottom                                                  : 6px;
    font-size                                                      : 13px;
    font-family                                                    : Roboto-Bold;
    color                                                          : #333333;
}

.dynamicsui-popup-field.dynamicsui-popup-checkboxfield {
    display                                                        : flex;
    align-items                                                    : center;
    gap                                                            : 8px;
}

.dynamicsui-popup-field.dynamicsui-popup-checkboxfield label {
    display                                                        : inline;
    margin-bottom                                                  : 0;
    cursor                                                         : pointer;
}

.dynamicsui-popup-checkboxfield input[type="checkbox"] {
    margin                                                         : 0;
    flex-shrink                                                    : 0;
}

.dynamicsui-popup-input {
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    font-size: 14px;
    box-sizing: border-box;
    background: #ffffff;
}

.dynamicsui-popup-input:focus {
    outline: none;
    border-color: #2f6fed;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.15);
}

.dynamicsui-popup-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
}

.dynamicsui-popup-submit {
    border                : none;
    border-radius         : 8px;
    padding               : 10px 18px;
    background: #2f6fed;
    color: #ffffff;
    font-size: 14px;
    font-family: Roboto-Bold;
    cursor: pointer;
}

.dynamicsui-popup-submit:hover {
    background: #245bd0;
}



.dynamicsui-popupform {
    width: 100%;
    max-width: 520px;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    box-sizing: border-box;
}

.dynamicsui-popup-header {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    border-bottom: 1px solid #eeeeee;
    background: #f8f8f8;
}

.dynamicsui-popup-headertitle {
    font-size: 16px;
    font-family: Roboto-Bold;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.dynamicsui-popup-close {
    border: none;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #555555;
}

.dynamicsui-popup-close:hover {
    color: #000000;
}

.dynamicsui-popup-loading {
    display: block;
    width: 75px;
    height: 75px;
    margin: 40px auto;
}

.dynamicsui-popup-error {
    padding: 20px;
    color: #9b1c1c;
    background: #fdecec;
    border: 1px solid #f4b4b4;
    border-radius: 8px;
}










.dynamicsui-tree {
    font-size: 14px;
    color: #222222;
    user-select: none;
}

.dynamicsui-tree-children {
    display                         : block;
    margin-left                     : 18px;
}

.dynamicsui-tree > .dynamicsui-tree-children {
    margin-left                     : 0;
}

.dynamicsui-tree-children[style*="display:none"] {
    display: none !important;
}

.dynamicsui-tree-node {
    display: flex;
    align-items: center;
    min-height: 22px;
    line-height: 22px;
    white-space: nowrap;
}

.dynamicsui-tree-node:hover {
    background: #eef4ff;
}

.dynamicsui-tree-node-level-0,
.dynamicsui-tree-node-level-1,
.dynamicsui-tree-node-level-2,
.dynamicsui-tree-node-level-3,
.dynamicsui-tree-node-level-4,
.dynamicsui-tree-node-level-5,
.dynamicsui-tree-node-level-6,
.dynamicsui-tree-node-level-7,
.dynamicsui-tree-node-level-8,
.dynamicsui-tree-node-level-9 {
    margin-left: 0;
    padding-left: 0;
}

.dynamicsui-tree-toggle,
.dynamicsui-tree-toggle-placeholder {
    width: 16px;
    min-width: 16px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
    cursor: pointer;
    user-select: none;
    font-size: 11px;
    color: #555555;
}

.dynamicsui-tree-toggle-placeholder {
    visibility: hidden;
    cursor: default;
}

.dynamicsui-tree-title {
    color: #222222;
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 4px;
    cursor: pointer;
}

.dynamicsui-tree-title:hover {
    background: #dcecff;
}

.dynamicsui-contextmenu {
    position: absolute;
    z-index: 10000;
    min-width: 180px;
    background: #ffffff;
    border: 1px solid #d8d8d8;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    border-radius: 6px;
    padding: 5px 0;
    font-size: 14px;
}

.dynamicsui-contextmenu div {
    padding: 8px 14px;
    cursor: pointer;
    white-space: nowrap;
}

.dynamicsui-contextmenu div:hover {
    background: #eef4ff;
}

#dynamicsUIp2FactorPopup { 
   width                          : 325px;
   height                         : 360px;
   left                           : 50%;
   top                            : 50%;
   position                       : fixed;
   margin-left                    : -162px;
   margin-top                     : -180px;
   border-radius                  : 30px;
   padding                        : 15px;
   background-color               : #FFFFFF;
   z-Index                        : 200;
}

.dynamicsUIc2factornumber {
   font-family                    : Roboto-Regular;
   font-size                      : 18pt;
   width                          : 40px;
   height                         : 50px;
   text-align                     : center;
}

.dynamicsUIc2factornumber:focus {
   outline                        : 3px solid #0C759C;
   outline-offset                 : 2px;
}

@keyframes shakeX {
  0%, 100% { transform: translateX(0); }
  15% { transform: translateX(-10px); }
  30% { transform: translateX(10px); }
  45% { transform: translateX(-8px); }
  60% { transform: translateX(8px); }
  75% { transform: translateX(-5px); }
  90% { transform: translateX(5px); }
}

#dynamicsUIp2FactorPopup.shake {
  animation: shakeX 0.35s ease-in-out;
}

/* Optional: Fehler-Highlight */
.dynamicsUIc2factornumber.is-error {
  border: 2px solid #d12c2c;
}

.dynamicsUIinputsubmit-red {
    box-shadow: inset 0px 0px 15px 3px #5e2323;
    background: linear-gradient(to bottom, #442626 5%, #894141 100%);
    background-color: #442626;
    border-radius: 17px;
    border: 1px solid #471f1f;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    padding: 8px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #662626;
}

.dynamicsUIinputsubmit-red:hover {
    background: linear-gradient(to bottom, #894141 5%, #442626 100%);
    background-color: #894141;
}

.dynamicsUIinputsubmit-red:active {
    position: relative;
    top: 1px;
}

.dynamicsUIinputsubmit {
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background:linear-gradient(to bottom, #262e44 5%, #415989 100%);
	background-color:#262e44;
	border-radius:17px;
	border:1px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.dynamicsUIinputsubmit:hover {
	background:linear-gradient(to bottom, #415989 5%, #262e44 100%);
	background-color:#415989;
}
.dynamicsUIinputsubmit:active {
	position:relative;
	top:1px;
}

.dynamicsUIinputsubmitdisabled {
	box-shadow                 : inset 0px 0px 15px 3px #C0C0C0;
	background                 : linear-gradient(to bottom, #C0C0C0 5%, #415989 100%);
	background-color           : #C0C0C0;
	border-radius              : 17px;
	border                     : 1px solid #1f2f47;
	display                    : inline-block;
	cursor                     : not-allowed;
	color                      : #ffffff;
	font-family                : Roboto-Regular;
	font-size                  : 15px;
	padding                    : 8px 20px;
	text-decoration            : none;
	text-shadow                : 0px 1px 0px #263666;
}





.dynamicsui-searchform-card {
    background: #fff;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    padding: 18px;
    margin: 16px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.dynamicsui-searchform-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px 18px;
    align-items: start;
}

.dynamicsui-searchform-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dynamicsui-searchform-field label {
    font-size: 13px;
    font-family: Roboto-Bold;
    color: #344054;
}

.dynamicsui-searchform-field .inputtext,
.dynamicsui-searchform-field input,
.dynamicsui-searchform-field select {
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
    border: 1px solid #cfd6e1;
    border-radius: 6px;
    padding: 7px 9px;
    background: #fff;
}

.dynamicsui-searchform-field select[multiple] {
    min-height: 140px;
    padding: 6px;
}

.dynamicsui-searchform-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #eef1f5;
}

.dynamicsui-searchform-buttons .inputsubmit {
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 600px) {
    .dynamicsui-searchform-card {
        padding: 14px;
    }

    .dynamicsui-searchform-buttons {
        flex-direction: column;
    }

    .dynamicsui-searchform-buttons .inputsubmit {
        width: 100%;
        text-align: center;
    }
}






.dynamicsui-popup-checkboxlist {
    width: 100%;
    max-height: 170px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 6px;
    box-sizing: border-box;
}

.dynamicsui-popup-checkboxrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 6px 4px;
    cursor: pointer;
}

.dynamicsui-popup-checkboxrow:hover {
    background: #f5f5f5;
}

.dynamicsui-popup-checkboxrow input[type="checkbox"] {
    flex-shrink: 0;
}







.dynamicsui-popup-conditionlist {
    width: 100%;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px;
    box-sizing: border-box;
}

.dynamicsui-popup-conditionrow {
    display: grid;
    grid-template-columns: 30px 170px 1fr;
    gap: 10px;
    align-items: center;
    padding: 5px 0;
}

.dynamicsui-popup-conditiondate {
    display: flex;
    gap: 4px;
}

.dynamicsui-popup-conditiondate select {
    width: auto;
    min-width: 50px;
}




.dynamicsui-popup-table-scroll {
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    margin-top: 10px;
    margin-bottom: 16px;
}

.dynamicsui-popup-table {
    width: 100%;
    border-collapse: collapse;
}

.dynamicsui-popup-table th {
    text-align: left;
    font-family: Roboto-Bold;
    padding: 8px 6px;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}

.dynamicsui-popup-table td {
    padding: 6px;
    vertical-align: middle;
}

.dynamicsui-popup-table .dynamicsui-popup-input {
    width: 100%;
    box-sizing: border-box;
}

.dynamicsui-popup-table-section td {
    padding-top: 14px;
    font-family: Roboto-Bold;
}

.dynamicsui-popup-table-action {
    text-align: center;
    white-space: nowrap;
}

.dynamicsui-popup-table-action a {
    text-decoration: none;
}

.dynamicsui-page-header-notification {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.dynamicsui-page-header-message-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 320px;
    max-height: 420px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    z-index: 9999;
}

.dynamicsui-page-header-message-dropdown.open {
    display: block;
}

.dynamicsui-page-header-message-item {
    padding: 12px 14px;
    border-bottom: 1px solid #eeeeee;
}

.dynamicsui-page-header-message-title {
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #222222;
    line-height: 1.3;
}

.dynamicsui-page-header-message-meta {
    margin-top: 4px;
    font-size: 12px;
    color: #777777;
}

.dynamicsui-page-header-message-empty {
    padding: 16px;
    color: #777777;
    font-size: 13px;
    text-align: center;
}

.dynamicsui-page-header-message-center-link {
    display: block;
    padding: 12px 14px;
    text-align: center;
    font-family: Roboto-Bold;
    text-decoration: none;
    color: #222222;
    background: #f7f7f7;
    border-top: 1px solid #eeeeee;
}

.dynamicsui-page-header-message-center-link:hover {
    background: #eeeeee;
}




                 
.dynamicsui-button-success,
.dynamicsui-button-danger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 10px 18px;

    border: 0;
    border-radius: 6px;

    font-size: 14px;
    font-family: Roboto-Bold;

    color: #fff;
    cursor: pointer;

    transition: background-color .2s ease,
                transform .15s ease,
                box-shadow .2s ease;
}

.dynamicsui-button-success:hover,
.dynamicsui-button-danger:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(0,0,0,.18);
}

.dynamicsui-button-success:active,
.dynamicsui-button-danger:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Erfolgreich / Akzeptieren */

.dynamicsui-button-success {
    background: #2e7d32;
}

.dynamicsui-button-success:hover {
    background: #388e3c;
}

.dynamicsui-button-success::before {
    content: "✔";
    font-size: 15px;
    font-family: Roboto-Bold;
}

/* Ablehnen */

.dynamicsui-button-danger {
    background: #c62828;
}

.dynamicsui-button-danger:hover {
    background: #d32f2f;
}

.dynamicsui-button-danger::before {
    content: "✖";
    font-size: 15px;
    font-family: Roboto-Bold;
}

.dynamicsui-webrequest {
    position: relative;
    width: 100%;
}

.dynamicsui-webrequest-results {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #cfd6dd;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.dynamicsui-webrequest-results[hidden] {
    display: none;
}

.dynamicsui-webrequest-result {
    display: block;
    width: 100%;
    padding: 9px 11px;
    border: 0;
    border-bottom: 1px solid #eeeeee;
    background: #ffffff;
    color: #222222;
    text-align: left;
    cursor: pointer;
}

.dynamicsui-webrequest-result:last-child {
    border-bottom: 0;
}

.dynamicsui-webrequest-result:hover,
.dynamicsui-webrequest-result.is-active {
    background: #eef4ff;
}

.dynamicsui-webrequest-result-line {
    display: block;
    line-height: 1.35;
}

.dynamicsui-webrequest-result-line:first-child {
    font-family: Roboto-Bold;
}

.dynamicsui-webrequest-result-line + .dynamicsui-webrequest-result-line {
    margin-top: 2px;
    color: #666666;
    font-size: 12px;
}

.dynamicsui-webrequest-message {
    padding: 10px 11px;
    color: #666666;
    font-size: 13px;
}

.dynamicsui-webrequest-message.is-error {
    color: #b42318;
}




.dynamicsui-fileupload {
    width: 100%;
}

.dynamicsui-fileupload-dropzone {
    box-sizing: border-box;
    width: 100%;
    min-height: 180px;
    padding: 20px;
    border: 2px dashed #b8bec7;
    border-radius: 8px;
    background: #f8f9fa;
    cursor: pointer;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.dynamicsui-fileupload-dropzone:hover,
.dynamicsui-fileupload-dropzone:focus {
    border-color: #7b8794;
    background: #f1f3f5;
    outline: none;
}

.dynamicsui-fileupload-dropzone.is-dragover {
    border-color: #367fa9;
    background: #eaf4fa;
}

.dynamicsui-fileupload-dropzone.has-error {
    border-color: #c0392b;
    background: #fff4f3;
}

.dynamicsui-fileupload-input-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.dynamicsui-fileupload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 140px;
    text-align: center;
}

.dynamicsui-fileupload-text {
    color: #58616b;
    font-size: 14px;
}

.dynamicsui-fileupload-preview {
    display: block;
    max-width: 100%;
    object-fit: contain;
    border-radius: 6px;
    cursor: zoom-in;
}

.dynamicsui-fileupload-preview[hidden],
.dynamicsui-fileupload-text[hidden] {
    display: none;
}

.dynamicsui-fileupload-filename {
    color: #343a40;
    font-size: 13px;
    font-family: Roboto-Bold;
    word-break: break-word;
}

.dynamicsui-fileupload-error {
    color: #c0392b;
    font-size: 13px;
}

.dynamicsui-fileupload-standard-preview {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
}

/* Vergrößerte Bildansicht */

.dynamicsui-imageviewer {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: rgba(0, 0, 0, 0.82);
}

.dynamicsui-imageviewer[hidden] {
    display: none;
}

.dynamicsui-imageviewer-image {
    display: block;
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.45);
    cursor: zoom-out;
}