/* СКГА Портфолио 5.3.9.58.21 — оформление системных настроек.
   Только оформление, без изменения логики настройки входа или сообщений. */
.sh543 > .sh543-settings,
.sh543 #studentLoginSetting5395813 {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  align-items:center !important;
  gap:clamp(18px,3vw,40px) !important;
  min-width:0;
  padding:24px 28px !important;
  border-radius:16px !important;
}
.sh543 > .sh543-settings > div:first-child {min-width:0;max-width:760px}
.sh543 > .sh543-settings h3{font-size:17px !important;line-height:1.3;margin:0 0 9px !important;font-weight:750}
.sh543 > .sh543-settings p{font-size:13px !important;line-height:1.55;margin:0 0 5px !important}
.sh543 > .sh543-settings small{font-size:12px !important;line-height:1.5;display:block}
/* Панель настройки входа: аккуратное поле и две равные кнопки */
.sh543 #studentLoginSetting5395813 > div:nth-child(2){
  min-width:0 !important;width:100%;max-width:390px;
  display:grid !important;grid-template-columns:1fr 1fr;
  gap:10px !important;align-items:stretch;
}
.sh543 #studentLoginMode5395813{
  grid-column:1 / -1;display:block;width:100%;min-width:0;max-width:100%;
  box-sizing:border-box;min-height:44px;padding:10px 34px 10px 13px;
  border:1px solid #d6dfeb;border-radius:10px;background-color:#fff;
  color:#192b44;font-weight:600;font-size:13px;line-height:1.3;
}
.sh543 #studentLoginSave5395813,
.sh543 #studentLoginProvision5395813{
  min-width:0;width:100%;min-height:42px;white-space:normal;
  line-height:1.25;padding:10px 12px !important;
  font-size:12px !important;font-weight:650;border-radius:10px !important;
}
.sh543 #studentLoginSave5395813{background:#730f13 !important;color:#fff !important;border:1px solid #730f13 !important}
.sh543 #studentLoginSave5395813:hover{background:#591013 !important}
.sh543 #studentLoginProvision5395813{background:#fff !important;border:1px solid #cfd8e5 !important;color:#1e3554 !important}
.sh543 #studentLoginProvision5395813:hover{background:#f3f6fa !important}
.sh543 #studentLoginInfo5395813{grid-column:1 / -1;display:block;font-size:11px !important;line-height:1.5;color:#708099 !important}
/* Настройка сообщений — карточка управления справа */
.sh543 #studentLoginSetting5395813 + .sh543-settings{
  grid-template-columns:minmax(0,1fr) minmax(280px,390px) !important;
}
.sh543 #studentLoginSetting5395813 + .sh543-settings .sh543-switch{
  min-width:0;display:flex;align-items:center;gap:12px;
  padding:14px 16px;background:#f6f8fc;border:1px solid #e2e8f2;
  border-radius:12px;cursor:pointer;font-size:12px;line-height:1.45;
  color:#1a3153;font-weight:650;
}
.sh543 #studentLoginSetting5395813 + .sh543-settings .sh543-switch input{
  accent-color:#780e13;width:18px;height:18px;flex:0 0 18px;margin:0;
}
.sh543 #studentLoginSetting5395813 + .sh543-settings .sh543-switch span{min-width:0;overflow-wrap:anywhere}
.sh543 #studentLoginSetting5395813 + .sh543-settings .sh543-setting-status{
  grid-column:2;min-height:0;color:#667892;font-size:11px;
}
/* Темная тема: несколько классов приложения поддерживаются явно. */
html[data-theme="dark"] .sh543 #studentLoginMode5395813,
body.dark .sh543 #studentLoginMode5395813{
  background:#161d26;color:#e8edf5;border-color:#3c4a5c;
}
html[data-theme="dark"] .sh543 #studentLoginProvision5395813,
body.dark .sh543 #studentLoginProvision5395813{
  background:#242c37 !important;color:#e6ebf5 !important;border-color:#445165 !important;
}
html[data-theme="dark"] .sh543 #studentLoginSetting5395813 + .sh543-settings .sh543-switch,
body.dark .sh543 #studentLoginSetting5395813 + .sh543-settings .sh543-switch{
  background:#222b36;color:#e6ebf5;border-color:#3d4858;
}
@media(max-width:900px){
  .sh543 > .sh543-settings,
  .sh543 #studentLoginSetting5395813,
  .sh543 #studentLoginSetting5395813 + .sh543-settings{
    grid-template-columns:minmax(0,1fr) !important;
    gap:16px !important;padding:20px !important;
  }
  .sh543 #studentLoginSetting5395813 > div:nth-child(2){max-width:none}
  .sh543 #studentLoginSetting5395813 + .sh543-settings .sh543-setting-status{grid-column:1}
}
@media(max-width:460px){
  .sh543 > .sh543-settings,
  .sh543 #studentLoginSetting5395813{padding:16px !important}
  .sh543 #studentLoginSetting5395813 > div:nth-child(2){grid-template-columns:1fr}
  .sh543 #studentLoginMode5395813,
  .sh543 #studentLoginInfo5395813{grid-column:1}
}