/* ===== Refined window control icons ===== */
.coa-window-btn,
.coa-close-btn{
  width:25px;
  height:25px;
  border-radius:6px;
  display:grid;
  place-items:center;
  padding:0;
  cursor:auto;
  position:relative;
  font-size:0;
  line-height:0;
  outline:none;
  -webkit-tap-highlight-color:transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.coa-close-btn{
  border:1px solid rgba(220,38,38,.34);
  background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  color:#fff;
  box-shadow:0 10px 20px rgba(185,28,28,.20);
}
.coa-window-btn svg,
.coa-close-btn svg{
  display:block;
  width:13px;
  height:13px;
  overflow:visible;
  pointer-events:none;
}

.coa-window-btn:focus,
.coa-window-btn:focus-visible,
.coa-window-btn[data-coa-focused="true"],
.coa-close-btn:focus,
.coa-close-btn:focus-visible,
.coa-close-btn[data-coa-focused="true"]{
  outline:none;
  box-shadow:none;
}

.coa-window-btn svg path,
.coa-close-btn svg path{
  vector-effect:non-scaling-stroke;
}

/* Chart of accounts: align vertical toolbar spacing with currency management reference */
.panel[data-view="chart-of-accounts"] .chart-accounts{
  gap:0;
  padding:0;
  padding-bottom:0;
}

@media (min-width: 1600px){
  .panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top:is(.is-fit-1, .is-fit-2, .is-fit-3, .is-fit-4){
    --coa-search-min:162px;
    --coa-search-max:252px;
    --coa-topbar-gap:6px;
    --coa-toolbar-padding-inline:6px;
    --coa-toolbar-padding-block:4px;
    --coa-control-height:36px;
    --coa-toolbar-button-height:36px;
    --coa-button-icon-size:15px;
    --coa-toolbar-btn-pad-x:13px;
    --coa-toolbar-font-size:12.5px;
    --coa-chip-font-size:12.5px;
    --coa-chip-max-inline:236px;
    --coa-search-font-size:13.5px;
    --coa-search-input-height:40px;
    --coa-search-clear-size:28px;
    --coa-pager-btn-pad-x:12px;
    --coa-pager-chip-min-width:72px;
    --coa-pager-size-width:108px;
  }

  .panel[data-view="chart-of-accounts"] :is(
    .chart-accounts__pager-btn,
    .chart-accounts__pager-chip,
    .chart-accounts__pager-size .coa-choice-picker__trigger
  ){
    min-height:36px;
    height:36px;
  }
}

/* Chart of accounts: keep upper toolbar geometry stable across page-size changes */
@container (min-width: 1360px){
  .chart-accounts__toolbar--top{
    min-height:var(--coa-toolbar-height);
    height:var(--coa-toolbar-height);
    align-items:stretch;
  }

  .chart-accounts__toolbar--top > .chart-accounts__toolbar-group,
  .chart-accounts__toolbar--top > .chart-accounts__toolbar-group--pager{
    min-height:100%;
    height:100%;
    padding-top:3px;
    padding-bottom:3px;
    overflow-x:clip;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .chart-accounts__toolbar--top > .chart-accounts__toolbar-group::-webkit-scrollbar,
  .chart-accounts__toolbar--top > .chart-accounts__toolbar-group--pager::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
  }

  .chart-accounts__toolbar--top:is(.is-fit-1, .is-fit-2, .is-fit-3, .is-fit-4){
    --coa-toolbar-padding-block:4px;
    --coa-control-height:36px;
    --coa-toolbar-button-height:36px;
    --coa-search-input-height:40px;
    --coa-search-clear-size:28px;
  }

  .chart-accounts__toolbar--top:is(.is-fit-1, .is-fit-2, .is-fit-3, .is-fit-4) :is(
    .chart-accounts__pager-btn,
    .chart-accounts__pager-chip,
    .chart-accounts__pager-size .coa-choice-picker__trigger
  ){
    min-height:34px;
    height:34px;
  }
}