/* Eterano v1.15.4 — Settings alignment + compact Journal UX */

/* Keep the Settings navigation and content centered as one deliberate workspace. */
#settingsTabsShell{
  width:min(100%,1280px);
  margin-inline:auto;
}
#settingsTabContent{width:100%}

/* Business: profile + legal identity are peer cards on desktop. */
#settingsBusinessPanel{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
}
#settingsBusinessPanel>.settings-tab-intro{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
}
#settingsBusinessPanel>#profileForm,
#settingsBusinessPanel>#legalBusinessCard1153{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  justify-self:stretch!important;
  align-self:start!important;
}
#settingsBusinessPanel>#profileForm,
#settingsBusinessPanel>#legalBusinessCard1153{
  padding:24px!important;
}
#settingsBusinessPanel .section-heading{margin-bottom:18px}
#settingsBusinessPanel label{min-width:0}
#settingsBusinessPanel input,
#settingsBusinessPanel select,
#settingsBusinessPanel textarea{width:100%}
#legalBusinessForm1153{gap:16px!important}
.legal-address-title1153{margin-top:3px!important;padding-top:17px!important}
.legal-same-pickup1153{
  min-height:36px;
  padding:8px 10px;
  border-radius:10px;
  background:color-mix(in srgb,var(--paper) 95%,var(--accent) 5%);
}
#legalBusinessForm1153>button[type="submit"]{
  justify-self:start!important;
  width:auto!important;
  min-width:220px;
  padding-inline:20px!important;
}

/* Single-form Settings pages should sit in the visual center, not hug the left. */
#settingsAccountingPanel,
#settingsInvoicingPanel{
  width:min(100%,980px)!important;
  margin-inline:auto!important;
  justify-self:center!important;
}
#settingsAccountingPanel>.settings-tab-intro,
#settingsInvoicingPanel>.settings-tab-intro,
#settingsAccountingPanel>#vatSettingsForm,
#settingsInvoicingPanel>#invoiceSettingsForm{
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
}

/* Journal: compact scan-first cards. */
.journal-card{overflow:visible}
.journal-toolbar1154{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin:0 0 13px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--paper) 94%,var(--accent) 6%);
}
.journal-toolbar-copy1154{display:grid;gap:2px;min-width:0}
.journal-toolbar-copy1154 strong{font-size:.9rem}
.journal-toolbar-copy1154 span{font-size:.78rem;color:var(--muted)}
.journal-toolbar-actions1154{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.journal-toolbar-actions1154 button,
.journal-support-toggle1154,
.journal-more1154{
  min-height:34px;
  padding:7px 11px!important;
  border-radius:9px!important;
  font-size:.78rem!important;
  font-weight:850!important;
}

.journal-list{gap:8px!important}
.journal-entry.journal-collapsible1154{border-radius:12px!important}
.journal-entry.journal-collapsible1154 .journal-entry-head{
  min-height:58px;
  padding:10px 12px!important;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease;
}
.journal-entry.journal-collapsible1154 .journal-entry-head:hover{
  background:color-mix(in srgb,var(--accent) 8%,var(--paper))!important;
}
.journal-entry.journal-collapsible1154 .journal-entry-head:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent);
  outline-offset:-3px;
}
.journal-entry.journal-collapsible1154 .journal-entry-head>div:first-child{
  min-width:0;
}
.journal-entry.journal-collapsible1154 .journal-entry-head>div:first-child strong{
  font-size:.9rem;
}
.journal-entry.journal-collapsible1154 .journal-entry-head>div:first-child small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:min(62vw,760px);
}
.journal-head-actions1154{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.journal-total-preview1154{
  font-size:.86rem;
  font-weight:900;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.journal-toggle1154{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  padding:0!important;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--paper);
  color:var(--muted);
  cursor:pointer;
  font-size:1rem;
  line-height:1;
  transition:transform .16s ease,background .16s ease,color .16s ease;
}
.journal-entry.journal-open1154 .journal-toggle1154{transform:rotate(180deg);color:var(--accent)}
.journal-entry.journal-open1154 .journal-entry-head{
  border-bottom:1px solid var(--line);
}
.journal-entry.journal-collapsible1154 .journal-lines{
  padding:7px 12px 11px!important;
}
.journal-entry.journal-collapsible1154 .journal-line{
  padding:7px 0!important;
}
.journal-entry[hidden]{display:none!important}
.journal-more-wrap1154{
  display:flex;
  justify-content:center;
  padding-top:13px;
}
.journal-more1154{min-width:170px}
.journal-more1154[hidden]{display:none!important}

/* Secondary Journal tools should not create another long page by default. */
.journal-bottom-grid{align-items:start!important}
.journal-support-heading1154{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.journal-support-heading1154>div{min-width:0}
.journal-support-controls1154{display:grid;gap:5px;justify-items:end;flex:0 0 auto}
.journal-support-count1154{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.76rem;
  font-weight:750;
}
#chartAccountsList[hidden]{display:none!important}
.journal-support-card1154.journal-support-open1154 #chartAccountsList{
  margin-top:8px;
}

@media(max-width:1180px){
  #settingsBusinessPanel{grid-template-columns:1fr!important}
  #settingsBusinessPanel>.settings-tab-intro{grid-column:1!important}
  #settingsBusinessPanel>#profileForm,
  #settingsBusinessPanel>#legalBusinessCard1153{max-width:900px!important;justify-self:center!important}
}

@media(max-width:900px){
  #settingsTabsShell{width:100%}
  #settingsAccountingPanel,
  #settingsInvoicingPanel{width:100%!important}
  .journal-entry.journal-collapsible1154 .journal-entry-head>div:first-child small{max-width:48vw}
}

@media(max-width:760px){
  #settingsBusinessPanel{gap:14px!important}
  #settingsBusinessPanel>#profileForm,
  #settingsBusinessPanel>#legalBusinessCard1153{padding:18px!important;max-width:none!important}
  #legalBusinessForm1153>button[type="submit"]{width:100%!important;min-width:0}
  .journal-toolbar1154{align-items:stretch;flex-direction:column}
  .journal-toolbar-actions1154{justify-content:stretch}
  .journal-toolbar-actions1154 button{flex:1 1 0}
  .journal-entry.journal-collapsible1154 .journal-entry-head{align-items:stretch!important;gap:8px!important}
  .journal-entry.journal-collapsible1154 .journal-entry-head>div:first-child small{max-width:100%;white-space:normal}
  .journal-head-actions1154{width:100%;justify-content:flex-end}
  .journal-total-preview1154{margin-right:auto}
  .journal-bottom-grid{grid-template-columns:1fr!important}
}

@media(max-width:430px){
  .journal-head-actions1154{gap:6px;flex-wrap:wrap}
  .journal-balance{font-size:.7rem!important}
}
