/* «گزارش عملکرد کانال سیگنال» slide-out panel — any page with fx_sigrep_button() (mu-plugin fx-signal-reports.php, sigrep.js) */
.sr-drawer{position:fixed;inset:0;z-index:9990}
.sr-drawer[hidden]{display:none}
.sr-drawer__bg{position:absolute;inset:0;background:rgba(6,10,20,.45);opacity:0;transition:opacity .25s}
.sr-drawer__panel{position:absolute;top:0;bottom:0;right:0;width:min(620px,100%);background:var(--fx-surface,#fff);color:var(--fx-ink);display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(11,18,32,.18);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sr-drawer.is-open .sr-drawer__bg{opacity:1}
.sr-drawer.is-open .sr-drawer__panel{transform:none}
.sr-drawer__head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--fx-hair)}
.sr-drawer__t{font-family:var(--fx-font-head);font-weight:800;font-size:17px}
.sr-drawer__x{margin-inline-start:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--fx-border);background:var(--fx-fill);color:var(--fx-ink);font-size:20px;line-height:1;cursor:pointer}
.sr-drawer__tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--fx-hair)}
.sr-drawer__tabs .fx-filter{font-family:inherit;background:none}
.sr-drawer__tabs .fx-filter.is-on{background:var(--fx-primary)}
.sr-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px}
.sr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.sr-card{margin:0;border:1px solid var(--fx-border);border-radius:14px;background:var(--fx-surface,#fff);overflow:hidden}
.sr-card__t{display:flex;align-items:center;gap:6px;padding:9px 12px;font-weight:700;font-size:13px;border-bottom:1px solid var(--fx-hair);background:var(--fx-tint-bg)}
.sr-card__t span{margin-inline-start:auto;font-weight:500;font-size:11px;color:var(--fx-muted)}
.sr-card__img{display:block;background:var(--fx-fill)}
.sr-card__img img{display:block;width:100%;height:auto}
.sr-card__img:hover img{opacity:.92}
.sr-empty{grid-column:1/-1;text-align:center;color:var(--fx-muted);font-size:13.5px;padding:40px 0}
.sr-more{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--fx-muted);font-size:12.5px;padding:16px 0}
.sr-more[hidden]{display:none}
.sr-spin{width:16px;height:16px;border:2px solid var(--fx-tint-border);border-top-color:var(--fx-primary);border-radius:50%;animation:sr-spin .8s linear infinite}
@keyframes sr-spin{to{transform:rotate(360deg)}}
.sr-drawer__foot{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--fx-hair);background:var(--fx-surface,#fff)}
.sr-drawer__foot .fx-btn{display:flex;justify-content:center;width:100%;box-sizing:border-box;font-size:14px;padding:12px 18px}
.sr-box{position:fixed;inset:0;z-index:9999;background:rgba(6,10,20,.94);display:flex;align-items:center;justify-content:center;padding:48px 60px}
.sr-box[hidden]{display:none}
.sr-box img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.sr-box__x{position:absolute;top:12px;left:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px;cursor:pointer}
.sr-box__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;cursor:pointer}
.sr-box__prev{right:10px}.sr-box__next{left:10px}
.sr-box__c{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#cbd2e1;font-size:12.5px}
html.sr-lock{overflow:hidden}
.sr-link{background:none;border:0;padding:0;font:inherit;color:var(--fx-primary);cursor:pointer}
@media (max-width:640px){.sr-drawer__panel{width:100%}.sr-drawer__body{padding:12px}.sr-grid{gap:8px}.sr-card__t{padding:7px 9px;font-size:12px}.sr-box{padding:56px 6px}.sr-box__nav{top:auto;bottom:10px;transform:none}}
/* the theme zooms <body> (--fx-zoom: phones 1.15, wide desktops 1.1–1.25); fixed layers inside it must be sized in
   zoomed units, or they spill past the screen edge */
.sr-drawer,.sr-box{right:auto;bottom:auto;width:calc(100vw / var(--fx-zoom,1));height:calc(100vh / var(--fx-zoom,1));height:calc(100dvh / var(--fx-zoom,1))}