:root { --ps-admin-bg:#f5f7f8; --ps-admin-surface:#fff; --ps-admin-border:#e5e9ed; --ps-admin-text:#24303c; --ps-admin-muted:#74808d; --ps-admin-soft:#eef3fc; --ps-admin-accent:#285fc8; }
.dark { --ps-admin-bg:#141a21; --ps-admin-surface:#1c232c; --ps-admin-border:#2c3642; --ps-admin-text:#e6ecf2; --ps-admin-muted:#9ca9b9; --ps-admin-soft:#253449; --ps-admin-accent:#8eb5fa; }
.fi-body { background:var(--ps-admin-bg); }
.fi-sidebar { background:var(--ps-admin-surface); border-inline-end:1px solid var(--ps-admin-border); }
.fi-topbar { background:var(--ps-admin-surface); border-bottom:1px solid var(--ps-admin-border); box-shadow:none; }
.fi-sidebar-header, .fi-topbar nav { box-shadow:none; }
.ps-admin-brand { display:flex; align-items:center; gap:10px; text-align:left; color:var(--ps-admin-text); }
.ps-admin-brand img { width:33px; height:33px; object-fit:contain; }
.ps-admin-brand > span { font-size:19px; font-weight:650; line-height:1.1; letter-spacing:-.6px; }
.ps-admin-brand small { display:block; margin-top:6px; font-size:8px; letter-spacing:1.4px; color:var(--ps-admin-muted); font-weight:500; }
.fi-sidebar-nav { padding:20px 14px; gap:20px; }
.fi-sidebar-nav-groups { gap:20px; }
.fi-sidebar-group-label { color:var(--ps-admin-muted); font-size:11px; font-weight:600; letter-spacing:.15px; }
.fi-sidebar-group-btn { padding-inline:10px; }
.fi-sidebar-group-btn > svg { width:17px; height:17px; color:var(--ps-admin-muted); }
.fi-sidebar-item-btn { border-radius:7px; min-height:38px; padding-block:8px; }
.fi-sidebar-item-label { font-size:12px; font-weight:500; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background:var(--ps-admin-soft); }
.fi-sidebar-item.fi-active .fi-sidebar-item-label { color:var(--ps-admin-accent); font-weight:600; }
.fi-main { padding-top:28px; }
.fi-header-heading { font-size:27px; line-height:1.3; font-weight:650; letter-spacing:-.8px; color:var(--ps-admin-text); }
.fi-header-subheading { font-size:12px; color:var(--ps-admin-muted); line-height:1.7; }
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat { border:1px solid var(--ps-admin-border); box-shadow:none; border-radius:12px; background:var(--ps-admin-surface); }
.fi-section-header-heading, .fi-ta-header-heading { font-size:14px; font-weight:600; }
.fi-ta-header-cell { background:var(--ps-admin-bg); padding-block:13px; }
.fi-ta-header-cell-label { font-size:11px; color:var(--ps-admin-muted); }
.fi-ta-text-item { font-size:12px; }
.fi-ta-cell { padding-block:13px; }
.fi-btn { border-radius:8px; font-size:12px; box-shadow:none; }
.fi-input-wrp { border-radius:8px; box-shadow:none; border:1px solid var(--ps-admin-border); }
.fi-tabs { box-shadow:none; border:1px solid var(--ps-admin-border); background:var(--ps-admin-surface); border-radius:9px; }
.fi-tabs-item { border-radius:6px; font-size:12px; }
.dark .ops-card { background:var(--ps-admin-surface); border-color:var(--ps-admin-border); }
.ps-admin-finder { margin-inline-start:12px; }
.ps-admin-finder-trigger { display:flex; align-items:center; gap:10px; border:1px solid var(--ps-admin-border); border-radius:7px; padding:8px 12px; background:var(--ps-admin-bg); font-size:12px; color:var(--ps-admin-muted); cursor:pointer; }
.ps-admin-finder-trigger > svg { width:16px; height:16px; }
.ps-admin-finder-trigger kbd { font-size:9px; margin-left:30px; color:var(--ps-admin-muted); }
.ps-admin-finder-dialog { padding:0; margin:auto; width:680px; max-width:calc(100vw - 24px); max-height:min(780px,90dvh); background:var(--ps-admin-surface); color:var(--ps-admin-text); border:1px solid var(--ps-admin-border); border-radius:16px; box-shadow:0 24px 90px #07142255; }
.ps-admin-finder-dialog::backdrop { background:#10192388; backdrop-filter:blur(3px); }
.ps-admin-finder-dialog[open] { display:flex; flex-direction:column; }
.ps-admin-finder-dialog header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 26px 18px; }
.ps-admin-finder-dialog header span { font-size:8px; font-weight:600; letter-spacing:1.5px; color:var(--ps-admin-muted); }
.ps-admin-finder-dialog h2 { margin-top:8px; font-size:22px; font-weight:600; letter-spacing:-.5px; }
.ps-admin-finder-dialog header button { padding:8px; border-radius:7px; background:var(--ps-admin-bg); cursor:pointer; }
.ps-admin-finder-dialog header button svg { width:18px; height:18px; }
.ps-admin-finder-input { display:flex; align-items:center; gap:12px; margin:0 26px 20px; padding:12px 14px; border:1px solid var(--ps-admin-border); border-radius:8px; }
.ps-admin-finder-input:focus-within { outline:2px solid var(--ps-admin-soft); border-color:var(--ps-admin-accent); }
.ps-admin-finder-input > svg { width:19px; height:19px; color:var(--ps-admin-muted); }
.ps-admin-finder-input input { width:100%; min-width:0; border:none; outline:none; box-shadow:none; background:transparent; font-size:13px; }
.ps-admin-finder-results { padding:0 26px 22px; overflow:auto; min-height:120px; }
.ps-admin-finder-results section + section { margin-top:22px; }
.ps-admin-finder-results h3 { font-size:13px; font-weight:650; }
.ps-admin-finder-results section > p { font-size:10px; color:var(--ps-admin-muted); margin:5px 0 10px; }
.ps-admin-finder-results section > div { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.ps-admin-finder-results a { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:12px; background:var(--ps-admin-bg); border:1px solid transparent; border-radius:7px; padding:12px; }
.ps-admin-finder-results a:hover, .ps-admin-finder-results a:focus-visible { background:var(--ps-admin-soft); border-color:var(--ps-admin-accent); }
.ps-admin-finder-results a svg { width:14px; height:14px; flex-shrink:0; color:var(--ps-admin-muted); }
.ps-admin-finder-results a[aria-current] { color:var(--ps-admin-accent); }
.ps-admin-finder-empty { font-size:12px; color:var(--ps-admin-muted); padding:24px 0; }
.ps-admin-finder-dialog footer { display:flex; justify-content:space-between; gap:20px; padding:15px 26px; border-top:1px solid var(--ps-admin-border); color:var(--ps-admin-muted); font-size:10px; }
@media(max-width:767px) { .ps-admin-finder { margin-inline-start:5px; } .ps-admin-finder-trigger kbd { display:none; } .fi-header-heading { font-size:23px; } .ps-admin-finder-dialog header { padding:20px; } .ps-admin-finder-dialog h2 { font-size:19px; } .ps-admin-finder-input { margin-inline:20px; } .ps-admin-finder-results { padding-inline:20px; } .ps-admin-finder-results section > div { grid-template-columns:1fr; } .ps-admin-finder-dialog footer span { display:none; } }
@media(prefers-reduced-motion:reduce) { .fi-sidebar { transition:none; } }

/* Telegram setup: explicit CSS also works with Filament's precompiled assets. */
.ps-telegram { width:100%; max-width:820px; margin-inline:auto; display:grid; gap:20px; color:var(--ps-admin-text); }
.ps-tg-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.ps-tg-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.ps-tg-stack { display:grid; gap:18px; }
.ps-tg-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }
.ps-telegram label { display:block; margin-bottom:7px; font-size:12px; font-weight:550; line-height:1.6; }
.ps-telegram label.ps-tg-row { display:flex; font-size:13px; }
.ps-telegram input[type=checkbox] { width:17px; height:17px; accent-color:#3977d9; cursor:pointer; }
.ps-tg-field { margin-top:10px; }
.ps-tg-details { margin-top:16px; font-size:12px; }
.ps-tg-details summary { color:var(--ps-admin-muted); cursor:pointer; }
.ps-tg-hint { margin-top:14px; color:var(--ps-admin-muted); font-size:12px; line-height:1.8; }
.ps-tg-link { color:var(--ps-admin-accent); text-decoration:underline; text-underline-offset:3px; }
.ps-tg-error { margin-top:6px; font-size:12px; line-height:1.6; color:#c13b40; }
.dark .ps-tg-error { color:#ff9b9e; }
.ps-tg-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.ps-telegram .fi-section-header-description { font-size:12px; line-height:1.8; }
.ps-telegram .fi-input { font-size:13px; }
.ps-telegram .fi-section-footer { display:flex; gap:10px; flex-wrap:wrap; }
@media(max-width:640px) {
  .ps-tg-grid { grid-template-columns:1fr; gap:16px; }
  .ps-tg-toolbar { align-items:flex-start; }
  .ps-telegram .fi-section-content { padding:18px; }
}
