.panel[data-view="chart-of-accounts"]{
  overflow:hidden;
  container-type:inline-size;
}

.chart-accounts{
  --coa-toolbar-height:48px;
  --coa-control-height:36px;
  --coa-toolbar-button-height:36px;
  --coa-button-icon-size:15px;
  --coa-table-head-height:42px;
  --coa-table-row-height:52px;
  --coa-table-row-gap:5px;
  --coa-table-cell-pad-y:4px;
  --coa-table-cell-pad-x:10px;
  --coa-state-col-width:36px;
  --coa-state-col-pad-x:6px;
  --coa-state-dot-size:14px;
  --coa-avatar-col-width:78px;
  --coa-account-col-width:146px;
  --coa-name-col-width:272px;
  --coa-type-col-width:116px;
  --coa-location-col-width:148px;
  --coa-phone-col-width:136px;
  --coa-phone-pill-width:122px;
  --coa-address-col-min-width:192px;
  --coa-created-col-width:152px;
  --coa-actions-col-width:108px;
  --coa-col-regular-pad-x:10px;
  --coa-col-wide-pad-x:14px;
  --coa-head-col-pad-x:8px;
  --coa-table-min-width:calc(var(--coa-state-col-width) + var(--coa-avatar-col-width) + var(--coa-account-col-width) + var(--coa-name-col-width) + var(--coa-type-col-width) + var(--coa-location-col-width) + var(--coa-phone-col-width) + var(--coa-address-col-min-width) + var(--coa-created-col-width) + var(--coa-actions-col-width));
  --coa-avatar-size:32px;
  --coa-account-height:31px;
  --coa-type-height:31px;
  --coa-row-surface-odd:rgba(255,255,255,.94);
  --coa-row-surface-even:rgba(247,249,252,.96);
  --coa-row-selected-border:rgba(15,23,42,.82);
  --coa-line:rgba(15,23,42,.08);
  --coa-shadow:0 14px 30px rgba(15,23,42,.08);
  --coa-topbar-gap:6px;
  --coa-toolbar-padding-inline:6px;
  --coa-toolbar-padding-block:4px;
  --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-min:162px;
  --coa-search-max:252px;
  --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;
  --coa-shell-bleed:3px;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:4px;
  color:var(--ink);
  min-height:0;
  position:relative;
  container-type:inline-size;
}

.chart-accounts::before{
  content:none;
}

.chart-accounts__toolbar{
  min-height:var(--coa-toolbar-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--coa-topbar-gap);
  padding:var(--coa-toolbar-padding-block) var(--coa-toolbar-padding-inline);
  border-radius:9px;
  border:1px solid var(--coa-line);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90));
  box-shadow:var(--coa-shadow);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  position:relative;
  z-index:2;
  overflow:hidden;
}

.chart-accounts__toolbar--top{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
}

.chart-accounts__toolbar--top > *{
  min-width:0;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top{
  min-height:50px;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-search{
  box-sizing:border-box;
  padding-inline-start:var(--coa-topbar-gap);
}

.chart-accounts__toolbar--bottom{
  margin-top:auto;
}

.chart-accounts__toolbar-group{
  min-width:0;
  max-width:100%;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:var(--coa-topbar-gap);
  overflow-x:auto;
  overflow-y:hidden;
  padding:3px 0;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.18) transparent;
}

.chart-accounts__toolbar-meta{
  min-width:0;
  display:flex;
  align-items:center;
  gap:var(--coa-topbar-gap);
}

.chart-accounts__toolbar-group--full{
  width:100%;
  flex:1 1 auto;
}

.chart-accounts__toolbar-search{
  flex:0 1 var(--coa-search-max);
  min-width:var(--coa-search-min);
  max-width:var(--coa-search-max);
}

.chart-accounts__search-wrap{
  position:relative;
  width:100%;
}

.chart-accounts__search-input{
  width:100%;
  height:var(--coa-search-input-height);
  padding:0 15px 0 calc(var(--coa-search-clear-size) + 14px);
  border-radius:8px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.92);
  color:#0b1220;
  font:700 var(--coa-search-font-size)/1 var(--taif-font-family);
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.chart-accounts__search-input::-webkit-search-decoration,
.chart-accounts__search-input::-webkit-search-cancel-button,
.chart-accounts__search-input::-webkit-search-results-button,
.chart-accounts__search-input::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}

.chart-accounts__search-input::-ms-clear,
.chart-accounts__search-input::-ms-reveal{
  display:none;
  width:0;
  height:0;
}

.chart-accounts__search-clear{
  position:absolute;
  top:50%;
  left:6px;
  transform:translateY(-50%);
  width:var(--coa-search-clear-size);
  height:var(--coa-search-clear-size);
  display:grid;
  place-items:center;
  border:1px solid rgba(220,38,38,.22);
  border-radius:8px;
  background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  box-shadow:0 10px 16px rgba(185,28,28,.16), inset 0 1px 0 rgba(255,255,255,.16);
  color:#fff;
  cursor:pointer;
  transition:filter .18s ease, transform .18s ease, box-shadow .18s ease;
  padding:0;
  font-size:0;
  line-height:0;
}
.chart-accounts__search-clear svg{
  display:block;
  width:11.75px;
  height:11.75px;
  overflow:visible;
  pointer-events:none;
  flex:none;
  transform:translateZ(0);
}

.chart-accounts__search-clear svg path{
  stroke-width:2.35;
  vector-effect:non-scaling-stroke;
}
.chart-accounts__search-clear:focus,
.chart-accounts__search-clear:focus-visible{
  outline:none;
  box-shadow:none;
}

.chart-accounts__toolbar-group::-webkit-scrollbar{
  height:8px;
}

.chart-accounts__toolbar-group::-webkit-scrollbar-track{
  background:transparent;
}

.chart-accounts__toolbar-group::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:rgba(15,23,42,.16);
}

.chart-accounts__toolbar .chart-accounts__toolbar-btn{
  flex:0 0 auto;
  min-height:var(--coa-toolbar-button-height);
  max-width:100%;
}

.chart-accounts__toolbar .chart-accounts__toolbar-btn[disabled]{
  opacity:.5;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
  filter:none;
}

.coa-btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:var(--coa-control-height);
  padding:0 13px;
  border-radius:8px;
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.84));
  color:#0b1220;
  font:700 12.5px/1 var(--taif-font-family);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  cursor:pointer;
  transition:translate .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,filter .16s ease,opacity .16s ease;
  box-shadow:0 10px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.34);
}

.coa-btn::before{
  content:"";
  position:absolute;
  inset:1px 1px auto;
  height:54%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));
  pointer-events:none;
  z-index:0;
}

.coa-btn > *{
  position:relative;
  z-index:1;
}
.chart-accounts__toolbar-btn::before{
  content:none;
}

.coa-btn > .taif-control-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.coa-btn svg{
  width:var(--coa-button-icon-size);
  height:var(--coa-button-icon-size);
  flex:0 0 auto;
}

.coa-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.38);
  filter:saturate(1.03) brightness(1.012);
}

.coa-btn:active{
  transform:translateY(1px) scale(.985);
  box-shadow:0 7px 14px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.24);
}

.coa-btn:focus,
.coa-btn:focus-visible{
  outline:none;
  border-color:rgba(148,163,184,.22);
  box-shadow:0 10px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.34);
}

.coa-btn[disabled]{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
  filter:none;
  box-shadow:none;
}

.coa-btn[disabled]::before{
  opacity:.55;
}

.coa-btn--primary{
  background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);
  color:#fff;
  border-color:rgba(37,99,235,.34);
  box-shadow:0 14px 24px rgba(37,99,235,.18),0 4px 10px rgba(59,130,246,.12),inset 0 1px 0 rgba(255,255,255,.14);
}

.coa-btn--primary::before{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
}

.coa-btn--primary:is(:focus, :focus-visible){
  border-color:rgba(37,99,235,.34);
  box-shadow:0 14px 24px rgba(37,99,235,.18),0 4px 10px rgba(59,130,246,.12),inset 0 1px 0 rgba(255,255,255,.14);
}

.coa-btn--success{
  background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);
  color:#fff;
  border-color:rgba(22,163,74,.34);
  box-shadow:0 14px 24px rgba(21,128,61,.18),0 4px 10px rgba(34,197,94,.12),inset 0 1px 0 rgba(255,255,255,.14);
}

.coa-btn--success::before{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
}

.coa-btn--success:is(:focus, :focus-visible){
  border-color:rgba(22,163,74,.34);
  box-shadow:0 14px 24px rgba(21,128,61,.18),0 4px 10px rgba(34,197,94,.12),inset 0 1px 0 rgba(255,255,255,.14);
}

.coa-btn--danger{
  background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);
  color:#fff;
  border-color:rgba(220,38,38,.34);
  box-shadow:0 14px 24px rgba(185,28,28,.20),0 4px 10px rgba(239,68,68,.12),inset 0 1px 0 rgba(255,255,255,.14);
}

.coa-btn--danger::before{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
}

.coa-btn--danger:is(:focus, :focus-visible){
  border-color:rgba(220,38,38,.34);
  box-shadow:0 14px 24px rgba(185,28,28,.20),0 4px 10px rgba(239,68,68,.12),inset 0 1px 0 rgba(255,255,255,.14);
}

.chart-accounts__toolbar-btn{
  flex:0 1 auto;
  min-width:0;
  padding:0 var(--coa-toolbar-btn-pad-x);
  transform:none;
  font-size:var(--coa-toolbar-font-size);
}

.chart-accounts__toolbar-btn:hover{
  transform:none;
}

.chart-accounts__toolbar-btn:active{
  transform:translateY(1px) scale(.985);
}

.panel[data-view="chart-of-accounts"] :is(
  .chart-accounts__toolbar--top .chart-accounts__toolbar-btn,
  .chart-accounts__toolbar--top .chart-accounts__search-clear,
  .chart-accounts__toolbar--top .chart-accounts__chip,
  .chart-accounts__toolbar--top .chart-accounts__search-input,
  .chart-accounts__toolbar--top .chart-accounts__pager-btn,
  .chart-accounts__toolbar--top .chart-accounts__pager-chip,
  .chart-accounts__toolbar--top .coa-choice-picker__trigger
){
  box-shadow:none !important;
}

.panel[data-view="chart-of-accounts"] :is(
  .chart-accounts__toolbar--top .chart-accounts__toolbar-btn,
  .chart-accounts__toolbar--top .chart-accounts__search-clear,
  .chart-accounts__toolbar--top .chart-accounts__chip,
  .chart-accounts__toolbar--top .chart-accounts__search-input,
  .chart-accounts__toolbar--top .chart-accounts__pager-btn,
  .chart-accounts__toolbar--top .chart-accounts__pager-chip,
  .chart-accounts__toolbar--top .coa-choice-picker__trigger
):is(:hover, :active, :focus, :focus-visible){
  box-shadow:none !important;
}

