/* «اشتراكات AD SIGNALS» admin page. Everything is scoped under .ads-page (classes prefixed ap-)
   so nothing here can reach another page and global CRM rules cannot leak in. Values follow the
   approved reference (/root/ads_ref.html). */
.ads-page{--ap-bg:#0b0d12;--ap-card:#131722;--ap-card2:#181d2a;--ap-line:#232a3a;--ap-txt:#e8ebf2;--ap-mut:#8b93a7;
  --ap-gold:#f5a524;--ap-green:#22c55e;--ap-red:#ef4444;--ap-amber:#f59e0b;
  margin:-22px;min-height:calc(100% + 44px);background:var(--ap-bg);color:var(--ap-txt);
  font-family:"DejaVu Sans",Almarai,Tahoma,sans-serif;font-size:14px;line-height:normal;direction:rtl}
.ads-page *{box-sizing:border-box}
/* mobile.css forces Almarai on body/button/input/h1 with !important everywhere; keep the reference face inside this page only */
.ads-page,.ads-page *{font-family:"DejaVu Sans",Almarai,Tahoma,sans-serif!important}
/* the reference renders real <button>s (action buttons) with the browser's button face */
.ads-page .ap-btn,.ads-page .rb{font-family:Arial,"Liberation Sans",Helvetica,sans-serif!important}
.ads-page .ap-table .acc,.ads-page .ap-table .acc *{font-family:"DejaVu Sans Mono",ui-monospace,Menlo,Consolas,monospace!important}
.ads-page .ap-wrap{padding:22px 28px;display:flex;flex-direction:column;gap:18px}
.ads-page .ap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.ads-page .ap-h1{font-size:24px;font-weight:700;margin:0;color:var(--ap-txt)}
.ads-page .ap-sub{color:var(--ap-mut);font-size:13px;margin-top:6px}
.ads-page .ap-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ads-page .ap-btn{padding:9px 15px;border-radius:9px;font-weight:700;font-size:13px;border:1px solid var(--ap-line);background:var(--ap-card);color:var(--ap-txt);font-family:inherit;cursor:pointer;line-height:normal;box-shadow:none}
.ads-page .ap-btn.g{background:var(--ap-gold);color:#1a1200;border-color:var(--ap-gold)}
.ads-page .ap-btn:disabled{opacity:.6;cursor:default}
.ads-page .ap-tog{display:flex;align-items:center;gap:8px;background:var(--ap-card);border:1px solid var(--ap-line);border-radius:9px;padding:7px 12px;font-size:13px}
.ads-page .ap-sw{width:34px;height:19px;border-radius:999px;background:var(--ap-green);position:relative;border:0;padding:0;cursor:pointer;flex:none}
.ads-page .ap-sw:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:2px;left:2px}
.ads-page .ap-sw.off{background:#3a4152}.ads-page .ap-sw.off:after{left:auto;right:2px}
.ads-page .ap-mode{display:flex;background:var(--ap-card);border:1px solid var(--ap-line);border-radius:9px;padding:3px;font-size:12px}
.ads-page .ap-mode button{padding:5px 10px;border-radius:7px;color:var(--ap-mut);background:transparent;border:0;font:inherit;font-size:12px;cursor:pointer}
.ads-page .ap-mode button.on{background:#3a2a07;color:var(--ap-gold);font-weight:700}
.ads-page .ap-status{display:flex;gap:18px;flex-wrap:wrap;color:var(--ap-mut);font-size:12.5px;background:var(--ap-card);border:1px solid var(--ap-line);border-radius:12px;padding:11px 16px}
.ads-page .ap-status b{color:var(--ap-txt)}
.ads-page .ok,.ads-page .ap-status b.ok{color:var(--ap-green)}
.ads-page .bad,.ads-page .ap-status b.bad{color:var(--ap-red)}
.ads-page .ap-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ads-page .ap-kpi{background:var(--ap-card);border:1px solid var(--ap-line);border-radius:14px;padding:16px 18px}
.ads-page .ap-kpi .l{color:var(--ap-mut);font-size:13px}
.ads-page .ap-kpi .v{font-size:32px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}
.ads-page .ap-kpi .n{font-size:12px;color:var(--ap-mut);margin-top:4px}
.ads-page .ap-kpi.a{border-color:#1f5b35}.ads-page .ap-kpi.a .v{color:var(--ap-green)}
.ads-page .ap-kpi.r .v{color:var(--ap-red)}.ads-page .ap-kpi.y .v{color:var(--ap-amber)}
.ads-page .ap-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ap-line);overflow-x:auto;scrollbar-width:none}
.ads-page .ap-tabs button{padding:11px 16px;color:var(--ap-mut);font-size:14px;border:0;border-bottom:2px solid transparent;background:transparent;display:flex;gap:7px;align-items:center;font-family:inherit;white-space:nowrap;cursor:pointer;border-radius:0}
.ads-page .ap-tabs button.on{color:var(--ap-gold);border-bottom-color:var(--ap-gold);font-weight:700}
.ads-page .ap-tabs i{font-style:normal;background:#232a3a;border-radius:999px;padding:1px 8px;font-size:11.5px;color:var(--ap-txt)}
.ads-page .ap-tabs button.on i{background:#3a2a07;color:var(--ap-gold)}
.ads-page .ap-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ads-page .ap-search{flex:1;max-width:460px;min-width:220px;background:var(--ap-card);border:1px solid var(--ap-line);border-radius:10px;padding:10px 14px;color:var(--ap-txt);font:inherit;font-size:14px;outline:none}
.ads-page .ap-search::placeholder{color:var(--ap-mut)}
.ads-page .ap-search:focus{border-color:#5a4210}
.ads-page .ap-chip{padding:7px 12px;border-radius:999px;font-size:12.5px;border:1px solid var(--ap-line);background:var(--ap-card);color:var(--ap-mut);font-family:inherit;cursor:pointer}
.ads-page .ap-chip.on{border-color:#5a4210;color:var(--ap-gold);background:#2a1f08}
.ads-page .ap-tablebox{overflow-x:auto;border-radius:14px}
.ads-page table.ap-table{white-space:normal;width:100%;border-collapse:separate;border-spacing:0;background:var(--ap-card);border:1px solid var(--ap-line);border-radius:14px;overflow:hidden;margin:0;font-size:14px}
.ads-page .ap-table th{text-align:right;color:var(--ap-mut);font-weight:400;font-size:12.5px;padding:12px 16px;background:var(--ap-card2);border:0;border-bottom:1px solid var(--ap-line);white-space:nowrap}
.ads-page .ap-table td{padding:13px 16px;border:0;border-bottom:1px solid var(--ap-line);vertical-align:middle;background:transparent;color:var(--ap-txt)}
.ads-page .ap-table tr:last-child td{border-bottom:0}
.ads-page .ap-table .nm{font-weight:700}
.ads-page .ap-table .nm,.ads-page .ap-table .em{overflow-wrap:anywhere}      /* a one-word long name must not widen the table */
.ads-page .ap-table .em{color:var(--ap-mut);font-size:12px;margin-top:3px;direction:ltr;text-align:right}
.ads-page .ap-table .acc{font-family:"DejaVu Sans Mono",ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.ads-page .ap-table .neg{color:#ff8a8a}
.ads-page .ap-table .empty{color:var(--ap-mut);text-align:center;padding:28px}
.ads-page .tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.ads-page .t-red{background:#3a1416;color:#ff8a8a}.ads-page .t-yel{background:#3a2a07;color:#ffc65a}
.ads-page .t-gry{background:#232a3a;color:#c3c9d6}.ads-page .t-grn{background:#0f2f1c;color:#5ee38c}
.ads-page .conf{font-size:12px;color:var(--ap-green);margin-top:5px}
.ads-page .conf.mut{color:var(--ap-mut)}
.ads-page .rb{padding:7px 12px;border-radius:8px;border:1px solid var(--ap-line);background:transparent;color:var(--ap-txt);font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}
.ads-page .ap-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--ap-mut);font-size:12.5px}
.ads-page .ap-pager{display:inline-flex;gap:6px;align-items:center}
.ads-page .ap-pager button{padding:2px 9px;border-radius:7px;border:1px solid var(--ap-line);background:transparent;color:var(--ap-mut);font:inherit;cursor:pointer}
.ads-page .ap-pager button:disabled{opacity:.4;cursor:default}
.ads-page button:focus-visible,.ads-page input:focus-visible{outline:2px solid var(--ap-gold);outline-offset:2px}
@media (max-width:1100px){.ads-page .ap-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){
  .ads-page{margin:-12px;min-height:calc(100% + 24px)}
  .ads-page .ap-wrap{padding:16px;gap:14px}
  .ads-page .ap-head{flex-direction:column}
  .ads-page .ap-acts{justify-content:flex-start;width:100%}
  .ads-page .ap-acts>*{flex:1 1 auto}
  .ads-page .ap-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ads-page .ap-status{flex-direction:column;gap:6px}
  .ads-page .ap-search{max-width:none;flex:1 0 100%}
  .ads-page .ap-table{min-width:980px}
  .ads-page .ap-table th:first-child{width:210px!important}
  .ads-page .ap-table .em{white-space:nowrap;overflow-wrap:normal}
}