/* Scoped settings layout. Never restyle invoice print output. */
@media screen {
  body.sc-compact #content table td { padding-block:8px; }
  body.sc-compact .sc-card { padding-block:12px; gap:9px; }
  #hy-settings-center { color:#263c5b; }
  #hy-settings-center > .notice { margin:0 0 24px; line-height:2; }
  .sc-section { margin:24px 0 30px; }
  .sc-section > h2 { color:#152d50; font-size:17px; margin:0 0 14px; }
  .sc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  .sc-card { min-width:0; background:white; border:1px solid #ccd7e6; border-radius:16px; padding:20px; display:flex; flex-wrap:wrap; gap:12px; align-content:start; }
  .sc-card > div { flex:1 1 calc(100% - 56px); min-width:0; }
  .sc-card h2 { margin:0 0 7px; font-size:15px; color:#152d50; }
  .sc-card p { margin:0 0 12px; color:#435775; line-height:1.95; font-size:12px; }
  .sc-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; color:#2554ba; background:#eaf0fc; }
  .sc-status { display:block; font-size:11px; color:#3b536e; }
  .sc-card .btn { white-space:normal; text-align:center; min-height:44px; border:1px solid #bacbe3; flex:1 1 auto; justify-content:center; }
  .sc-card button:focus-visible { outline:3px solid #315bd6; outline-offset:3px; }
  #sc-general label { display:grid; gap:8px; margin:18px 0; }
  #sc-general select { width:100%; }
  .sc-info { display:grid; grid-template-columns:minmax(100px,1fr) 2fr; gap:12px 20px; }
  .sc-info dt { font-weight:700; }
  .sc-info dd { margin:0; overflow-wrap:anywhere; }
  @media(max-width:1150px) { .sc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:600px) { .sc-grid { grid-template-columns:minmax(0,1fr); } .sc-card { padding:17px; } .sc-info { grid-template-columns:1fr; gap:6px; } .sc-info dd { margin-bottom:12px; } }
}