.chart-accounts__chip{
  min-height:var(--coa-control-height);
  min-width:0;
  max-width:var(--coa-chip-max-inline);
  padding:0 14px;
  border-radius:8px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.62);
  color:#475569;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:700 var(--coa-chip-font-size)/1 var(--taif-font-family);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.chart-accounts__placeholder{
  min-height:var(--coa-control-height);
  padding:0 14px;
  border-radius:8px;
  border:1px solid rgba(15,23,42,.08);
  display:inline-flex;
  align-items:center;
  gap:var(--coa-topbar-gap);
  font:700 12.5px/1 var(--taif-font-family);
  white-space:nowrap;
  flex:1 1 auto;
  justify-content:flex-start;
  background:rgba(255,255,255,.56);
  color:rgba(15,23,42,.46);
}

.chart-accounts__chip > .taif-control-text{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.chart-accounts__chip b{
  color:#0b1220;
  font-weight:700;
}

.chart-accounts__chip--selected{
  background:rgba(37,99,235,.08);
  border-color:rgba(37,99,235,.16);
}

.chart-accounts__toolbar-group--pager{
  flex:0 0 auto;
  overflow:hidden;
  padding-inline-start:7px;
  border-inline-start:1px solid rgba(148,163,184,.16);
  scrollbar-width:none;
}

.chart-accounts__toolbar-group--pager::-webkit-scrollbar{
  display:none;
}

.chart-accounts__pager-shell{
  min-height:var(--coa-control-height);
  display:inline-flex;
  align-items:center;
  gap:var(--coa-topbar-gap);
  padding:0;
  border-radius:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

.chart-accounts__pager-btn{
  min-height:34px;
  padding:0 var(--coa-pager-btn-pad-x);
  gap:6px;
  border-color:rgba(148,163,184,.20);
  box-shadow:0 10px 18px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.30);
}

.chart-accounts__pager-btn:hover{
  transform:none;
}

.chart-accounts__pager-btn:active{
  transform:translateY(1px) scale(.985);
}

.chart-accounts__pager-icon{
  width:14px;
  height:14px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}

.chart-accounts__pager-icon svg{
  width:100%;
  height:100%;
}

.chart-accounts__pager-chip{
  min-height:34px;
  min-width:var(--coa-pager-chip-min-width);
  padding:0 var(--coa-pager-btn-pad-x);
  border-radius:8px;
  border:1px solid rgba(37,99,235,.14);
  background:linear-gradient(180deg, rgba(239,246,255,.98), rgba(219,234,254,.92));
  color:#1d4ed8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
  font:700 12.5px/1 var(--taif-font-family);
}

.chart-accounts__pager-chip b{
  color:#0f172a;
  font-weight:700;
}

.chart-accounts__pager-size{
  flex:0 0 auto;
  width:var(--coa-pager-size-width);
  min-width:var(--coa-pager-size-width);
}

.chart-accounts__pager-size .coa-choice-picker{
  width:100%;
}

.chart-accounts__pager-size .coa-choice-picker__trigger{
  min-height:34px;
  height:34px;
  padding:0 11px;
  border-color:rgba(148,163,184,.20);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(245,248,255,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 9px 18px rgba(15,23,42,.04);
}

.chart-accounts__pager-size .coa-choice-picker__value{
  font-size:12.1px;
}

.chart-accounts__pager-size .coa-choice-picker__icon{
  width:14px;
  height:14px;
}

.chart-accounts__pager-size .coa-choice-popover{
  z-index:27;
}

.chart-accounts__pager-size .coa-choice-popover__option{
  min-height:34px;
  padding:0 11px;
  font-size:12.2px;
}

.chart-accounts__toolbar--top.is-fit-1{
  --coa-search-min:150px;
  --coa-search-max:214px;
  --coa-topbar-gap:5px;
  --coa-toolbar-button-height:34px;
  --coa-toolbar-btn-pad-x:11px;
  --coa-toolbar-font-size:12px;
  --coa-chip-max-inline:214px;
  --coa-pager-size-width:100px;
  --coa-pager-chip-min-width:68px;
}

.chart-accounts__toolbar--top.is-fit-2{
  --coa-search-min:132px;
  --coa-search-max:186px;
  --coa-topbar-gap:4px;
  --coa-toolbar-padding-inline:5px;
  --coa-toolbar-btn-pad-x:9px;
  --coa-toolbar-font-size:11.25px;
  --coa-chip-font-size:11.9px;
  --coa-chip-max-inline:190px;
  --coa-control-height:34px;
  --coa-toolbar-button-height:32px;
  --coa-button-icon-size:13px;
  --coa-search-input-height:38px;
  --coa-search-font-size:12px;
  --coa-search-clear-size:26px;
  --coa-pager-btn-pad-x:10px;
  --coa-pager-size-width:92px;
  --coa-pager-chip-min-width:66px;
}

.chart-accounts__toolbar--top.is-fit-3{
  --coa-search-min:118px;
  --coa-search-max:160px;
  --coa-topbar-gap:3px;
  --coa-toolbar-padding-inline:4px;
  --coa-toolbar-padding-block:3px;
  --coa-toolbar-btn-pad-x:7px;
  --coa-toolbar-font-size:11px;
  --coa-chip-font-size:11.1px;
  --coa-chip-max-inline:166px;
  --coa-control-height:32px;
  --coa-toolbar-button-height:30px;
  --coa-button-icon-size:12px;
  --coa-search-input-height:36px;
  --coa-search-font-size:11.5px;
  --coa-search-clear-size:24px;
  --coa-pager-btn-pad-x:8px;
  --coa-pager-size-width:84px;
  --coa-pager-chip-min-width:60px;
}

.chart-accounts__toolbar--top.is-fit-4{
  --coa-search-min:100px;
  --coa-search-max:132px;
  --coa-topbar-gap:2px;
  --coa-toolbar-padding-inline:3px;
  --coa-toolbar-btn-pad-x:6px;
  --coa-toolbar-font-size:10.6px;
  --coa-chip-font-size:10.4px;
  --coa-chip-max-inline:144px;
  --coa-control-height:30px;
  --coa-toolbar-button-height:29px;
  --coa-button-icon-size:11px;
  --coa-search-input-height:34px;
  --coa-search-font-size:11px;
  --coa-search-clear-size:22px;
  --coa-pager-btn-pad-x:6px;
  --coa-pager-size-width:78px;
  --coa-pager-chip-min-width:56px;
}

.chart-accounts__toolbar--top.is-fit-2 .chart-accounts__toolbar-group--pager{
  padding-inline-start:5px;
}

.chart-accounts__toolbar--top.is-fit-3 .chart-accounts__toolbar-group--pager,
.chart-accounts__toolbar--top.is-fit-4 .chart-accounts__toolbar-group--pager{
  padding-inline-start:3px;
}

.chart-accounts__toolbar--top.is-fit-3 .chart-accounts__pager-icon,
.chart-accounts__toolbar--top.is-fit-4 .chart-accounts__pager-icon{
  width:12px;
  height:12px;
}

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

.chart-accounts__toolbar--top.is-fit-4 .chart-accounts__pager-size .coa-choice-picker__value{
  font-size:10.6px;
}

.chart-accounts__table-shell{
  --coa-body-scrollbar-offset:0px;
  flex:1 1 auto;
  min-height:0;
  min-width:0;
  width:calc(100% + (var(--coa-shell-bleed) * 2));
  max-width:none;
  margin-inline:calc(var(--coa-shell-bleed) * -1);
  display:flex;
  flex-direction:column;
  gap:0;
}

.chart-accounts__table-head-shell{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  min-width:0;
  min-height:var(--coa-table-head-height);
  height:var(--coa-table-head-height);
  box-sizing:border-box;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(233,237,243,.98) 0%, rgba(223,229,237,.98) 100%);
  border-top:1px solid rgba(148,163,184,.24);
  border-bottom:1px solid rgba(148,163,184,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.chart-accounts__table-head-viewport{
  min-width:0;
  height:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding-left:var(--coa-body-scrollbar-offset);
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.chart-accounts__table-head-viewport::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

@container (max-width: 1360px){
  .chart-accounts{
    --coa-account-col-width:138px;
    --coa-name-col-width:248px;
    --coa-location-col-width:140px;
    --coa-phone-col-width:118px;
    --coa-phone-pill-width:104px;
    --coa-address-col-min-width:176px;
    --coa-created-col-width:140px;
    --coa-actions-col-width:100px;
  }
}

@container (max-width: 1220px){
  .chart-accounts{
    --coa-avatar-col-width:72px;
    --coa-account-col-width:126px;
    --coa-name-col-width:226px;
    --coa-type-col-width:104px;
    --coa-location-col-width:126px;
    --coa-phone-col-width:118px;
    --coa-phone-pill-width:104px;
    --coa-address-col-min-width:156px;
    --coa-created-col-width:132px;
    --coa-actions-col-width:92px;
    --coa-table-cell-pad-x:8px;
    --coa-col-regular-pad-x:8px;
    --coa-col-wide-pad-x:10px;
    --coa-head-col-pad-x:6px;
    --coa-avatar-size:30px;
  }

  .chart-accounts__cell--location{
    padding-inline:8px;
  }

  .chart-accounts__cell--address{
    padding-inline:10px;
  }

  .chart-accounts__cell--phone{
    padding-inline:8px;
  }

  .chart-accounts__cell--actions{
    padding-inline:6px;
  }

  .chart-accounts__actions{
    gap:4px;
  }

  .chart-accounts__iconbtn{
    width:32px;
    height:32px;
  }
}

@container (max-width: 1080px){
  .chart-accounts{
    --coa-avatar-col-width:66px;
    --coa-account-col-width:122px;
    --coa-name-col-width:214px;
    --coa-type-col-width:98px;
    --coa-location-col-width:122px;
    --coa-phone-col-width:114px;
    --coa-phone-pill-width:100px;
    --coa-address-col-min-width:146px;
    --coa-created-col-width:132px;
    --coa-actions-col-width:88px;
    --coa-table-cell-pad-x:6px;
    --coa-col-regular-pad-x:6px;
    --coa-col-wide-pad-x:8px;
    --coa-head-col-pad-x:5px;
    --coa-avatar-size:28px;
  }

  .chart-accounts__table thead th{
    font-size:10.5px;
  }

  .chart-accounts__account{
    min-width:88px;
    padding-inline:8px;
    font-size:12px;
  }

  .chart-accounts__phone{
    width:min(100%, var(--coa-phone-pill-width));
    padding-inline:8px;
    font-size:12px;
  }

  .chart-accounts__type{
    min-width:76px;
    padding-inline:8px;
    font-size:11.8px;
  }

  .chart-accounts__name{
    font-size:13px;
  }

  .chart-accounts__location-main,
  .chart-accounts__address-main,
  .chart-accounts__phone{
    font-size:12px;
  }

  .chart-accounts__actions{
    gap:3px;
  }

  .chart-accounts__iconbtn{
    width:30px;
    height:30px;
    border-radius:7px;
  }

  .chart-accounts__iconbtn svg{
    width:14px;
    height:14px;
  }
}

@container (max-width: 980px){
  .chart-accounts{
    --coa-table-min-width:0px;
    --coa-state-col-width:30px;
    --coa-state-col-pad-x:4px;
    --coa-state-dot-size:11px;
    --coa-avatar-col-width:56px;
    --coa-account-col-width:104px;
    --coa-name-col-width:182px;
    --coa-type-col-width:86px;
    --coa-location-col-width:102px;
    --coa-phone-col-width:96px;
    --coa-phone-pill-width:84px;
    --coa-address-col-min-width:92px;
    --coa-created-col-width:116px;
    --coa-actions-col-width:76px;
    --coa-table-head-height:28px;
    --coa-table-row-height:48px;
    --coa-table-row-gap:4px;
    --coa-table-cell-pad-x:4px;
    --coa-col-regular-pad-x:4px;
    --coa-col-wide-pad-x:5px;
    --coa-head-col-pad-x:4px;
    --coa-avatar-size:26px;
    --coa-account-height:29px;
    --coa-type-height:29px;
  }

  .chart-accounts__table-scroll{
    overflow-x:hidden;
  }

  .chart-accounts__table{
    width:100%;
    min-width:0;
  }

  .chart-accounts__col-head--address,
  .chart-accounts__cell--address{
    min-width:0;
  }

  .chart-accounts__table thead th{
    font-size:9.3px;
  }

  .chart-accounts__table tbody td{
    font-size:11.2px;
  }

  .chart-accounts__account{
    min-width:72px;
    padding:0 7px;
    font-size:11px;
  }

  .chart-accounts__phone{
    width:min(100%, var(--coa-phone-pill-width));
    padding:0 7px;
    font-size:11px;
  }

  .chart-accounts__type{
    min-width:58px;
    padding:0 7px;
    font-size:10.8px;
  }

  .chart-accounts__name{
    font-size:11.8px;
  }

  .chart-accounts__location-main,
  .chart-accounts__address-main,
  .chart-accounts__phone{
    font-size:10.8px;
  }

  .chart-accounts__cell--type{
    padding-inline-start:4px;
    padding-inline-end:6px;
  }

  .chart-accounts__cell--location,
  .chart-accounts__cell--phone,
  .chart-accounts__cell--actions{
    padding-inline:4px;
  }

  .chart-accounts__cell--address{
    padding-inline:5px;
  }

  .chart-accounts__actions{
    gap:2px;
  }

  .chart-accounts__iconbtn{
    width:26px;
    height:26px;
    border-radius:6px;
  }

  .chart-accounts__iconbtn svg{
    width:12px;
    height:12px;
  }
}

@container (max-width: 860px){
  .chart-accounts{
    --coa-table-min-width:0px;
    --coa-state-col-width:26px;
    --coa-state-col-pad-x:3px;
    --coa-state-dot-size:10px;
    --coa-avatar-col-width:50px;
    --coa-account-col-width:92px;
    --coa-name-col-width:160px;
    --coa-type-col-width:74px;
    --coa-location-col-width:88px;
    --coa-phone-col-width:86px;
    --coa-phone-pill-width:74px;
    --coa-address-col-min-width:80px;
    --coa-created-col-width:104px;
    --coa-actions-col-width:70px;
    --coa-table-head-height:26px;
    --coa-table-row-height:46px;
    --coa-table-cell-pad-x:3px;
    --coa-col-regular-pad-x:3px;
    --coa-col-wide-pad-x:4px;
    --coa-head-col-pad-x:3px;
    --coa-avatar-size:24px;
    --coa-account-height:28px;
    --coa-type-height:28px;
  }

  .chart-accounts__table-scroll{
    overflow-x:hidden;
  }

  .chart-accounts__table{
    width:100%;
    min-width:0;
  }

  .chart-accounts__col-head--address,
  .chart-accounts__cell--address{
    min-width:0;
  }

  .chart-accounts__table thead th{
    font-size:8.9px;
  }

  .chart-accounts__table tbody td{
    font-size:10.8px;
  }

  .chart-accounts__account{
    min-width:66px;
    padding:0 6px;
    font-size:10.5px;
  }

  .chart-accounts__phone{
    width:min(100%, var(--coa-phone-pill-width));
    padding:0 6px;
    font-size:10.5px;
  }

  .chart-accounts__type{
    min-width:52px;
    padding:0 6px;
    font-size:10.2px;
  }

  .chart-accounts__name{
    font-size:11.2px;
  }

  .chart-accounts__location-main,
  .chart-accounts__address-main,
  .chart-accounts__phone{
    font-size:10.2px;
  }

  .chart-accounts__cell--type,
  .chart-accounts__cell--location,
  .chart-accounts__cell--phone,
  .chart-accounts__cell--actions,
  .chart-accounts__cell--address{
    padding-inline:3px;
  }

  .chart-accounts__actions{
    gap:1px;
  }

  .chart-accounts__iconbtn{
    width:24px;
    height:24px;
    border-radius:6px;
  }

  .chart-accounts__iconbtn svg{
    width:11px;
    height:11px;
  }
}

.chart-accounts__table-scroll{
  flex:1 1 auto;
  min-height:0;
  min-width:0;
  overflow:auto;
  direction:rtl;
  padding:0;
  scrollbar-width:thin;
  scrollbar-color:var(--taif-scrollbar-thumb) var(--taif-scrollbar-track);
  scrollbar-gutter:auto;
}

.chart-accounts__table-scroll::-webkit-scrollbar{
  width:8px;
  height:8px;
}

.chart-accounts__table-scroll::-webkit-scrollbar-track{
  background:var(--taif-scrollbar-track);
  border-radius:10px;
}

.chart-accounts__table-scroll::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:var(--taif-scrollbar-thumb);
  border:1px solid transparent;
  background-clip:padding-box;
}

.chart-accounts__table{
  width:max(100%, var(--coa-table-min-width));
  min-width:var(--coa-table-min-width);
  margin:0;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0 var(--coa-table-row-gap);
}

.chart-accounts__table--head{
  height:100%;
  border-spacing:0;
}

.chart-accounts__table--body{
  border-spacing:0 var(--coa-table-row-gap);
}

.chart-accounts__col--state{
  width:var(--coa-state-col-width);
}

.chart-accounts__col--avatar,
.chart-accounts__col-head--avatar,
.chart-accounts__cell--avatar{
  width:var(--coa-avatar-col-width);
}

.chart-accounts__col--account,
.chart-accounts__col-head--account,
.chart-accounts__cell--account{
  width:var(--coa-account-col-width);
}

.chart-accounts__col--name,
.chart-accounts__col-head--name,
.chart-accounts__cell--name{
  width:var(--coa-name-col-width);
}

.chart-accounts__col--type,
.chart-accounts__col-head--type,
.chart-accounts__cell--type{
  width:var(--coa-type-col-width);
}

.chart-accounts__col--location,
.chart-accounts__col-head--location,
.chart-accounts__cell--location{
  width:var(--coa-location-col-width);
}

.chart-accounts__col--phone,
.chart-accounts__col-head--phone,
.chart-accounts__cell--phone{
  width:var(--coa-phone-col-width);
}

.chart-accounts__col--address{
  width:auto;
}

.chart-accounts__col-head--address,
.chart-accounts__cell--address{
  min-width:var(--coa-address-col-min-width);
}

.chart-accounts__col--created-at,
.chart-accounts__col-head--created-at,
.chart-accounts__cell--created-at{
  width:var(--coa-created-col-width);
}

.chart-accounts__col--actions,
.chart-accounts__col-head--actions,
.chart-accounts__cell--actions{
  width:var(--coa-actions-col-width);
}

.chart-accounts__table thead th{
  box-sizing:border-box;
  position:sticky;
  top:0;
  z-index:1;
  padding:0 var(--coa-table-cell-pad-x);
  height:var(--coa-table-head-height);
  color:#475569;
  font:800 12.5px/1.15 var(--taif-font-family);
  text-align:right;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.chart-accounts__table--head thead th{
  position:static;
  top:auto;
  z-index:auto;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.chart-accounts__table thead th:first-child{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}

.chart-accounts__table thead th:last-child{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}

.chart-accounts__table thead th + th{
  border-inline-start:1px solid rgba(148,163,184,.18);
}

.chart-accounts__table tbody tr{
  cursor:default;
  transition:transform .12s ease,box-shadow .12s ease;
}

.chart-accounts__table tbody tr:hover td{
  border-color:rgba(37,99,235,.16);
  box-shadow:0 10px 22px rgba(37,99,235,.05);
}

.chart-accounts__table tbody tr.chart-accounts__row--selected td{
  border-top-color:var(--coa-row-selected-border);
  border-bottom-color:var(--coa-row-selected-border);
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,252,.965));
  box-shadow:none;
}

.chart-accounts__table tbody tr.chart-accounts__row--selected td:first-child{
  border-right-color:var(--coa-row-selected-border);
}

.chart-accounts__table tbody tr.chart-accounts__row--selected td:last-child{
  border-left-color:var(--coa-row-selected-border);
}

.chart-accounts__table tbody tr.chart-accounts__row--selected:hover td{
  border-top-color:var(--coa-row-selected-border);
  border-bottom-color:var(--coa-row-selected-border);
  box-shadow:none;
}

.chart-accounts__table tbody tr.chart-accounts__row--selected:hover td:first-child{
  border-right-color:var(--coa-row-selected-border);
}

.chart-accounts__table tbody tr.chart-accounts__row--selected:hover td:last-child{
  border-left-color:var(--coa-row-selected-border);
}

.chart-accounts__table tbody td{
  box-sizing:border-box;
  height:var(--coa-table-row-height);
  padding:var(--coa-table-cell-pad-y) var(--coa-table-cell-pad-x);
  border-top:1px solid rgba(15,23,42,.07);
  border-bottom:1px solid rgba(15,23,42,.07);
  background:var(--coa-row-surface-odd);
  vertical-align:middle;
  font:700 12.5px/1.35 var(--taif-font-family);
  color:#0b1220;
}

.chart-accounts__table tbody tr:nth-child(even) td{
  background:var(--coa-row-surface-even);
}

.chart-accounts__table tbody td:first-child{
  border-right:1px solid rgba(15,23,42,.07);
  border-top-right-radius:9px;
  border-bottom-right-radius:9px;
}

.chart-accounts__table tbody td:last-child{
  border-left:1px solid rgba(15,23,42,.07);
  border-top-left-radius:9px;
  border-bottom-left-radius:9px;
}

.chart-accounts__table thead .chart-accounts__col-head,
.chart-accounts__table thead .chart-accounts__state-head{
  text-align:center;
  padding-inline:var(--coa-head-col-pad-x);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.chart-accounts__table thead .chart-accounts__col-head--name{
  text-align:right;
  padding-inline:var(--coa-col-wide-pad-x);
}

.chart-accounts__cell--avatar,
.chart-accounts__cell--account{
  text-align:center;
  padding-inline:var(--coa-col-regular-pad-x);
}

.chart-accounts__cell--type{
  text-align:right;
  padding-inline-start:6px;
  padding-inline-end:12px;
}

.chart-accounts__cell--location{
  text-align:center;
  padding-inline:12px;
}

.chart-accounts__cell--phone{
  text-align:center;
  padding-inline:10px;
}

.chart-accounts__cell--address{
  text-align:center;
  padding-inline:12px;
}

.chart-accounts__cell--created-at{
  text-align:right;
  padding-inline:8px;
}

.chart-accounts__cell--actions{
  text-align:center;
  padding-inline:8px;
}

.chart-accounts__actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}

.chart-accounts__iconbtn{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(15,23,42,.10);
  border-radius:8px;
  background:rgba(255,255,255,.92);
  color:#0b1220;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease;
  box-shadow:0 6px 14px rgba(15,23,42,.06);
}

.chart-accounts__iconbtn svg{
  width:15px;
  height:15px;
}

.chart-accounts__iconbtn:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.20);
  background:rgba(255,255,255,.98);
}

.chart-accounts__iconbtn:active{
  transform:translateY(0) scale(.96);
}

.chart-accounts__iconbtn:is(:focus, :focus-visible){
  outline:none;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 6px 14px rgba(15,23,42,.06);
}

.chart-accounts__iconbtn--danger{
  color:#b91c1c;
  border-color:rgba(239,68,68,.16);
}

.chart-accounts__iconbtn--danger:hover{
  border-color:rgba(220,38,38,.24);
  background:rgba(255,247,247,.98);
}

.chart-accounts__iconbtn.is-disabled,
.chart-accounts__iconbtn:disabled{
  cursor:not-allowed;
  opacity:.56;
  transform:none;
  box-shadow:none;
  background:rgba(241,245,249,.96);
  border-color:rgba(148,163,184,.22);
}

.chart-accounts__iconbtn.is-disabled:hover,
.chart-accounts__iconbtn:disabled:hover,
.chart-accounts__iconbtn.is-disabled:active,
.chart-accounts__iconbtn:disabled:active{
  transform:none;
  background:rgba(241,245,249,.96);
  border-color:rgba(148,163,184,.22);
}

.chart-accounts__cell--name{
  text-align:right;
  padding-inline:var(--coa-col-wide-pad-x);
}

.chart-accounts__cell--account .chart-accounts__account{
  margin-inline:auto;
}

.chart-accounts__cell--type .chart-accounts__type,
.chart-accounts__cell--location .chart-accounts__location,
.chart-accounts__cell--phone .chart-accounts__phone,
.chart-accounts__cell--address .chart-accounts__address,
.chart-accounts__cell--created-at .chart-accounts__created-at{
  width:auto;
  max-width:100%;
}

.chart-accounts__cell--type .chart-accounts__type{
  margin-inline-start:0;
  margin-inline-end:auto;
}

.chart-accounts__cell--location .chart-accounts__location,
.chart-accounts__cell--address .chart-accounts__address{
  margin-inline:auto;
  align-items:center;
  text-align:center;
}

.chart-accounts__cell--phone .chart-accounts__phone{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--coa-phone-pill-width);
  min-width:var(--coa-phone-pill-width);
  max-width:100%;
  margin-inline:auto;
  text-align:center;
}

