/* FINAL V80 — system page + mobile/tablet dialog scroll + PWA pull-to-refresh */
:root{
  --v80-red:#ef1d2d;
  --v80-bg:#090d12;
  --v80-card:#111720;
  --v80-card-2:#171e28;
  --v80-border:rgba(255,255,255,.09);
  --v80-muted:#98a2b3;
}

/* Kill every previous duplicate "إدارة متقدمة" entry without deleting its JS. */
#v51-admin-tools-btn,
#v56-advanced-nav,
#v59-advanced-nav,
.v80-old-advanced-hidden{display:none!important}

.v80-system-nav{
  width:100%;display:flex;flex-direction:column;align-items:stretch;gap:3px;
  padding:10px 13px;border:0;border-radius:14px;background:transparent;color:#d8dee7;
  text-align:right;cursor:pointer;transition:.18s ease;font:inherit
}
.v80-system-nav:hover{background:rgba(255,255,255,.055);color:#fff}
.v80-system-nav-main{display:flex;align-items:center;gap:9px;font-weight:900;font-size:13px}
.v80-system-nav-main i{width:18px;text-align:center;color:var(--v80-red)}
.v80-system-nav small{padding-inline-start:27px;color:#7f8998;font-size:9px;font-weight:700}

.v80-system-page{
  --v80-sidebar-width:0px;
  position:fixed;z-index:2147482500;top:0;bottom:0;left:0;right:var(--v80-sidebar-width);
  overflow-y:auto;overflow-x:hidden;background:
    radial-gradient(circle at 96% 0%,rgba(239,29,45,.12),transparent 29%),
    linear-gradient(180deg,#0a0e14,#070a0e);
  color:#f8fafc;overscroll-behavior:contain;-webkit-overflow-scrolling:touch
}
.v80-system-shell{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:28px 0 calc(38px + env(safe-area-inset-bottom))}
.v80-system-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:4px 2px 22px;border-bottom:1px solid var(--v80-border)}
.v80-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff4d5a;font-size:11px;font-weight:900;letter-spacing:.02em}
.v80-system-head h1{margin:7px 0 5px;font-size:28px;line-height:1.2;font-weight:950}
.v80-system-head p{margin:0;max-width:720px;color:var(--v80-muted);font-size:12px;line-height:1.9}
.v80-back{height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:1px solid var(--v80-border);border-radius:12px;background:#121820;color:#fff;font:900 11px inherit;cursor:pointer}
.v80-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 0}
.v80-system-card{border:1px solid var(--v80-border);border-radius:22px;background:linear-gradient(180deg,rgba(20,26,35,.96),rgba(14,19,26,.96));padding:17px;box-shadow:0 16px 45px rgba(0,0,0,.18)}
.v80-wa-card{grid-column:1/-1}
.v80-card-title{display:flex;align-items:flex-start;gap:11px;padding-bottom:13px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.055)}
.v80-card-title>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(239,29,45,.11);color:#ff3d4b;font-size:16px}
.v80-card-title h2{margin:0;font-size:14px;font-weight:950}.v80-card-title p{margin:4px 0 0;color:var(--v80-muted);font-size:10px;line-height:1.7}

