:root { --accounting-border:color-mix(in srgb,var(--yomi-border,#d9dee7) 84%,transparent); --accounting-text:var(--yomi-table-body-text,#182230); --accounting-muted:var(--yomi-table-sub-text,#667085); --accounting-soft:var(--yomi-hover-bg,#f4f6f8); }
.accounting-accounts-panel { display:grid; grid-template-rows:auto auto minmax(0,1fr); min-height:0; height:100%; padding:18px; border:1px solid var(--accounting-border); border-radius:8px; background:var(--yomi-card-bg,#fff); box-shadow:none; }
.accounting-accounts-toolbar { display:flex; align-items:center; gap:8px; min-height:38px; }.accounting-accounts-toolbar input { width:330px; max-width:calc(100% - 46px); height:38px; padding:0 12px; border:1px solid var(--accounting-border); border-radius:7px; color:var(--yomi-form-input-text,#111); background:var(--yomi-detail-bg,#fff); font:var(--yomi-form-input-text-style,normal) var(--yomi-form-input-text-weight,400) var(--yomi-form-input-text-size,14px)/1.2 var(--yomi-form-input-text-font,inherit); }.accounting-refresh { display:inline-grid; width:38px; height:38px; flex:0 0 38px; place-items:center; padding:0; border:1px solid var(--accounting-border); border-radius:7px; color:var(--accounting-text); background:var(--yomi-detail-bg,#fff); cursor:pointer; }.accounting-refresh:hover:not(:disabled) { background:var(--accounting-soft); }.accounting-refresh:disabled { opacity:.48; cursor:wait; }.accounting-refresh.is-loading .accounting-icon { animation:accounting-spin .7s linear infinite; }.accounting-icon { width:18px; height:18px; } @keyframes accounting-spin { to { transform:rotate(360deg); } }
.accounting-accounts-head,.accounting-accounts-row { display:grid; grid-template-columns:130px minmax(220px,1fr) 180px 110px; gap:12px; align-items:center; }.accounting-accounts-head { height:42px; padding:0 10px; border-bottom:1px solid var(--accounting-border); color:var(--accounting-muted); font-family:var(--yomi-table-header-text-font,inherit); font-size:var(--yomi-table-header-text-size,13px); font-style:var(--yomi-table-header-text-style,normal); font-weight:var(--yomi-table-header-text-weight,600); }
.accounting-accounts-list { min-height:0; overflow:auto; scrollbar-width:thin; }.accounting-accounts-row { min-height:56px; padding:8px 10px; border-bottom:1px solid color-mix(in srgb,var(--accounting-border) 76%,transparent); color:var(--accounting-text); }.accounting-accounts-row:hover { background:var(--accounting-soft); }.accounting-accounts-row.is-inactive { opacity:.52; }.accounting-accounts-row strong,.accounting-accounts-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.accounting-accounts-row strong { font-family:var(--yomi-table-body-text-font,inherit); font-size:var(--yomi-table-body-text-size,14px); font-style:var(--yomi-table-body-text-style,normal); font-weight:var(--yomi-table-body-text-weight,600); }.accounting-status { position:relative; display:inline-flex; width:34px; height:20px; border-radius:10px; background:#d0d5dd; }.accounting-status>span { position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; transition:transform .14s ease; }.accounting-status.is-active { background:var(--yomi-success,#12b76a); }.accounting-status.is-active>span { transform:translateX(14px); }.accounting-message { margin:16px 10px; color:var(--accounting-muted); font-size:13px; }
@media (max-width:780px) { .accounting-accounts-panel { height:auto; min-height:620px; padding:14px; }.accounting-accounts-head,.accounting-accounts-row { min-width:620px; grid-template-columns:115px 220px 160px 90px; }.accounting-accounts-head { overflow:hidden; }.accounting-accounts-list { overflow:auto; } }