.chart-accounts__created-at{
  display:block;
  min-width:0;
  margin-inline-start:0;
  margin-inline-end:auto;
  font:700 11.25px/1.45 var(--taif-font-family);
  color:#64748b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@container (max-width: 980px){
  .chart-accounts__cell--created-at{
    padding-inline:6px;
  }

  .chart-accounts__created-at{
    font-size:10.8px;
  }
}

@container (max-width: 860px){
  .chart-accounts__cell--created-at{
    padding-inline:3px;
  }

  .chart-accounts__created-at{
    font-size:10.2px;
  }
}

.chart-accounts__location,
.chart-accounts__address{
  max-width:100%;
}

.chart-accounts__location-main,
.chart-accounts__address-main{
  display:block;
  width:100%;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.chart-accounts__phone{
  width:min(100%, var(--coa-phone-pill-width));
  max-width:100%;
  padding:0 10px;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-inline:auto;
}

.chart-accounts__state-head,
.chart-accounts__state-cell{
  width:var(--coa-state-col-width);
  min-width:var(--coa-state-col-width);
  text-align:center;
  padding-inline:var(--coa-state-col-pad-x);
}

.chart-accounts__state-slot{
  display:flex;
  align-items:center;
  justify-content:center;
}
.chart-accounts__avatar-cell{
  width:var(--coa-avatar-col-width);
}

.chart-accounts__avatar{
  width:var(--coa-avatar-size);
  height:var(--coa-avatar-size);
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(37,99,235,.16);
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(255,255,255,.96));
  display:grid;
  place-items:center;
  color:#1d4ed8;
  font:700 14px/1 var(--taif-font-family);
}

