/* Gemeinsame Styles import */
@import url('./admin-common.css');

/* Container Styles */
.dsms-fullwidth-wrapper {
  background: linear-gradient(180deg,#f7f9fc,#ffffff);
  color:#0a0f18;
  padding:28px 0;
}

.dsms-container {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  background:#fbfeff;
  padding:18px;
  border-radius:12px;
  box-shadow:0 8px 40px rgba(45,123,255,.06);
  font-family:"Inter", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* Formular Inputs */
.ds-input {
  width:100%;
  max-width:720px;
  padding:8px 10px;
  margin-top:6px;
  border-radius:6px;
  border:1px solid rgba(10,15,24,.06);
}

/* Buttons */
.dsms-button {
  display:inline-block;
  padding:8px 14px;
  border-radius:8px;
  cursor:pointer;
  border:none;
  font-weight:bold;
  font-size:13px;
}
.dsms-btn-orange {
  background-image: linear-gradient(90deg,#ff7b2d,#ff9a4d);
  color:#071116;
}
.dsms-btn-neonline {
  background-image: linear-gradient(90deg,#1fd6ff,#00bcd4);
  color:#071116;
}
.dsms-btn-ghost {
  background-color: transparent;
  border:1px solid rgba(10,15,24,.06);
  color:#0a0f18;
}

/* Credential rows visible only when Use Central Credentials yes */
.bd sg-cred-row-ou t{
 display:none !important;
}
.bd sg-use_cre ds-ou t[value=yes] ~ tr.bd sg-cred-row-ou t{
 display : table-row !important;
}

/* Suchergebnis Dropdown Styling */
#b d sg-d s-search-results-container{
 max-height :240 px ;
 overflow-y :auto ;
 border-radius :4 px ;
 box-shadow :0 4 px 8 px rgba (0 ,0 ,0 ,.15 );
}
#b d sg-d s-search-results-container div[role=option]:hover ,
#b d sg-d s-search-results-container div[role=option]:focus{
 background-color :#eef7ff ;
 outline:none ;
}

/* Responsive Table Scroll */
.bd sg-table-scroll{
 overflow-x:auto !important ;
}

/* Action Buttons Table */
.bd sg-edit-btn-ou t ,
.bd sg-delete-row-btn-ou t{
 padding :6 px 10 px ;
 border-radius :6 px ;
}

/* Accessibility focus outlines */
a :focus , button :focus , input :focus , select :focus , textarea :focus{
 outline :3 px solid rgba (45 ,123 ,255 ,0.12 );
 outline-offset :2 px ;
}