.v80-setting-row{position:relative;display:grid;grid-template-columns:1fr 48px;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.045);cursor:pointer}
.v80-setting-row:last-child{border-bottom:0}.v80-setting-row>span{display:grid;gap:3px}.v80-setting-row b{font-size:12px}.v80-setting-row small{color:#8f99a8;font-size:9px;line-height:1.7}
.v80-setting-row input{position:absolute;opacity:0;pointer-events:none}
.v80-setting-row>i{position:relative;width:44px;height:24px;border-radius:999px;background:#303a48;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:.18s}
.v80-setting-row>i::before{content:"";position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:#9aa4b2;transition:.18s}
.v80-setting-row input:checked~i{background:var(--v80-red)}.v80-setting-row input:checked~i::before{right:24px;background:#fff}
.v80-setting-row.is-disabled{opacity:.46;cursor:not-allowed}.v80-setting-row.needs-wa-check small::after{content:" · يلزم فحص الاتصال";color:#ff9aa2}

.v80-token-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:14px}
.v80-token-grid label{display:grid;gap:7px}.v80-token-grid label>span{font-size:10px;font-weight:900;color:#cbd3de}
.v80-token-input{display:grid;grid-template-columns:1fr 42px;border:1px solid #2a3340;border-radius:12px;overflow:hidden;background:#0b1016}
.v80-token-input input{height:44px;border:0;background:transparent;color:#fff;padding:0 13px;outline:none;min-width:0}
.v80-token-input button{border:0;border-inline-start:1px solid #2a3340;background:#151c25;color:#aeb7c4;cursor:pointer}
.v80-primary,.v80-wa-actions button,.v80-danger,.v80-save-all{height:44px;border-radius:12px;padding:0 15px;font:900 10px inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.v80-primary,.v80-save-all{border:1px solid var(--v80-red);background:var(--v80-red);color:#fff}
.v80-wa-state{display:flex;align-items:center;gap:8px;margin:11px 0;padding:10px 12px;border:1px solid var(--v80-border);border-radius:12px;background:#0b1016;color:#aab4c1;font-size:10px;font-weight:800}
.v80-wa-state.is-ok{border-color:rgba(34,197,94,.3);color:#72e49a;background:rgba(34,197,94,.06)}
.v80-wa-state.is-bad{border-color:rgba(239,29,45,.35);color:#ff818b;background:rgba(239,29,45,.06)}
.v80-wa-actions{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:9px;align-items:center;margin-bottom:8px}
.v80-wa-actions button{border:1px solid #303947;background:#151b23;color:#fff}.v80-wa-actions input{height:44px;border:1px solid #303947;border-radius:12px;background:#0b1016;color:#fff;padding:0 12px;outline:none}
.v80-danger{margin-top:12px;border:1px solid rgba(239,29,45,.38);background:transparent;color:#ff5d69}
.v80-system-footer{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--v80-border);border-radius:18px;background:rgba(10,14,20,.92);backdrop-filter:blur(14px);box-shadow:0 -12px 35px rgba(0,0,0,.28)}
.v80-system-footer>div{display:flex;align-items:center;gap:8px;color:#9ca6b4;font-size:10px}.v80-system-footer>div i{color:#ff5965}
.v80-system-loading,.v80-system-error{min-height:100%;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;padding:30px}.v80-system-loading i,.v80-system-error>i{font-size:24px;color:var(--v80-red)}
.v80-system-error h2{margin:0}.v80-system-error p{margin:0;color:var(--v80-muted)}.v80-system-error button{height:42px;padding:0 18px;border-radius:11px;border:1px solid var(--v80-border);background:#151b23;color:#fff}

/* Profile / admin participant dialogs: one centering system + real internal scroll. */
@media (max-width:1024px){
  [role="dialog"].v80-mobile-scroll-dialog{
    position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;
    translate:none!important;transform:translate(-50%,-50%)!important;
    width:min(680px,calc(100vw - 20px))!important;max-width:min(680px,calc(100vw - 20px))!important;
    height:auto!important;max-height:calc(100dvh - 20px)!important;min-height:0!important;
    margin:0!important;box-sizing:border-box!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;
    scroll-behavior:auto!important;scroll-padding-bottom:88px!important;
    padding-bottom:calc(54px + env(safe-area-inset-bottom))!important;
  }
  [role="dialog"].v80-mobile-scroll-dialog>*{min-width:0!important}
  [role="dialog"].v80-mobile-scroll-dialog .v65-close-button{display:none!important}
  [role="dialog"].v80-mobile-scroll-dialog .v65-sticky-save{position:static!important;inset:auto!important;transform:none!important;translate:none!important}
}
@media (max-width:520px){
  [role="dialog"].v80-mobile-scroll-dialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding-inline:14px!important;border-radius:18px!important}
}

/* Pull-to-refresh indicator */
#v80-pull-refresh{--v80-pull:0px;position:fixed;z-index:2147483600;top:calc(-56px + env(safe-area-inset-top));left:50%;transform:translate(-50%,var(--v80-pull));height:42px;min-width:150px;padding:0 14px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(15,20,27,.96);color:#d7dee8;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:900;opacity:0;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.36);transition:opacity .12s ease}
#v80-pull-refresh.is-visible{opacity:1}#v80-pull-refresh i{color:#ff4d5a;transition:transform .18s}#v80-pull-refresh.is-ready i{transform:rotate(180deg)}#v80-pull-refresh.is-refreshing i{animation:v80spin .7s linear infinite}
@keyframes v80spin{to{transform:rotate(360deg)}}

@media (max-width:1024px){
  .v80-system-page{right:0!important;padding-bottom:env(safe-area-inset-bottom)}
  .v80-system-shell{width:min(100% - 18px,760px);padding-top:16px}
  .v80-system-head{gap:10px}.v80-system-head h1{font-size:22px}.v80-system-head p{font-size:10px}.v80-back{padding:0 12px}
  .v80-system-grid{grid-template-columns:1fr;gap:11px;padding:13px 0}.v80-wa-card{grid-column:auto}
  .v80-token-grid{grid-template-columns:1fr}.v80-wa-actions{grid-template-columns:1fr 1fr}.v80-wa-actions input{grid-column:1/-1}
  .v80-system-footer{align-items:stretch;flex-direction:column}.v80-save-all{width:100%}
}