.chart-accounts__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.chart-accounts__account,
.chart-accounts__phone{
  display:inline-flex;
  height:var(--coa-account-height);
  align-items:center;
  justify-content:center;
  border-radius:7px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(15,23,42,.05);
  direction:ltr;
  font:700 13px/1 var(--taif-font-family);
  box-sizing:border-box;
  white-space:nowrap;
}

.chart-accounts__account{
  min-width:96px;
  padding:0 10px;
}

.chart-accounts__name-wrap{
  display:flex;
  flex-direction:column;
  gap:2px;
  width:100%;
  max-width:100%;
  min-width:0;
}

.chart-accounts__name{
  font:700 13.5px/1.2 var(--taif-font-family);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.chart-accounts__type{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:84px;
  height:var(--coa-type-height);
  padding:0 10px;
  border-radius:8px;
  border:1px solid rgba(37,99,235,.16);
  background:rgba(37,99,235,.08);
  color:#1d4ed8;
  font:700 12.5px/1 var(--taif-font-family);
}

.chart-accounts__type--main{
  background:rgba(22,163,74,.08);
  border-color:rgba(22,163,74,.18);
  color:#065f46;
}

.chart-accounts__type--box{
  background:rgba(245,158,11,.10);
  border-color:rgba(245,158,11,.18);
  color:#9a3412;
}

.chart-accounts__location{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.chart-accounts__address{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  text-align:center;
}

.chart-accounts__empty{
  min-height:260px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:20px;
  color:rgba(15,23,42,.58);
  font:700 14px/1.8 var(--taif-font-family);
}

.chart-accounts__empty-box{
  display:grid;
  gap:8px;
  justify-items:center;
}

.chart-accounts__empty-box svg{
  width:42px;
  height:42px;
  color:rgba(37,99,235,.36);
}

.coa-window-layer{
  position:fixed;
  inset:0;
  z-index:2390;
  pointer-events:none;
  overflow:hidden;
}

.coa-modal-backdrop.is-closing{
  opacity:0;
}

.coa-modal{
  position:fixed;
  left:0;
  top:0;
  margin:0;
  display:flex;
  flex-direction:column;
  max-height:min(82vh, 882px);
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(47,103,243,.94);
  background:#2f67f3;
  background-clip:padding-box;
  box-shadow:0 34px 88px rgba(15,23,42,.28), 0 0 0 1px rgba(96,165,250,.18);
  isolation:isolate;
  pointer-events:auto;
  will-change:left, top, opacity, transform;
  contain:layout paint style;
  opacity:1;
  transform:translateY(0) scale(1);
  transition:opacity .12s ease, transform .12s ease;
}

.coa-modal:not(.is-positioned){
  visibility:hidden;
}

.coa-modal-backdrop.is-closing .coa-modal{
  opacity:0;
  transform:translateY(8px) scale(.985);
}

.coa-modal--size-sm{
  width:min(504px, 88vw);
  max-width:100%;
  min-height:auto;
  height:auto;
  max-height:min(266px, 52vh);
}

.coa-modal--size-md{
  width:min(684px, 72vw);
  max-width:100%;
  height:min(52vh, 450px);
  max-height:min(52vh, 450px);
}

.coa-modal--size-lg{
  width:min(918px, 78vw);
  max-width:100%;
  height:min(62vh, 549px);
  max-height:min(62vh, 549px);
}
.coa-modal__head{
  position:relative;
  top:auto;
  z-index:2;
  flex:0 0 auto;
  min-height:32px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px 10px 0 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  background:var(--window-head-chrome);
  box-shadow:none;
  cursor:auto;
  user-select:none;
  touch-action:none;
}

.coa-modal__heading{
  min-width:0;
  display:grid;
  gap:4px;
}

.coa-modal__heading--centered{
  position:relative;
  z-index:1;
  width:100%;
  max-width:calc(100% - 88px);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.coa-modal__title{
  margin:0;
  font-size:14.6px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.01em;
  color:#fff;
  text-shadow:0 1px 2px rgba(2,6,23,.22);
  user-select:none;
}

.coa-modal__head.is-grabbing,
.coa-modal-backdrop.is-dragging .coa-modal__head{
  cursor:auto;
}

.coa-window-actions,
.coa-window-btn,
.coa-close-btn{
  cursor:auto;
}

body.chart-accounts--dragging-window,
body.chart-accounts--dragging-window *{
  user-select:none !important;
  cursor:auto !important;
}
.coa-modal-backdrop.is-dragging .coa-modal{
  transition:none !important;
}

.coa-window-actions{
  position:absolute;
  top:50%;
  left:10px;
  z-index:2;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
}

.coa-modal__body{
  position:relative;
  z-index:1;
  min-height:0;
  flex:1;
  overflow:auto;
  overflow-x:hidden;
  padding:0;
  background:linear-gradient(180deg, rgba(244,248,255,.99), rgba(248,251,255,.98));
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.16) transparent;
}

.coa-modal__body::-webkit-scrollbar,
.coa-deleted-list::-webkit-scrollbar{
  width:10px;
  height:10px;
}

.coa-modal__body::-webkit-scrollbar-track,
.coa-deleted-list::-webkit-scrollbar-track{
  background:transparent;
}

.coa-modal__body::-webkit-scrollbar-thumb,
.coa-deleted-list::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:rgba(15,23,42,.16);
  border:2px solid transparent;
  background-clip:content-box;
}

.coa-modal__body--single-editor{
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:0;
}

.coa-modal__body--picker,
.coa-modal__body--deleted-centers-bulk{
  padding:0;
  overflow:hidden;
  border-radius:0 0 10px 10px;
}

.coa-modal__body--delete-confirm{
  padding:9px 14px 11px;
  display:flex;
  min-height:0;
}

.coa-editor-panel,
.coa-picker-panel,
.coa-deleted-bulk{
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:0;
}

.coa-form{
  position:relative;
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:0;
}

.coa-single-editor-scroll{
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
  padding:14px 16px 12px;
  position:relative;
}

.coa-single-editor-scroll::-webkit-scrollbar{
  width:10px;
  height:10px;
}

.coa-single-editor-scroll::-webkit-scrollbar-track{
  background:transparent;
}

.coa-single-editor-scroll::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:rgba(15,23,42,.16);
  border:2px solid transparent;
  background-clip:content-box;
}

