.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);
}