/* Eterano v1.20.1c — Light mode visual hierarchy hotfix
   Light mode must feel structured, not like disconnected text on white.
   Keep the navy sidebar, but increase contrast between the workspace canvas,
   cards/panels and form controls without changing application logic. */

html[data-theme="light"] #appPage,
html[data-theme="light"] .app-main{
  background:
    radial-gradient(circle at 78% -10%,rgba(19,213,255,.055),transparent 25rem),
    linear-gradient(180deg,#f3f6fb 0,#eef3f9 100%);
}

/* Give major content surfaces a deliberate card boundary in Light mode. */
html[data-theme="light"] :where(
  .panel,.stat-card,.order-card,.receipt-card,.customer-card,.product-card,
  .journal-entry,.invoice-card,.open-banking-connection,.open-banking-alert-row,
  .customer-einvoice1170,.nemhandel-lookup-footer1171,.oioubl-preview-actions1172
){
  background:#fff;
  border-color:#d5e0ed;
  box-shadow:0 10px 28px rgba(17,45,86,.075);
}

/* Settings is the clearest place to establish the hierarchy: canvas -> cards -> fields. */
html[data-theme="light"] #settingsBusinessPanel>#profileForm,
html[data-theme="light"] #settingsBusinessPanel>#legalBusinessCard1153{
  background:#fff!important;
  border:1px solid #d3dfed!important;
  box-shadow:0 12px 30px rgba(18,47,88,.085)!important;
}
html[data-theme="light"] #settingsBusinessPanel>#setupLaunchCard1200{
  background:#f8fbff!important;
  border:1px solid #d6e2f0!important;
  box-shadow:0 8px 22px rgba(18,47,88,.065)!important;
}
html[data-theme="light"] .settings-tabs-nav{
  border-color:#d3deeb;
  box-shadow:0 8px 24px rgba(18,47,88,.075);
}

/* Inputs should be visibly nested inside white cards rather than merge into them. */
html[data-theme="light"] :where(input,textarea,select,.slug-field,.search-field){
  background:#f7faff;
  border-color:#cfdbea;
}
html[data-theme="light"] :where(input,textarea,select):hover{
  border-color:#b9cade;
}
html[data-theme="light"] :where(input,textarea,select):focus{
  background:#fff;
}
html[data-theme="light"] .legal-same-pickup1153{
  background:#f1f5fa;
  border:1px solid #e0e7f0;
}

/* Slightly stronger separators keep long light-mode pages scannable. */
html[data-theme="light"] :where(
  .section-heading,.legal-address-title1153,.setup-section-divider,
  .order-detail-section dl>div
){
  border-color:#dfe7f1;
}

/* Dark mode remains exactly as before. */