.coa-deleted-bulk{
  --coa-deleted-row-avatar:52px;
  --coa-deleted-row-account:100px;
  --coa-deleted-row-created:132px;
  --coa-deleted-row-type:92px;
  --coa-deleted-row-time:142px;
  --coa-deleted-row-actions:168px;
  --coa-deleted-row-gap:6px;
  background:linear-gradient(180deg, rgba(244,248,255,.99), rgba(248,251,255,.98));
}

.coa-deleted-bulk__scrollarea{
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
}

.coa-deleted-bulk__scrollarea::-webkit-scrollbar{
  width:10px;
  height:10px;
}

.coa-deleted-bulk__scrollarea::-webkit-scrollbar-track{
  background:transparent;
}

.coa-deleted-bulk__scrollarea::-webkit-scrollbar-thumb{
  background:rgba(15,23,42,.22);
  border-radius:10px;
  border:2px solid transparent;
  background-clip:content-box;
}

.coa-deleted-bulk__sticky{
  position:relative;
  z-index:8;
  display:grid;
  gap:0;
  margin:0;
  flex:0 0 auto;
  isolation:isolate;
}

.coa-deleted-bulk__sticky::before{
  content:"";
  position:absolute;
  inset:0 0 -16px;
  border-radius:0;
  background:linear-gradient(180deg, rgba(244,248,255,.995) 0%, rgba(244,248,255,.995) 84%, rgba(244,248,255,0) 100%);
  pointer-events:none;
  z-index:-2;
}

.coa-deleted-bulk__sticky::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:18px;
  background:linear-gradient(180deg, rgba(244,248,255,.96) 0%, rgba(244,248,255,0) 100%);
  pointer-events:none;
  z-index:-1;
}

.coa-deleted-bulk__headrow{
  display:grid;
  grid-template-columns:var(--coa-deleted-row-avatar) var(--coa-deleted-row-account) minmax(148px, 1fr) var(--coa-deleted-row-created) var(--coa-deleted-row-type) var(--coa-deleted-row-time) var(--coa-deleted-row-actions);
  align-items:center;
  gap:var(--coa-deleted-row-gap);
  padding:8px 12px 7px;
  box-sizing:border-box;
  border:1px solid rgba(59,130,246,.14);
  border-radius:0;
  background:linear-gradient(180deg, rgba(240,246,255,.98), rgba(229,238,255,.94));
  box-shadow:0 12px 24px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.92);
  color:#475569;
  font:700 11px/1.2 var(--taif-font-family);
}

.coa-deleted-bulk__headrow > div{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:18px;
  padding:0 2px;
  text-align:center;
}

.coa-deleted-bulk__headrow > div:nth-child(3),
.coa-deleted-bulk__headrow > div:nth-child(4),
.coa-deleted-bulk__headrow > div:nth-child(6),
.coa-deleted-bulk__headrow > div:nth-child(7){
  justify-content:flex-start;
  text-align:right;
}

.coa-deleted-bulk__headrow,
.coa-deleted-list--bulk,
.coa-deleted-row{
  width:100%;
}

.coa-deleted-row{
  display:grid;
  grid-template-columns:var(--coa-deleted-row-avatar) var(--coa-deleted-row-account) minmax(148px, 1fr) var(--coa-deleted-row-created) var(--coa-deleted-row-type) var(--coa-deleted-row-time) var(--coa-deleted-row-actions);
  align-items:center;
  gap:var(--coa-deleted-row-gap);
  width:100%;
  min-width:0;
  min-height:70px;
  height:70px;
  padding:8px 10px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.94));
  box-shadow:0 12px 24px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.86);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  justify-self:stretch;
}

.coa-deleted-row:hover{
  border-color:rgba(47,103,243,.24);
  box-shadow:0 16px 28px rgba(15,23,42,.08);
  transform:translateY(-1px);
}

.coa-deleted-row__avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
}

.coa-deleted-row__avatar .chart-accounts__avatar{
  width:46px;
  height:46px;
}

.coa-deleted-row__account{
  display:flex;
  align-items:center;
  align-self:stretch;
}

.coa-deleted-row__account .chart-accounts__account{
  min-width:0;
  width:100%;
  min-height:40px;
  font-size:12px;
  border-radius:10px;
}

.coa-deleted-row__main{
  min-width:0;
  min-height:0;
  display:grid;
  gap:4px;
  align-content:center;
  align-self:stretch;
}

