html.ua-android-app body.ua-p-subscribers{
  background:#07111f!important;
  color:#f7f9ff;
}

/* This page owns the document scroll on Android.  The desktop shell normally
   locks html/body and scrolls its workspace; that contract must not clip the
   dedicated mobile document. */
html.ua-android-app:has(body.ua-p-subscribers),
html.ua-android-app:has(body.ua-p-subscribers) body.ua-p-subscribers{
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
}

html.ua-android-app:has(body.ua-shell-chrome.ua-p-subscribers:not(.ua-frame-context):not(.ua-page-dashboard)),
html.ua-android-app body.ua-shell-chrome.ua-p-subscribers:not(.ua-frame-context):not(.ua-page-dashboard){
  max-height:none!important;
  overflow-y:auto!important;
}

html.ua-android-app body.ua-shell-chrome.ua-p-subscribers:not(.ua-page-dashboard) .ua-shell,
html.ua-android-app body.ua-shell-chrome.ua-p-subscribers:not(.ua-page-dashboard) .ua-main,
html.ua-android-app body.ua-shell-chrome.ua-p-subscribers:not(.ua-page-dashboard) .ua-main>.ua-page{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  overscroll-behavior-y:auto!important;
  direction:rtl!important;
}

html.ua-android-app body.ua-p-subscribers :where(.ua-main,.ua-page,.content-wrapper.android-subscribers){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

.android-subscribers{
  min-height:100dvh;
  direction:rtl;
  background:
    radial-gradient(circle at 95% -4%,rgba(246,190,50,.12),transparent 30%),
    linear-gradient(180deg,#081523 0%,#07111f 100%);
  font-family:Tahoma,Arial,sans-serif;
}

.as-main{
  display:grid;
  gap:12px;
  width:100%;
  max-width:560px;
  margin:0 auto;
  padding:10px 10px calc(84px + env(safe-area-inset-bottom));
}

.as-heading-card,.as-tools-card,.as-subscriber-card,.as-empty{
  min-width:0;
  border:1px solid rgba(132,158,191,.22);
  border-radius:20px;
  background:linear-gradient(150deg,rgba(19,35,57,.98),rgba(9,22,38,.98));
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}

.as-heading-card{padding:15px;border-color:rgba(246,190,50,.32)}
.as-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.as-heading-row>div{min-width:0}
.as-kicker{display:block;color:#8fa3bd;font-size:11px;font-weight:800}
.as-heading-row h1{margin:3px 0 4px;color:#fff;font-size:21px;line-height:1.3}
.as-heading-row p{margin:0;color:#90a0b5;font-size:11px}
.as-heading-actions{display:flex;flex:0 0 138px;width:138px;align-items:stretch;gap:6px}
html.ua-android-app body.ua-p-subscribers .as-add-button{
  display:flex!important;
  flex:0 0 70px;
  min-height:54px!important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#f8c741,#f2a91e)!important;
  color:#111a28!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
html.ua-android-app body.ua-p-subscribers .as-add-button i,
html.ua-android-app body.ua-p-subscribers .as-add-button span{color:#111a28!important;opacity:1!important}
.as-add-button i{font-size:18px}
html.ua-android-app body.ua-p-subscribers .as-contract-button{
  display:flex!important;flex:0 0 62px;min-height:54px!important;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  margin:0!important;padding:0!important;border:1px solid rgba(95,191,244,.3)!important;border-radius:16px!important;
  background:rgba(46,145,202,.12)!important;color:#8fd4fa!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important;
}
.as-contract-button i{font-size:17px}

.as-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}
.as-stats div{min-width:0;padding:9px 3px;border:1px solid rgba(132,158,191,.16);border-radius:13px;background:rgba(5,15,27,.58);text-align:center}
.as-stats strong{display:block;color:#fff;font-size:17px;line-height:1.1}
.as-stats span{display:block;margin-top:4px;color:#8fa0b6;font-size:10px;font-weight:800;white-space:nowrap}
.as-stats .is-online strong{color:#3ce2a2}.as-stats .is-offline strong{color:#ffba45}.as-stats .is-disabled strong{color:#ff6b72}

.as-alert{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border:1px solid rgba(54,218,156,.32);border-radius:15px;background:rgba(22,117,83,.18);color:#b8f5db;font-size:12px;font-weight:800}
.as-alert.is-warning{border-color:rgba(255,184,65,.35);background:rgba(130,86,13,.2);color:#ffe1a6}
.as-alert i{margin-top:2px}

.as-tools-card{padding:13px}
.as-search label{display:block;margin-bottom:7px;color:#dce5f2;font-size:12px;font-weight:900}
.as-search-row{display:grid;grid-template-columns:minmax(0,1fr) 68px auto;gap:7px}
.as-search-row input{
  min-width:0!important;
  width:100%!important;
  height:48px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid rgba(141,166,199,.28)!important;
  border-radius:13px!important;
  outline:none;
  background:#071423!important;
  color:#fff!important;
  font-size:13px!important;
  text-align:right;
}
.as-search-row input:focus{border-color:#f4be37!important;box-shadow:0 0 0 3px rgba(244,190,55,.12)}
.as-search-row input::placeholder{color:#61758e!important;opacity:1}
.as-search-row button,.as-search-row a{
  display:flex!important;
  height:48px!important;
  min-height:48px!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(246,190,50,.45)!important;
  border-radius:13px!important;
  background:#f4bd35!important;
  color:#101927!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.as-search-row a{width:44px!important;background:#101f32!important;color:#f4bd35!important}

.as-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;padding:1px 0 5px;overflow:visible}
.as-filters a{
  display:flex!important;
  flex:1 1 calc(33.333% - 7px);
  min-height:42px!important;
  align-items:center;
  gap:6px;
  padding:0 12px!important;
  border:1px solid rgba(132,158,191,.2)!important;
  border-radius:12px!important;
  background:#0a1829!important;
  color:#aebed1!important;
  font-size:11px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.as-filters a:nth-child(n+4){flex-basis:calc(50% - 7px)}
.as-filters a.is-active{border-color:#f4bd35!important;background:rgba(244,189,53,.12)!important;color:#ffd969!important}

.as-sort-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(132,158,191,.14)}
.as-sort-row>span{display:flex;align-items:center;gap:6px;color:#8fa2ba;font-size:11px;font-weight:800;white-space:nowrap}
.as-sort-row select{width:auto!important;min-width:150px!important;height:42px!important;margin:0!important;padding:0 10px!important;border:1px solid rgba(132,158,191,.25)!important;border-radius:11px!important;background:#081625!important;color:#e9eff8!important;font-size:11px!important}

.as-results-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:#8497af;font-size:11px;font-weight:800}
.as-results-head strong{color:#f7c442;font-size:14px}
.as-list{display:grid;gap:10px}

.as-subscriber-card{position:relative;padding:13px;overflow:hidden}
.as-subscriber-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#5e7088}
.as-subscriber-card.is-online::before{background:#2bd496}.as-subscriber-card.is-disabled::before,.as-subscriber-card.is-cut::before{background:#ff5d67}
.as-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.as-person{display:flex;min-width:0;align-items:center;gap:9px}
.as-avatar{display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;background:rgba(91,118,153,.18);color:#a9bdd5;font-size:17px}
.as-person>div{min-width:0}
.as-person h2{max-width:205px;margin:0;color:#fff;font-size:15px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-person p{display:flex;align-items:center;gap:8px;margin:3px 0 0;color:#8397b0;font-size:10px;direction:rtl}
.as-person p span{color:#e7b936;font-weight:900}.as-person p bdi{direction:ltr;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-status{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-height:29px;padding:0 8px;border:1px solid rgba(128,153,185,.22);border-radius:999px;background:#0a1829;color:#a5b5c8;font-size:9px;font-weight:900;white-space:nowrap}
.as-status i{width:7px;height:7px;border-radius:50%;background:#7789a0}
.as-status.is-online{border-color:rgba(43,212,150,.3);color:#6de6b9}.as-status.is-online i{background:#2bd496;box-shadow:0 0 0 3px rgba(43,212,150,.1)}
.as-status.is-disabled{border-color:rgba(255,93,103,.3);color:#ff9ca2}.as-status.is-disabled i{background:#ff5d67}

.as-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.as-details>div{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;column-gap:5px;min-width:0;padding:9px;border-radius:12px;background:rgba(4,14,26,.52)}
.as-details i{grid-row:1/3;align-self:center;color:#e9b735;font-size:13px;text-align:center}
.as-details span{color:#7f92aa;font-size:9px;font-weight:800}
.as-details strong{margin-top:3px;color:#dce6f3;font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.as-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(132,158,191,.13)}
.as-actions>a,.as-actions>span{
  display:flex!important;
  min-width:0!important;
  min-height:42px!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:0!important;
  padding:0 5px!important;
  border:1px solid rgba(132,158,191,.2)!important;
  border-radius:11px!important;
  background:#0b192a!important;
  color:#c8d4e2!important;
  font-size:9.5px!important;
  font-weight:900!important;
  font-style:normal!important;
  text-decoration:none!important;
}
.as-actions>a i{color:#f1bd37}.as-actions>a.is-pay{border-color:rgba(43,212,150,.28)!important;color:#74e3bb!important}.as-actions>a.is-pay i{color:#36d99c}
.as-actions .ua-router-icon{width:17px;height:17px;fill:none;stroke:#f1bd37;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.as-actions>span.is-muted{color:#74869c!important}.as-actions>span.is-muted i{color:#63758b}.as-actions em{font-size:9px;font-style:normal;white-space:nowrap}

.as-empty{padding:38px 18px;text-align:center}
.as-empty i{color:#f2bd37;font-size:28px}.as-empty h2{margin:12px 0 5px;color:#fff;font-size:17px}.as-empty p{margin:0;color:#8fa1b7;font-size:12px}

.as-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:2px;padding:11px;border:1px solid rgba(132,158,191,.2);border-radius:16px;background:#0b1929}
.as-pagination>a,.as-pagination>span{display:flex!important;min-height:44px!important;align-items:center;justify-content:center;gap:7px;margin:0!important;padding:0 10px!important;border:1px solid rgba(246,190,50,.32)!important;border-radius:12px!important;background:rgba(246,190,50,.08)!important;color:#f4c747!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important}
.as-pagination strong{color:#fff;font-size:12px;direction:ltr}.as-pagination>span.is-disabled{border-color:rgba(132,158,191,.13)!important;background:rgba(132,158,191,.05)!important;color:#62758c!important}

@media (max-width:350px){
  .as-main{padding-inline:7px}
  .as-heading-card,.as-tools-card,.as-subscriber-card{border-radius:17px}
  .as-stats{gap:4px}.as-stats strong{font-size:15px}.as-stats span{font-size:9px}
  .as-heading-row p{display:none}.as-heading-actions{gap:4px}.as-add-button{flex-basis:58px}.as-contract-button{flex-basis:54px!important}
  .as-person h2{max-width:155px}.as-details{gap:5px}.as-details>div{padding:8px 6px}
  .as-actions{gap:4px}.as-actions>a,.as-actions>span{min-height:40px!important;padding-inline:3px!important}
  .as-search-row{grid-template-columns:minmax(0,1fr) 58px auto}.as-search-row button span{display:none}
  .as-sort-row{align-items:stretch;flex-direction:column}.as-sort-row select{width:100%!important}
}
@media (max-width:480px){
  .as-heading-row{gap:7px}.as-heading-row p{display:none}.as-heading-row h1{font-size:19px}
  .as-heading-actions{flex-basis:112px;width:112px;gap:4px}
  html.ua-android-app body.ua-p-subscribers .as-add-button{flex-basis:56px;min-height:50px!important;border-radius:14px!important;font-size:10px!important}
  html.ua-android-app body.ua-p-subscribers .as-contract-button{flex-basis:52px;min-height:50px!important;border-radius:14px!important;font-size:10px!important}
}
