/* Ничего из макета не переопределяем — только то, чего в нём не было:
   состояния загрузки, «неизвестно» и модалка привязки потока. */
.dash{color:#C4C7CC;font-weight:400}
.is-busy{opacity:.5;pointer-events:none}
.mask{position:fixed;inset:0;background:rgba(0,0,0,.32);display:grid;place-items:center;z-index:60}
.modal{background:#fff;border-radius:10px;padding:18px;width:min(640px,92vw);max-height:80vh;
       display:flex;flex-direction:column;gap:12px;font-size:13px}
.modal h3{margin:0;font-size:16px}
.modal input{border:1px solid #E5E7EA;border-radius:8px;padding:8px 11px;font:inherit;font-size:13px;width:100%}
.ktlist{overflow:auto;border:1px solid #E5E7EA;border-radius:8px;min-height:140px}
.ktlist div{padding:8px 11px;border-bottom:1px solid #EEEFF1;cursor:pointer}
.ktlist div:hover{background:#F6F8FA}
.linked{display:flex;gap:6px;flex-wrap:wrap}
.linked span{background:#F1F2F4;border-radius:6px;padding:4px 8px;display:flex;gap:7px;align-items:center;font-size:12px}
.linked i{cursor:pointer;font-style:normal;color:#A2A6AD}
.modal .btn{border:1px solid #E5E7EA;background:#fff;border-radius:8px;padding:7px 12px;font:inherit;
            font-size:12.5px;cursor:pointer}

/* Мобильный экран — не ужатая десктопная таблица, а отдельные карточки. */
.mobile-account-list{display:none}
.mobile-overview{display:none}
.mobile-zc-summary{display:none}
.mobile-zc-summary[hidden]{display:none!important}
.mobile-account-card{width:calc(100% - 32px);align-self:center;background:#fff;border:1px solid #E5E7EA;border-radius:12px;overflow:hidden}
.mobile-account-card.is-alert{background:#FFF7F8;border-color:#F5D7DB}
.mobile-account-card.is-open{border-color:#9FD2B0;box-shadow:0 0 0 1px #DFF1E5}
.mobile-account-main{padding:12px 13px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mobile-account-head{display:flex;align-items:flex-start;gap:10px}
.mobile-account-name{min-width:0;flex:1}
.mobile-account-title{font-size:13.5px;font-weight:650;line-height:1.3;color:#1A1A1A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-account-meta{font-size:11.5px;color:#7A8089;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-account-chevron{width:24px;height:24px;display:grid;place-items:center;color:#7A8089;font-size:11px;flex:0 0 auto}
.mobile-account-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.mobile-badge{display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border-radius:6px;background:#EEEFF1;color:#5B6068;font-size:10.5px;font-weight:600}
.mobile-badge.good{background:#E8F7EC;color:#14853A}
.mobile-badge.warn{background:#FFF4D6;color:#8A6200}
.mobile-badge.bad{background:#FEE9E5;color:#C7301A}
.mobile-primary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.mobile-metric{min-width:0;border-right:1px solid #EEEFF1;padding:1px 10px 1px 0}
.mobile-metric:last-child{border-right:none;padding-left:4px}
.mobile-metric-label{font-size:10.5px;color:#7A8089;margin-bottom:3px}
.mobile-metric-value{font-size:16px;font-weight:700;color:#1A1A1A;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.mobile-account-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid #F0F1F2;font-size:10.5px;color:#7A8089}
.mobile-account-foot strong{color:#4A4D53;font-weight:600}
.mobile-account-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mobile-account-inline{padding:13px;border-top:1px solid #E8EBED;background:#FAFBFB}
.mobile-topup-button{grid-column:1/-1;height:38px;margin-top:1px;border:1px solid #9FD3B0;border-radius:8px;background:#14853A;color:#fff;font:650 13px/1 inherit;cursor:pointer;box-shadow:0 4px 12px rgba(20,133,58,.14)}
.mobile-topup-button:active{transform:translateY(1px);box-shadow:none}
.mobile-extra-label{font-size:10px;color:#8A9099;margin-bottom:3px}
.mobile-extra-value{font-size:12.5px;font-weight:650;color:#303339;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.mobile-group-head{padding:9px 4px 5px;color:#4A4D53;font-size:12px;font-weight:650;cursor:pointer}
.mobile-group-title{display:grid;grid-template-columns:10px minmax(44px,1fr) 42px 42px 96px 68px;align-items:center;gap:5px;min-width:0}
.mobile-group-title>b{text-align:center}
.mobile-group-title>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-group-title>.mobile-group-count{color:#8A9099;font-size:9.5px;font-weight:400;text-align:right;white-space:nowrap}
.mobile-group-summary{display:contents}
.mobile-group-summary>span{min-width:0;color:#8A9099;font-size:9px;font-weight:400;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-group-summary strong{margin-left:2px;color:#303339;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:350px){
  .mobile-group-title{grid-template-columns:9px minmax(34px,1fr) 32px 30px 58px 48px;gap:3px}
  .mobile-group-summary>span{font-size:0}
  .mobile-group-summary strong{margin-left:0;font-size:9.5px}
}
.mobile-empty{padding:44px 18px;text-align:center;color:#A2A6AD;background:#fff;border:1px solid #E5E7EA;border-radius:12px}
.mobile-sheet-mask{position:fixed;inset:0;background:rgba(22,25,28,.38);z-index:90;display:flex;align-items:flex-end;justify-content:center}
.mobile-sheet{width:100%;max-height:88vh;overflow:auto;background:#fff;border-radius:18px 18px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 34px rgba(0,0,0,.16);animation:mobile-sheet-in .18s ease-out}
.mobile-sheet-grip{width:38px;height:4px;border-radius:3px;background:#D4D7DB;margin:0 auto 13px}
.mobile-sheet-head{display:flex;align-items:flex-start;gap:12px}
.mobile-sheet-head>div{min-width:0;flex:1}
.mobile-sheet-title{font-size:16px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-sheet-meta{font-size:11.5px;color:#7A8089;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-sheet-close{width:30px;height:30px;border:none;border-radius:8px;background:#F2F3F5;color:#6E737B;font-size:18px;cursor:pointer}
.mobile-sheet-primary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.mobile-sheet-primary .mobile-metric{background:#F5F7F6;border:none;border-radius:10px;padding:12px}
.mobile-sheet-primary .mobile-metric:last-child{padding-left:12px}
.mobile-sheet-primary .mobile-metric-value{font-size:19px}
.mobile-sheet-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 12px;margin-top:18px;padding:16px 2px;border-top:1px solid #EEEFF1}
.mobile-sheet-details .mobile-extra-value{font-size:13.5px}
@keyframes mobile-sheet-in{from{transform:translateY(18px);opacity:.6}to{transform:translateY(0);opacity:1}}

@media(max-width:720px){
  body{background:#F4F5F6}
  header[data-dc-tpl="6"]{height:52px!important;padding:0 12px!important;gap:8px!important}
  header [data-dc-tpl="11"]{font-size:16px!important}
  header [data-dc-tpl="13"]{width:34px!important;height:34px!important;padding:0!important;justify-content:center!important}
  header [data-dc-tpl="13"] > span:last-child{display:none!important}
  header [data-dc-tpl="20"]{height:34px!important;padding:0 8px!important;font-size:11.5px!important}
  header [data-dc-tpl="61"]{display:none!important}
  header [data-dc-tpl="68"]{padding-left:0!important}
  header [data-dc-tpl="68"] [data-dc-tpl="70"]{display:none!important}
  main[data-dc-tpl="75"]{padding:14px 12px 28px!important}
  [data-dc-tpl="77"]{display:block!important;margin-bottom:12px!important}
  [data-dc-tpl="78"]{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:start}
  [data-dc-tpl="79"]{font-size:20px!important}
  [data-dc-tpl="80"]{display:none!important}
  [data-dc-tpl="80"] [data-dc-tpl="84"],
  [data-dc-tpl="80"] [data-dc-tpl="86"],
  [data-dc-tpl="80"] [data-dc-tpl="87"]{display:none!important}
  [data-dc-tpl="88"]{width:100%!important;margin-top:12px!important;justify-content:flex-start!important;gap:7px!important}
  .mobile-zc-summary{display:flex!important;grid-column:2;grid-row:1 / span 2;align-self:start;flex-direction:column;gap:4px;min-width:0;padding:7px 9px;background:#fff;border:1px solid #E5E7EA;border-radius:9px}
  .mobile-zc-source{display:grid;grid-template-columns:minmax(52px,.75fr) minmax(0,1.5fr);align-items:center;gap:6px;min-width:0}
  .mobile-zc-source>span{font-size:9.5px;color:#7A8089;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-zc-source>strong{font-size:10.5px;color:#25282C;font-weight:650;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
  .mobile-zc-source.is-error>strong{color:#C7301A}
  .mobile-zc-limit{padding-top:4px;border-top:1px solid #EEEFF1;font-size:9.5px;color:#6E737B;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
  .mobile-zc-status{font-size:10px;color:#8A9099;line-height:1.3}
  [data-dc-tpl="89"]{width:100%!important;order:-2}
  [data-dc-tpl="89"] input{width:100%!important;height:38px!important}
  [data-dc-tpl="102"]{display:none!important}
  .mobile-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#E5E7EA;border:1px solid #E5E7EA;border-radius:11px;overflow:hidden;margin-bottom:11px}
  .mobile-overview>div{min-width:0;background:#fff;padding:10px 9px}
  .mobile-overview span{display:block;font-size:9.5px;color:#8A9099;margin-bottom:3px;white-space:nowrap}
  .mobile-overview strong{display:block;font-size:13px;color:#25282C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
  .desktop-table-panel{display:none!important}
  .mobile-account-list{display:flex;flex-direction:column;gap:8px}
  .mobile-connect{display:none!important}
  .topup-dialog{top:auto!important;bottom:0;transform:translateX(-50%)!important;width:100%!important;max-width:none!important;max-height:88vh!important;border-radius:16px 16px 0 0!important;padding-bottom:env(safe-area-inset-bottom)}
  .topup-source-grid{grid-template-columns:1fr!important}
  #kt-coverage-notice,#top-error{font-size:11.5px!important;margin-bottom:10px!important}
  .modal{width:calc(100vw - 20px);max-height:88vh;padding:15px}
}

@media(max-width:480px){
  [data-dc-tpl="78"]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important}
  .mobile-zc-summary{grid-column:1!important;grid-row:2!important;width:100%;margin-top:8px}
  .mobile-zc-source{grid-template-columns:minmax(74px,.8fr) minmax(0,1.35fr)}
}