.coa-deleted-row__name{
  font:700 13.4px/1.2 var(--taif-font-family);
  color:#0b1220;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.coa-deleted-row__summary,
.coa-deleted-row__created-at,
.coa-deleted-row__deleted-at{
  font:600 11px/1.45 var(--taif-font-family);
  color:#64748b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.coa-deleted-row__type,
.coa-deleted-row__created-at,
.coa-deleted-row__deleted-at{
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
}

.coa-deleted-row__created-at,
.coa-deleted-row__deleted-at{
  justify-content:flex-start;
  min-width:0;
}

.coa-deleted-row__created-at-value,
.coa-deleted-row__deleted-at-value{
  display:block;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.coa-deleted-row__type .chart-accounts__type{
  min-width:92px;
  height:34px;
  font-size:12px;
}

.coa-deleted-row__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
  align-self:stretch;
  flex-wrap:nowrap;
}

.coa-form__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px 12px;
  align-content:start;
}

.coa-form__field{
  display:grid;
  gap:5px;
  min-width:0;
}

.coa-form__field--full{
  grid-column:1/-1;
}

.coa-form__grid--editor-with-media{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:start;
}

.coa-form__field--name{
  grid-column:1;
  grid-row:1;
}

.coa-form__field--account{
  grid-column:2;
  grid-row:1;
}

.coa-form__media-field{
  grid-column:3;
  grid-row:1 / span 2;
  display:grid;
  gap:5px;
  min-width:0;
  align-self:start;
}

.coa-form__media-field > .coa-form__label{
  display:block;
  width:100%;
  text-align:center;
}

.coa-form__media-frame{
  min-height:144px;
  border-radius:13px;
  border:1px dashed rgba(148,163,184,.26);
  background:linear-gradient(180deg, rgba(248,250,252,.96), rgba(241,245,249,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:6px 12px 8px;
}

.coa-form__media-preview{
  width:86px;
  height:86px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-top:0;
}

.coa-form__media-preview.is-custom-image{
  background:#fff;
  border-style:solid;
}

.coa-form__media-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.coa-form__field--type{
  grid-column:1;
  grid-row:2;
}

.coa-form__field--currencies{
  grid-column:2;
  grid-row:2;
}

.coa-form__field--country{
  grid-column:1;
  grid-row:3;
}

.coa-form__field--city{
  grid-column:2;
  grid-row:3;
}

.coa-form__field--phone{
  grid-column:3;
  grid-row:3;
}

.coa-form__field--address{
  grid-column:1 / span 3;
  grid-row:4;
}

@media (max-width: 860px){
  .coa-form__grid--editor-with-media{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .coa-form__field--name{
    grid-column:1;
    grid-row:1;
  }

  .coa-form__field--account{
    grid-column:2;
    grid-row:1;
  }

  .coa-form__media-field{
    grid-column:1 / span 2;
    grid-row:2;
  }

  .coa-form__media-frame{
    min-height:118px;
  }

  .coa-form__field--type{
    grid-column:1;
    grid-row:3;
  }

  .coa-form__field--currencies{
    grid-column:2;
    grid-row:3;
  }

  .coa-form__field--country{
    grid-column:1;
    grid-row:4;
  }

  .coa-form__field--city{
    grid-column:2;
    grid-row:4;
  }

  .coa-form__field--phone{
    grid-column:1 / span 2;
    grid-row:5;
  }

  .coa-form__field--address{
    grid-column:1 / span 2;
    grid-row:6;
  }
}

.coa-form__label{
  font:700 11.8px/1.2 var(--taif-font-family);
  color:#334155;
}

.coa-form__field--name .coa-form__label,
.coa-form__field--account .coa-form__label,
.coa-form__field--type .coa-form__label,
.coa-form__field--currencies .coa-form__label,
.coa-form__field--country .coa-form__label,
.coa-form__field--city .coa-form__label,
.coa-form__field--phone .coa-form__label,
.coa-form__field--address .coa-form__label{
  display:block;
  text-align:center;
}

.coa-form__inline-note{
  display:block;
  margin-top:1px;
  padding:7px 10px;
  border-radius:8px;
  border:1px solid rgba(245,158,11,.20);
  background:linear-gradient(180deg, rgba(255,251,235,.98), rgba(255,247,237,.96));
  color:#92400e;
  font:700 11px/1.2 var(--taif-font-family);
  text-align:center;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

.coa-form__inline-note[hidden]{
  display:none !important;
}

.coa-form__input,
.coa-form__select,
.coa-choice-picker__trigger{
  width:100%;
  min-height:39px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid rgba(148,163,184,.24);
  background:#fff;
  color:#0b1220;
  font:700 12.4px/1.2 var(--taif-font-family);
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 6px 14px rgba(15,23,42,.025);
}

.coa-choice-picker{
  position:relative;
  min-width:0;
  width:100%;
}

.coa-choice-picker.is-open{
  z-index:16;
}

.coa-choice-picker__trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
  text-align:right;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.24);
  background:#fff;
  background-clip:padding-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 6px 14px rgba(15,23,42,.025);
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease, color .16s ease;
}

.coa-choice-picker__value{
  flex:1 1 auto;
  min-width:0;
  display:block;
  text-align:right;
  font-weight:800;
  color:#0f172a;
}

.coa-choice-picker__value.is-placeholder{
  color:#94a3b8;
}

.coa-choice-picker--multi .coa-choice-picker__value{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.coa-choice-picker__icon{
  flex:0 0 auto;
  width:14px;
  height:14px;
  display:grid;
  place-items:center;
  color:#2563eb;
  transition:transform .18s ease, color .18s ease;
}

.coa-choice-picker__icon svg{
  width:100%;
  height:100%;
  display:block;
}

.coa-choice-picker.is-disabled .coa-choice-picker__trigger,
.coa-choice-picker__trigger:disabled{
  cursor:not-allowed;
  background:rgba(248,250,252,.96);
  border-color:rgba(148,163,184,.18);
  box-shadow:none;
}

.coa-choice-picker.is-disabled .coa-choice-picker__icon,
.coa-choice-picker__trigger:disabled .coa-choice-picker__icon{
  color:#94a3b8;
}

.coa-choice-popover{
  position:absolute;
  top:0;
  left:0;
  z-index:22;
  min-width:0;
  padding:4px;
  display:grid;
  gap:4px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.996), rgba(248,250,254,.992));
  box-shadow:0 10px 22px rgba(15,23,42,.08), 0 1px 3px rgba(15,23,42,.04);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(148,163,184,.62) rgba(226,232,240,.72);
}

.coa-choice-popover[hidden]{
  display:none !important;
}

.coa-choice-popover::-webkit-scrollbar{
  width:8px;
}

.coa-choice-popover.is-open{
  animation:coa-choice-popover-in .18s ease;
}

.coa-choice-popover--multi{
  gap:6px;
}

.coa-choice-popover__option{
  width:100%;
  min-height:36px;
  padding:6px 10px;
  border:1px solid rgba(203,213,225,.74);
  border-radius:9px;
  background:#ffffff;
  color:#0f172a;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  box-sizing:border-box;
  font:inherit;
  font-size:12.45px;
  line-height:1.28;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset;
  transition:background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
  position:relative;
}

.coa-choice-popover__option--multi{
  justify-content:space-between;
  gap:10px;
}

.coa-choice-popover__label{
  width:100%;
  flex:1 1 auto;
  min-width:0;
  display:block;
  text-align:right;
  line-height:1.25;
}

.coa-choice-popover__meta{
  width:100%;
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  direction:rtl;
}

.coa-choice-popover__meta .coa-choice-popover__label{
  width:auto;
}

.coa-choice-popover__flag{
  width:22px;
  height:22px;
  flex:0 0 22px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  padding:0;
  line-height:0;
  border:0;
  border-radius:999px;
  background:transparent;
  box-shadow:inset 0 0 0 .75px rgba(148,163,184,.18), 0 1px 2px rgba(15,23,42,.05);
}

.coa-choice-popover__flag-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
  image-rendering:auto;
  filter:saturate(1.03) contrast(1.06) brightness(1.01);
  transform:translateZ(0);
  backface-visibility:hidden;
}

.coa-choice-popover__box{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:grid;
  place-items:center;
  border-radius:5px;
  border:1px solid rgba(148,163,184,.46);
  background:#fff;
  color:transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
  transition:border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.coa-choice-popover__box svg{
  width:11px;
  height:11px;
  display:block;
  opacity:0;
  transform:scale(.84);
  transition:opacity .14s ease, transform .14s ease;
}

.coa-choice-popover__empty{
  min-height:56px;
  padding:12px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#64748b;
  background:rgba(248,250,252,.88);
  font:700 12px/1.6 var(--taif-font-family);
}

.coa-choice-popover__option:not(.is-active):is(:hover, :focus, :focus-visible){
  outline:none;
  background:linear-gradient(180deg, rgba(246,249,255,.988), rgba(240,245,255,.972));
  border-color:rgba(59,130,246,.22);
  color:#1d4ed8;
  box-shadow:0 1px 0 rgba(255,255,255,.96) inset;
}

.coa-choice-popover__option.is-active,
.coa-choice-popover__option[aria-selected="true"]{
  background:linear-gradient(180deg, rgba(236,243,255,.985), rgba(229,238,255,.968));
  border-color:rgba(59,130,246,.28);
  color:#1d4ed8;
  box-shadow:0 1px 0 rgba(255,255,255,.97) inset;
}

.coa-choice-popover__option.is-active:is(:focus, :focus-visible),
.coa-choice-popover__option[aria-selected="true"]:is(:focus, :focus-visible){
  outline:none;
  background:linear-gradient(180deg, rgba(236,243,255,.992), rgba(229,238,255,.975));
  border-color:rgba(59,130,246,.34);
  box-shadow:0 1px 0 rgba(255,255,255,.97) inset;
}

.coa-choice-popover__check{
  display:none !important;
}

.coa-choice-popover__check svg{
  width:100%;
  height:100%;
}

.coa-choice-popover__option.is-active .coa-choice-popover__label,
.coa-choice-popover__option[aria-selected="true"] .coa-choice-popover__label{
  color:#1d4ed8;
}

.coa-choice-popover__option--multi.is-active .coa-choice-popover__box,
.coa-choice-popover__option--multi[aria-selected="true"] .coa-choice-popover__box{
  border-color:rgba(37,99,235,.82);
  background:linear-gradient(180deg, rgba(59,130,246,.98), rgba(37,99,235,.95));
  color:#fff;
  box-shadow:0 4px 10px rgba(37,99,235,.18);
}

.coa-choice-popover__option--multi.is-active .coa-choice-popover__box svg,
.coa-choice-popover__option--multi[aria-selected="true"] .coa-choice-popover__box svg{
  opacity:1;
  transform:scale(1);
}

.coa-choice-popover--center-currencies .coa-choice-popover__option--multi[data-coa-center-currency-kind="currency"].is-active,
.coa-choice-popover--center-currencies .coa-choice-popover__option--multi[data-coa-center-currency-kind="currency"][aria-selected="true"]{
  background:#ffffff;
  border-color:rgba(203,213,225,.74);
  color:#0f172a;
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset;
}

.coa-choice-popover--center-currencies .coa-choice-popover__option--multi[data-coa-center-currency-kind="currency"].is-active:is(:focus, :focus-visible),
.coa-choice-popover--center-currencies .coa-choice-popover__option--multi[data-coa-center-currency-kind="currency"][aria-selected="true"]:is(:focus, :focus-visible){
  outline:none;
  background:#ffffff;
  border-color:rgba(203,213,225,.74);
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset;
}

.coa-choice-popover--center-currencies .coa-choice-popover__option--multi[data-coa-center-currency-kind="currency"].is-active .coa-choice-popover__label,
.coa-choice-popover--center-currencies .coa-choice-popover__option--multi[data-coa-center-currency-kind="currency"][aria-selected="true"] .coa-choice-popover__label{
  color:#1d4ed8;
}

@keyframes coa-choice-popover-in{
  from{
    opacity:0;
    transform:translateY(-4px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.coa-form__input--center{
  text-align:center;
}

.coa-form__input::placeholder{
  color:#7c8aa5;
  opacity:1;
}

.coa-form__input:focus,
.coa-form__select:focus,
.coa-form__input[data-coa-focused="true"],
.coa-form__select[data-coa-focused="true"],
.coa-choice-picker__trigger:focus,
.coa-choice-picker__trigger:focus-visible,
.coa-choice-picker__trigger[data-coa-focused="true"],
.coa-choice-picker.is-open .coa-choice-picker__trigger{
  background:#fff;
  border-color:rgba(15,23,42,.82);
  box-shadow:0 0 0 1px rgba(15,23,42,.82), inset 0 1px 0 rgba(255,255,255,.88);
}

.coa-form__input.is-invalid,
.coa-form__select.is-invalid,
.coa-choice-picker__trigger.is-invalid{
  border-color:rgba(220,38,38,.94);
  box-shadow:0 0 0 1px rgba(220,38,38,.94);
  background:#fff;
}

.coa-form__actions,
.coa-confirm__actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.coa-form__actions{
  flex:0 0 auto;
  min-height:43px;
  padding:5px 10px 6px 12px;
  border-top:1px solid rgba(148,163,184,.16);
  border-radius:0 0 10px 10px;
  background:linear-gradient(180deg, rgba(248,251,255,.96), rgba(241,246,255,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90);
}

.coa-form__actions--editor{
  justify-content:flex-end;
}

.coa-form__actions-group,
.coa-confirm__actions-group{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.coa-modal .coa-btn{
  min-height:var(--coa-control-height);
  padding:0 13px;
  border-radius:8px;
  border:1px solid rgba(15,23,42,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.78));
  color:#0b1220;
  font:700 12.5px/1 var(--taif-font-family);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
  box-shadow:none;
}

.coa-modal .coa-btn::before{
  content:none;
  display:none;
}

.coa-modal .coa-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.20);
  box-shadow:0 10px 20px rgba(15,23,42,.06);
  filter:none;
}

.coa-modal .coa-btn:active{
  transform:translateY(0) scale(.98);
  box-shadow:none;
}

.coa-modal .coa-btn:focus,
.coa-modal .coa-btn:focus-visible,
.coa-modal .coa-btn[data-coa-focused="true"]{
  outline:none;
  transform:none;
  z-index:1;
  border-color:rgba(59,130,246,.34);
  box-shadow:0 0 0 2.35px rgba(59,130,246,.16), 0 12px 22px rgba(15,23,42,.08);
}

.coa-form__actions .coa-btn,
.coa-confirm__actions .coa-btn,
.coa-deleted-row .coa-btn{
  min-width:114px;
  min-height:36px;
  padding:0 12px;
  border-radius:8px;
  font-size:12px;
  gap:5px;
}

.coa-deleted-row .coa-btn{
  min-width:80px;
  min-height:34px;
  height:34px;
  padding:0 12px;
  border-radius:10px;
  font-size:11.8px;
}

.coa-form__actions .coa-btn svg,
.coa-confirm__actions .coa-btn svg,
.coa-deleted-row .coa-btn svg{
  width:13px;
  height:13px;
}

.coa-form__actions [data-coa-save],
.coa-deleted-row [data-coa-restore]{
  background:linear-gradient(135deg, #16a34a, #15803d);
  border-color:rgba(22,163,74,.34);
  color:#fff;
  box-shadow:0 14px 24px rgba(22,163,74,.18);
}

.coa-form__actions [data-coa-save]:hover,
.coa-deleted-row [data-coa-restore]:hover{
  border-color:rgba(34,197,94,.42);
  background:linear-gradient(135deg, #22c55e, #15803d);
  box-shadow:0 16px 28px rgba(21,128,61,.24);
}

.coa-modal .coa-form__media-actions{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:8px;
  margin-top:auto;
  padding-top:6px;
}

.coa-modal .coa-form__media-btn{
  min-width:76px;
  max-width:76px;
  min-height:23px;
  padding:0 6px;
  border-radius:8px;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  box-shadow:none;
  flex:0 0 76px;
}

.coa-modal .coa-form__media-btn--upload,
.coa-modal .coa-form__media-btn--upload:hover,
.coa-modal .coa-form__media-btn--upload:active{
  border-color:rgba(22,163,74,.34);
  background:linear-gradient(135deg, #16a34a 0%, #15803d 100%);
  color:#fff;
  box-shadow:none;
}

.coa-modal .coa-form__media-btn--clear,
.coa-modal .coa-form__media-btn--clear:hover,
.coa-modal .coa-form__media-btn--clear:active{
  border-color:rgba(220,38,38,.34);
  background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  color:#fff;
  box-shadow:none;
}

.coa-modal .coa-form__media-btn--upload:focus,
.coa-modal .coa-form__media-btn--upload:focus-visible,
.coa-modal .coa-form__media-btn--upload[data-coa-focused="true"]{
  outline:none;
  border-color:rgba(21,128,61,.95);
  box-shadow:0 0 0 1.35px rgba(21,128,61,.95);
}

.coa-modal .coa-form__media-btn--clear:focus,
.coa-modal .coa-form__media-btn--clear:focus-visible,
.coa-modal .coa-form__media-btn--clear[data-coa-focused="true"]{
  outline:none;
  border-color:rgba(185,28,28,.95);
  box-shadow:0 0 0 1.35px rgba(185,28,28,.95);
}

.coa-modal .coa-form__media-btn[disabled],
.coa-modal .coa-form__media-btn[disabled]:hover,
.coa-modal .coa-form__media-btn[disabled]:active{
  transform:none;
  box-shadow:none;
}

.coa-modal .coa-form__media-btn--upload[disabled]{
  opacity:.7;
  border-color:rgba(22,163,74,.28);
  background:linear-gradient(135deg, rgba(22,163,74,.72) 0%, rgba(21,128,61,.72) 100%);
  color:#fff;
}

.coa-modal .coa-form__media-btn--clear[disabled]{
  opacity:.7;
  border-color:rgba(220,38,38,.28);
  background:linear-gradient(135deg, rgba(220,38,38,.72) 0%, rgba(185,28,28,.72) 100%);
  color:#fff;
}

.coa-form__actions [data-coa-cancel],
.coa-deleted-row [data-coa-hard-delete]{
  color:#fff;
  border-color:rgba(220,38,38,.34);
  background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  box-shadow:0 14px 24px rgba(185,28,28,.20);
}

.coa-form__actions [data-coa-cancel]:hover,
.coa-deleted-row [data-coa-hard-delete]:hover{
  border-color:rgba(239,68,68,.42);
  background:linear-gradient(135deg, #ef4444 0%, #c81e1e 100%);
  box-shadow:0 16px 28px rgba(185,28,28,.26);
}

.coa-form__actions .coa-btn:is(:focus, :focus-visible, [data-coa-focused="true"]),
.coa-confirm__actions .coa-btn:is(:focus, :focus-visible, [data-coa-focused="true"]),
.coa-deleted-row .coa-btn:is(:focus, :focus-visible, [data-coa-focused="true"]){
  transform:none;
  filter:none;
}

.coa-form__actions [data-coa-save]:is(:focus, :focus-visible, [data-coa-focused="true"]),
.coa-deleted-row [data-coa-restore]:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(34,197,94,.42);
  box-shadow:0 14px 24px rgba(22,163,74,.22);
}

.coa-form__actions [data-coa-save]:hover:is(:focus, :focus-visible, [data-coa-focused="true"]),
.coa-deleted-row [data-coa-restore]:hover:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(34,197,94,.42);
  background:linear-gradient(135deg, #22c55e, #15803d);
}

.coa-form__actions [data-coa-cancel]:is(:focus, :focus-visible, [data-coa-focused="true"]),
.coa-deleted-row [data-coa-hard-delete]:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(239,68,68,.42);
  box-shadow:0 14px 24px rgba(185,28,28,.24);
}

.coa-form__actions [data-coa-cancel]:hover:is(:focus, :focus-visible, [data-coa-focused="true"]),
.coa-deleted-row [data-coa-hard-delete]:hover:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(239,68,68,.42);
  background:linear-gradient(135deg, #ef4444 0%, #c81e1e 100%);
}

.coa-deleted-row [data-coa-restore]:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(22,163,74,.42);
  box-shadow:0 0 0 2px rgba(22,163,74,.14), 0 16px 28px rgba(21,128,61,.24);
}

.coa-deleted-row [data-coa-restore]:hover:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(34,197,94,.42);
  background:linear-gradient(135deg, #22c55e, #15803d);
}

.coa-deleted-row [data-coa-hard-delete]:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(239,68,68,.42);
  box-shadow:0 0 0 2px rgba(239,68,68,.12), 0 16px 28px rgba(185,28,28,.26);
}

.coa-deleted-row [data-coa-hard-delete]:hover:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(239,68,68,.42);
  background:linear-gradient(135deg, #ef4444 0%, #c81e1e 100%);
}

.coa-deleted-list{
  min-height:0;
  flex:1 1 auto;
  overflow:visible;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:8px;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.22) transparent;
}

.coa-deleted-list--bulk{
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
  padding:8px 2px 10px 0;
  background:transparent;
  scrollbar-gutter:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.22) transparent;
}

.chart-accounts__empty--inside-modal{
  min-height:100%;
  padding:12px 0;
}

.coa-modal--deleted-centers-bulk.coa-modal--size-lg{
  width:min(918px, 78vw);
  max-width:100%;
  height:min(62vh, 549px);
  max-height:min(62vh, 549px);
}

@media (max-width:980px){
  .coa-deleted-bulk__headrow{
    display:none;
  }

  .coa-deleted-bulk__scrollarea{
    overflow:auto;
    padding:10px;
  }

  .coa-deleted-list--bulk{
    overflow:visible;
    padding:0;
  }

  .coa-deleted-row{
    grid-template-columns:52px minmax(0,1fr);
    grid-template-areas:
      'avatar main'
      'avatar account'
      'avatar created'
      'avatar type'
      'time time'
      'actions actions';
    align-items:start;
    height:auto;
    min-height:unset;
  }

  .coa-deleted-row__avatar{ grid-area:avatar; }
  .coa-deleted-row__main{ grid-area:main; }
  .coa-deleted-row__account{ grid-area:account; }
  .coa-deleted-row__created-at{ grid-area:created; justify-content:flex-start; }
  .coa-deleted-row__type{ grid-area:type; justify-content:flex-start; }
  .coa-deleted-row__deleted-at{ grid-area:time; justify-content:flex-start; }
  .coa-deleted-row__actions{ grid-area:actions; justify-content:flex-start; }
}

.coa-confirm{
  width:100%;
  display:grid;
  gap:10px;
  align-content:start;
}

.coa-confirm--delete-spirit{
  gap:8px;
}

.coa-confirm__title{
  display:none;
}

.coa-confirm__text{
  font:600 13px/1.7 var(--taif-font-family);
  color:#475569;
  margin:0;
}

.coa-confirm__card{
  display:grid;
  grid-template-columns:42px minmax(0, 1fr);
  align-items:center;
  gap:9px 11px;
  padding:7px 11px;
  border-radius:8px;
  border:1px solid rgba(191,219,254,.92);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.96));
}

.coa-confirm__card-avatar{
  grid-row:1 / span 2;
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.98));
  border:1px solid rgba(37,99,235,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}

.coa-confirm__card-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.coa-confirm__card-text{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}

.coa-confirm__card-text strong{
  color:#0f172a;
  font-size:13.5px;
  font-weight:700;
  line-height:1.2;
}

.coa-confirm__card-text span{
  color:#64748b;
  font-size:10.5px;
  font-weight:700;
  line-height:1.1;
}

.coa-confirm__card-meta{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.coa-confirm__card-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 11px;
  border-radius:999px;
  font:700 12px/1 var(--taif-font-family);
  white-space:nowrap;
}

.coa-confirm__card-badge--type{
  color:#2563eb;
  border:1px solid rgba(147,197,253,.88);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.96));
}

.coa-confirm__card-badge--location{
  color:#64748b;
  border:1px solid rgba(203,213,225,.82);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  max-width:100%;
}

.coa-confirm__warning{
  padding:9px 12px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.58;
  font-size:12.2px;
  font-weight:700;
  border-radius:9px;
  border:1px solid rgba(203,213,225,.82);
  background:rgba(248,250,252,.98);
  color:#334155;
}

.coa-confirm__warning--danger{
  border-color:rgba(239,68,68,.18);
  background:rgba(254,242,242,.92);
  color:#991b1b;
}

.coa-confirm__actions--compact{
  margin-top:0;
  justify-content:stretch;
  gap:7px;
  flex-wrap:nowrap;
}

.coa-confirm__actions--compact .coa-btn{
  flex:1 1 0;
  min-width:0;
  min-height:36px;
  padding:0 12px;
  border-radius:8px;
}

.coa-modal--delete-confirm .coa-confirm__actions [data-coa-confirm="ok"]{
  color:#fff;
  border-color:rgba(220,38,38,.34);
  background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);
  box-shadow:0 14px 24px rgba(185,28,28,.20),0 4px 10px rgba(239,68,68,.12),inset 0 1px 0 rgba(255,255,255,.14);
}

.coa-modal--delete-confirm .coa-confirm__actions [data-coa-confirm="ok"]:hover{
  border-color:rgba(239,68,68,.42);
  background:linear-gradient(135deg,#ef4444 0%,#c81e1e 100%);
  box-shadow:0 16px 28px rgba(185,28,28,.26),0 4px 10px rgba(239,68,68,.12),inset 0 1px 0 rgba(255,255,255,.14);
}

.coa-modal--delete-confirm .coa-confirm__actions [data-coa-confirm="cancel"]:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(59,130,246,.34);
  box-shadow:0 12px 22px rgba(15,23,42,.10);
}

.coa-modal--delete-confirm .coa-confirm__actions [data-coa-confirm="cancel"]:hover:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(59,130,246,.34);
}

.coa-modal--delete-confirm .coa-confirm__actions [data-coa-confirm="ok"]:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(239,68,68,.42);
  box-shadow:0 16px 28px rgba(185,28,28,.26);
}

.coa-modal--delete-confirm .coa-confirm__actions [data-coa-confirm="ok"]:hover:is(:focus, :focus-visible, [data-coa-focused="true"]){
  border-color:rgba(239,68,68,.42);
  background:linear-gradient(135deg,#ef4444 0%,#c81e1e 100%);
}

@media (max-width:1180px){
  .chart-accounts__toolbar{
    flex-wrap:nowrap;
  }

  .chart-accounts__toolbar-group--full,
  .chart-accounts__toolbar-meta,
  .chart-accounts__placeholder{
    width:auto;
  }

  .chart-accounts__toolbar-search{
    flex-basis:auto;
    max-width:var(--coa-search-max);
  }
}

@media (max-width:860px){
  .chart-accounts{
    padding:4px;
  }

  .chart-accounts__table{
    min-width:var(--coa-table-min-width);
  }

}

@media (max-width:640px){
  .chart-accounts__toolbar{
    padding:4px;
    border-radius:9px;
  }

  .chart-accounts__search-input,
  .chart-accounts__chip{
    min-height:34px;
  }

  .chart-accounts__toolbar-search{
    min-width:var(--coa-search-min);
  }

  .chart-accounts__placeholder{
    min-height:34px;
  }

  .chart-accounts__toolbar .chart-accounts__toolbar-btn{
    min-height:34px;
  }

  .coa-modal{
    width:min(100vw - 20px,100%);
    max-width:min(100vw - 20px,100%);
  }

  .coa-modal--size-md,
  .coa-modal--size-lg{
    width:min(100vw - 20px,100%);
    max-width:min(100vw - 20px,100%);
    height:min(78vh, 520px);
    max-height:min(78vh, 520px);
  }

  .coa-modal--size-sm{
    width:min(100vw - 20px,100%);
    max-width:min(100vw - 20px,100%);
  }

  .coa-form__grid{
    grid-template-columns:1fr;
  }
}

/* ===== 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;
  }
}

/* ===== CoA footer flush + pager divider cleanup (targeted fix) ===== */
.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top .chart-accounts__toolbar-group--pager{
  border-inline-start:none;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--bottom{
  margin-inline:-4px;
  margin-bottom:0;
  border-radius:0;
  border-inline:none;
  border-bottom:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,252,.97));
}

.panel[data-view="chart-of-accounts"] .chart-accounts__placeholder{
  width:100%;
  min-height:100%;
  border:none;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}


/* ===== Chart of accounts button interaction system (scoped, unified, role-based) ===== */
:where(.panel[data-view="chart-of-accounts"], .coa-window-layer){
  --coa-button-lift-y:-2px;
  --coa-button-lift-scale:1.045;
  --coa-button-press-scale:1.065;
  --coa-button-transition:transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease;
}

.coa-window-layer .coa-deleted-row,
.coa-window-layer .coa-deleted-row__actions{
  overflow:visible;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top :is(
  .chart-accounts__toolbar-btn,
  .chart-accounts__pager-btn,
  .chart-accounts__pager-chip,
  .coa-choice-picker__trigger
),
.coa-window-layer :is(
  .coa-window-btn,
  .coa-close-btn,
  .coa-modal .coa-btn,
  .coa-modal .coa-form__media-btn,
  .coa-confirm .coa-btn
){
  --coa-button-rest-transform:translateY(0);
  --coa-button-hover-border:rgba(15,23,42,.20);
  --coa-button-hover-shadow:0 14px 26px rgba(15,23,42,.14);
  --coa-button-active-shadow:0 12px 22px rgba(15,23,42,.16);
  --coa-button-focus-ring:0 0 0 2px rgba(15,23,42,.10);
  --coa-button-cue-color:#05070b;
  --coa-button-hover-filter:none;
  --coa-button-active-filter:none;
  position:relative;
  isolation:isolate;
  transform-origin:center center;
  backface-visibility:hidden;
  will-change:transform, box-shadow, filter;
  transition:var(--coa-button-transition) !important;
  outline:none;
}

.coa-window-layer .coa-deleted-row .coa-btn{
  --coa-button-lift-scale:1.10;
  --coa-button-press-scale:1.135;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top :is(
  .chart-accounts__toolbar-btn.coa-btn--success,
  .chart-accounts__toolbar-btn[data-coa-action="add-center"]
),
.coa-window-layer :is(
  .coa-modal .coa-btn--success,
  .coa-modal [data-coa-save],
  .coa-modal [data-coa-restore],
  .coa-modal .coa-form__media-btn--upload
){
  --coa-button-hover-border:rgba(34,197,94,.44);
  --coa-button-hover-shadow:0 16px 30px rgba(21,128,61,.24);
  --coa-button-active-shadow:0 18px 34px rgba(21,128,61,.28);
  --coa-button-focus-ring:0 0 0 2px rgba(34,197,94,.16);
  --coa-button-cue-color:#ffffff;
  --coa-button-hover-filter:brightness(1.06) saturate(1.03);
  --coa-button-active-filter:brightness(1.10) saturate(1.04);
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top :is(
  .chart-accounts__toolbar-btn.coa-btn--danger,
  .chart-accounts__toolbar-btn[data-coa-action="open-deleted"]
),
.coa-window-layer :is(
  .coa-close-btn,
  .coa-modal .coa-btn--danger,
  .coa-modal [data-coa-cancel],
  .coa-modal [data-coa-hard-delete],
  .coa-modal .coa-form__media-btn--clear,
  .coa-confirm .coa-btn.coa-btn--danger
){
  --coa-button-hover-border:rgba(239,68,68,.44);
  --coa-button-hover-shadow:0 16px 30px rgba(185,28,28,.26);
  --coa-button-active-shadow:0 18px 34px rgba(185,28,28,.30);
  --coa-button-focus-ring:0 0 0 2px rgba(239,68,68,.15);
  --coa-button-cue-color:#ffffff;
  --coa-button-hover-filter:brightness(1.06) saturate(1.03);
  --coa-button-active-filter:brightness(1.10) saturate(1.04);
}

.coa-window-layer :is(
  .coa-window-btn,
  .coa-modal .coa-btn--primary,
  .coa-confirm .coa-btn.coa-btn--primary
){
  --coa-button-hover-border:rgba(147,197,253,.46);
  --coa-button-hover-shadow:0 16px 30px rgba(37,99,235,.24);
  --coa-button-active-shadow:0 18px 34px rgba(37,99,235,.28);
  --coa-button-focus-ring:0 0 0 2px rgba(59,130,246,.16);
  --coa-button-cue-color:#ffffff;
  --coa-button-hover-filter:brightness(1.06) saturate(1.04);
  --coa-button-active-filter:brightness(1.10) saturate(1.05);
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top :is(
  .chart-accounts__toolbar-btn,
  .chart-accounts__pager-btn,
  .chart-accounts__pager-chip,
  .coa-choice-picker__trigger
):is(:hover, :focus, :focus-visible, [data-coa-focused="true"]):not([disabled]):not([hidden]),
.coa-window-layer :is(
  .coa-window-btn,
  .coa-close-btn,
  .coa-modal .coa-btn,
  .coa-modal .coa-form__media-btn,
  .coa-confirm .coa-btn
):is(:hover, :focus, :focus-visible, [data-coa-focused="true"]):not([disabled]):not([hidden]){
  transform:var(--coa-button-rest-transform) translateY(var(--coa-button-lift-y)) scale(var(--coa-button-lift-scale)) !important;
  border-color:var(--coa-button-hover-border) !important;
  box-shadow:var(--coa-button-focus-ring), var(--coa-button-hover-shadow) !important;
  color:var(--coa-button-cue-color) !important;
  filter:var(--coa-button-hover-filter) !important;
  z-index:3;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top :is(
  .chart-accounts__toolbar-btn,
  .chart-accounts__pager-btn,
  .chart-accounts__pager-chip,
  .coa-choice-picker__trigger
):active:not([disabled]):not([hidden]),
.coa-window-layer :is(
  .coa-window-btn,
  .coa-close-btn,
  .coa-modal .coa-btn,
  .coa-modal .coa-form__media-btn,
  .coa-confirm .coa-btn
):active:not([disabled]):not([hidden]){
  transform:var(--coa-button-rest-transform) translateY(var(--coa-button-lift-y)) scale(var(--coa-button-press-scale)) !important;
  border-color:var(--coa-button-hover-border) !important;
  box-shadow:var(--coa-button-focus-ring), var(--coa-button-active-shadow) !important;
  color:var(--coa-button-cue-color) !important;
  filter:var(--coa-button-active-filter) !important;
  z-index:4;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top :is(
  .chart-accounts__toolbar-btn,
  .chart-accounts__pager-btn,
  .chart-accounts__pager-chip,
  .coa-choice-picker__trigger
):is(:hover, :active, :focus, :focus-visible, [data-coa-focused="true"]):not([disabled]):not([hidden]) .taif-control-text,
.coa-window-layer :is(
  .coa-window-btn,
  .coa-close-btn,
  .coa-modal .coa-btn,
  .coa-modal .coa-form__media-btn,
  .coa-confirm .coa-btn
):is(:hover, :active, :focus, :focus-visible, [data-coa-focused="true"]):not([disabled]):not([hidden]) .taif-control-text{
  color:inherit !important;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top :is(
  .chart-accounts__toolbar-btn,
  .chart-accounts__pager-btn,
  .chart-accounts__pager-chip,
  .coa-choice-picker__trigger
):is(:focus, :focus-visible, [data-coa-focused="true"]):not([disabled]):not([hidden]),
.coa-window-layer :is(
  .coa-window-btn,
  .coa-close-btn,
  .coa-modal .coa-btn,
  .coa-modal .coa-form__media-btn,
  .coa-confirm .coa-btn
):is(:focus, :focus-visible, [data-coa-focused="true"]):not([disabled]):not([hidden]){
  outline:none !important;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar--top :is(
  .chart-accounts__toolbar-btn,
  .chart-accounts__pager-btn,
  .chart-accounts__pager-chip,
  .coa-choice-picker__trigger
)[disabled],
.coa-window-layer :is(
  .coa-window-btn,
  .coa-close-btn,
  .coa-modal .coa-btn,
  .coa-modal .coa-form__media-btn,
  .coa-confirm .coa-btn
)[disabled]{
  transform:var(--coa-button-rest-transform) !important;
  filter:none !important;
  box-shadow:none !important;
}

/* Chart-of-accounts search clear: keep the same red resting look as currency management search clear, while removing hover/press/focus color drift and halo effects. */
.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-search .chart-accounts__search-clear{
  --coa-main-search-clear-rest-border:rgba(220,38,38,.22);
  --coa-main-search-clear-rest-background:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  --coa-main-search-clear-rest-shadow:0 10px 16px rgba(185,28,28,.16), inset 0 1px 0 rgba(255,255,255,.16);
  background:var(--coa-main-search-clear-rest-background) !important;
  border-color:var(--coa-main-search-clear-rest-border) !important;
  box-shadow:var(--coa-main-search-clear-rest-shadow) !important;
  color:#fff !important;
  filter:none !important;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-search .chart-accounts__search-clear:is(:hover, :active, :focus, :focus-visible){
  background:var(--coa-main-search-clear-rest-background) !important;
  border-color:var(--coa-main-search-clear-rest-border) !important;
  box-shadow:var(--coa-main-search-clear-rest-shadow) !important;
  color:#fff !important;
  filter:none !important;
  outline:none !important;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-search .chart-accounts__search-clear:hover{
  transform:translateY(calc(-50% - 1px));
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-search .chart-accounts__search-clear:active{
  transform:translateY(-50%) scale(.96);
}

.panel[data-view="chart-of-accounts"] .chart-accounts__toolbar-search .chart-accounts__search-clear:is(:focus, :focus-visible){
  transform:translateY(-50%);
}

/* Chart-of-accounts row action buttons: match currency-management row-action behavior without touching other chart controls. Keep motion, but remove hover/press/focus color drift and halo effects. */
.panel[data-view="chart-of-accounts"] .chart-accounts__actions .chart-accounts__iconbtn{
  --coa-row-action-rest-background:rgba(255,255,255,.92);
  --coa-row-action-rest-border:rgba(15,23,42,.10);
  --coa-row-action-rest-color:#0b1220;
  background:var(--coa-row-action-rest-background);
  border-color:var(--coa-row-action-rest-border);
  color:var(--coa-row-action-rest-color);
}

.panel[data-view="chart-of-accounts"] .chart-accounts__actions .chart-accounts__iconbtn.chart-accounts__iconbtn--danger{
  --coa-row-action-rest-border:rgba(239,68,68,.16);
  --coa-row-action-rest-color:#b91c1c;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__actions .chart-accounts__iconbtn:is(:hover, :focus, :focus-visible):not([disabled]):not(.is-disabled){
  transform:translateY(-2px) scale(1.10) !important;
  background:var(--coa-row-action-rest-background) !important;
  border-color:var(--coa-row-action-rest-border) !important;
  box-shadow:none !important;
  color:var(--coa-row-action-rest-color) !important;
  filter:none !important;
  outline:none !important;
}

.panel[data-view="chart-of-accounts"] .chart-accounts__actions .chart-accounts__iconbtn:active:not([disabled]):not(.is-disabled){
  transform:translateY(-2px) scale(1.135) !important;
  background:var(--coa-row-action-rest-background) !important;
  border-color:var(--coa-row-action-rest-border) !important;
  box-shadow:none !important;
  color:var(--coa-row-action-rest-color) !important;
  filter:none !important;
  outline:none !important;
}