.pfb-page { display:flex; flex-direction:column; gap:0; min-height:0; }
.pfb-layout {
  display:flex;
  flex-direction:column;
  min-height: calc(100vh - 72px);
}
.pfb-servers {
  border-bottom:1px solid var(--border, #dcdcdc);
  background:#e8e8e8;
  padding:6px 12px 8px;
  flex-shrink:0;
}
.pfb-servers__head {
  display:flex; align-items:center; justify-content:space-between;
  padding:0 2px 6px; font-size:10px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:#6b7a90;
}
.pfb-server-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap:6px;
}
.pfb-iconbtn {
  width:24px; height:24px; border:1px solid #d0d0d0; border-radius:8px;
  background:#fff; cursor:pointer; font-size:16px; line-height:1; color:#2a2a2a;
}
.pfb-sitem {
  display:flex; align-items:flex-start; justify-content:space-between; gap:8px;
  width:100%; text-align:left; padding:8px 10px; margin:0;
  border:1px solid #d0d0d0; border-radius:10px; background:#fff; cursor:pointer;
  color:#152033; box-sizing:border-box; min-height:0;
}
.pfb-sitem:hover { border-color:#2a2a2a; background:#fff; }
.pfb-sitem.is-on { background:#2a2a2a; color:#fff; border-color:#2a2a2a; }
.pfb-sitem__name { font-weight:700; font-size:14px; }
.pfb-sitem__meta { font-size:11px; color:#6b7a90; margin-top:4px; line-height:1.35; }
.pfb-sitem.is-on .pfb-sitem__meta { color:#c8c8c8; }
.pfb-sitem.is-on .pfb-sitem__btns button { color:#fff; }
.pfb-sitem__btns { display:flex; gap:2px; flex-shrink:0; }
.pfb-sitem__btns button {
  border:0; background:transparent; cursor:pointer; font-size:12px; color:inherit; opacity:.7;
}
.pfb-dot {
  display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:5px;
  background:#b8b8b8; vertical-align:middle;
}
.pfb-dot.on { background:#3d5c4a; }
.pfb-dot.off { background:#b91c1c; }

.pfb-work { display:flex; flex-direction:column; gap:8px; padding:8px 12px 14px; min-width:0; flex:1; }
.pfb-toolbar {
  display:flex; justify-content:space-between; gap:8px; align-items:center; flex-wrap:wrap;
}
.pfb-toolbar__title { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pfb-toolbar__title strong { font-size:14px; }
.pfb-muted { color:#6b7a90; font-size:12px; }
.pfb-actions { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.pfb-mini-switch {
  display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600;
  white-space:nowrap; color:#152033;
}
.pfb-h { margin:8px 0 4px; font-size:13px; }
.pfb-sub { color:#6b7a90; margin:4px 0 6px; font-size:12px; line-height:1.35; }
.pfb-tabs {
  display:flex; flex-wrap:wrap; gap:4px;
  background:#e8e8e8; padding:3px; border-radius:10px; border:0;
}
.pfb-tabs button {
  border:0; background:transparent; padding:6px 10px; cursor:pointer;
  font-weight:700; font-size:12px; color:#6b7a90; border-radius:8px;
}
.pfb-tabs button.is-on { color:#fff; background:#2a2a2a; }
.pfb-pane { display:flex; flex-direction:column; gap:8px; padding-top:6px; }
.pfb-form-inline {
  display:flex; flex-wrap:wrap; gap:6px; align-items:center;
}
.pfb-form-inline input[type="text"],
.pfb-form-inline input:not([type="checkbox"]) {
  padding:7px 9px; border-radius:8px; border:1px solid #d0d0d0; min-width:0;
  flex:1 1 120px; box-sizing:border-box;
}
.pfb-preview {
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:11px; line-height:1.4; white-space:pre-wrap; word-break:break-all;
  background:#f7f7f7; border:1px dashed #d8d8d8; border-radius:8px; padding:6px 10px;
  color:#152033;
}
.pfb-msg { font-size:12px; color:#6b7a90; min-height:16px; }
.pfb-msg.err { color:#b91c1c; }
.pfb-msg.ok { color:#3d5c4a; }
.pfb-pill {
  display:inline-flex; align-items:center; gap:4px;
  border-radius:999px; padding:2px 8px; font-size:11px; font-weight:700;
}
.pfb-pill--on { background:rgba(61,92,74,0.12); color:#2a2a2a; }
.pfb-pill--off { background:rgba(239,68,68,0.12); color:#b91c1c; }
.pfb-pill--stale { background:#f3f4f6; color:#6b7a90; }
.pfb-domain { border:1px solid #dcdcdc; border-radius:10px; overflow:hidden; }
.pfb-domain + .pfb-domain { margin-top:6px; }
.pfb-domain summary {
  cursor:pointer; padding:7px 10px; font-weight:700; background:#f6f6f6;
  list-style:none; display:flex; justify-content:space-between; gap:8px; font-size:13px;
}
.pfb-form-inline--tight { gap:4px; }
.pfb-form-inline--tight input:not([type="checkbox"]) {
  padding:4px 6px; font-size:12px; flex:1 1 70px; border-radius:6px;
}
.pfb-form-inline--tight #pfbN { flex:0 0 52px; max-width:52px; }
.pfb-form-inline--tight #pfbSclick { flex:0 0 46px; max-width:46px; }
.pfb-form-inline--tight #pfbLr { flex:0 0 62px; max-width:62px; }
.pfb-form-inline--tight #pfbBrand { flex:0 1 90px; }
.pfb-form-inline--tight .btn { padding:4px 8px; font-size:12px; }
.pfb-ppane--keys .pfb-msg { min-height:0; margin:2px 0; }

.pfb-keys { border:1px solid #e4e4e4; border-radius:8px; overflow:auto; max-height:min(62vh, 720px); }
.pfb-keys__head,
.pfb-key {
  display:grid;
  grid-template-columns: 26px minmax(52px, 0.55fr) minmax(72px, 0.85fr) 36px 36px minmax(118px, 0.5fr) 68px 80px 22px;
  gap:4px;
  align-items:center;
  padding:2px 6px;
}
.pfb-keys__head {
  position:sticky; top:0; z-index:1;
  font-size:10px; font-weight:700; color:#6b7a90; letter-spacing:.02em;
  background:#f3f3f3; padding:4px 6px; border-bottom:1px solid #e8e8e8;
}
.pfb-n-h {
  display:flex; justify-content:space-between; gap:6px; font-style:normal;
}
.pfb-n-h i { font-style:normal; font-weight:700; color:#b0b7c3; }
.pfb-key {
  border-top:1px solid #f0f0f0;
  background:#fff;
}
.pfb-key.is-on { background:#f6f8f6; }
.pfb-key input {
  padding:3px 5px; border:1px solid #e5e5e5; border-radius:5px;
  font-size:12px; line-height:1.25; min-width:0; width:100%;
  box-sizing:border-box; color:#152033; background:#fff;
}
.pfb-key input:focus { outline:none; border-color:#2a2a2a; }
.pfb-n {
  display:flex; align-items:center; gap:5px; min-width:0;
}
.pfb-n-pro {
  flex:0 0 auto;
  min-width:2.8em;
  color:#9aa3b2;
  font-size:11px;
  line-height:1.2;
  font-variant-numeric:tabular-nums;
  text-align:right;
  white-space:nowrap;
  user-select:all;
}
.pfb-n input { width:56px; flex:0 0 56px; }
.pfb-file { display:flex; justify-content:center; margin:0; cursor:pointer; }
.pfb-file input { margin:0; }
.pfb-x {
  border:0; background:transparent; cursor:pointer;
  color:#b0b7c3; font-size:15px; line-height:1; padding:0;
}
.pfb-x:hover { color:#b91c1c; }

.pfb-key__meta { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.pfb-key-grid { display:none; }
.pfb-key__btns { display:none; }
.pfb-stages {
  display:flex; flex-wrap:wrap; gap:4px; align-items:center;
  margin-top:6px;
}
.pfb-stages button {
  border:1px solid #d0d0d0; background:#fff; border-radius:7px;
  padding:4px 8px; font-weight:700; font-size:11px; cursor:pointer; color:#152033;
}
.pfb-stages button:hover { border-color:#2a2a2a; }
.pfb-stages button.is-on { background:#2a2a2a; color:#fff; border-color:#2a2a2a; }
.pfb-keys__head span.pfb-pos-h { text-align:center; font-weight:800; }
.pfb-pos {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  border-radius:5px;
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  color:#9aa3b2;
  user-select:all;
  line-height:1.2;
}
.pfb-pos.is-t3 { background:#dce8e1; color:#2a2a2a; }
.pfb-pos.is-t10 { background:#e8eee9; color:#2a2a2a; }
.pfb-pos.is-t30 { background:#efe9dc; color:#2a2a2a; }
.pfb-pos.is-t50 { background:#eeeae6; color:#3a3a3a; }
.pfb-pos.is-t100 { background:#f2f2f2; color:#6b6b6b; }
.pfb-pos.is-out { background:#f7f7f7; color:#b0b0b0; }
@media (max-width: 900px) {
  .pfb-keys__head, .pfb-key {
    grid-template-columns: 26px minmax(48px, 0.5fr) minmax(64px, 0.8fr) 32px 32px minmax(110px, 0.55fr) 64px 74px 22px;
  }
}
.pfb-io { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.pfb-hist { margin-top:4px; }
.pfb-ver {
  border:1px solid #dcdcdc; border-radius:10px; padding:8px 10px; margin-top:6px;
}
.pfb-ver pre {
  margin:6px 0 0; white-space:pre-wrap; font-size:11px; color:#152033;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.pfb-token {
  margin-top:6px; padding:8px 10px; border-radius:10px; border:1px solid #dcdcdc;
  background:#fffbe8; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  word-break:break-all; display:none; font-size:12px;
}
.pfb-staff { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.pfb-staff input { padding:7px 9px; border-radius:8px; min-width:180px; }
.pfb-staff-list { display:flex; gap:6px; flex-wrap:wrap; }
.pfb-chip {
  display:inline-flex; gap:6px; align-items:center;
  border:1px solid #dcdcdc; border-radius:999px; padding:3px 8px; font-size:12px;
}
.pfb-chip button { border:0; background:transparent; cursor:pointer; color:#b91c1c; font-weight:700; }

.adm-bots-row {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:6px 0; border-bottom:1px solid #ececec; font-size:13px;
}
.pfb-rail-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.pfb-rail {
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
  gap:8px;
  padding:2px 0 8px;
}
.pfb-rail > .pfb-msg { grid-column: 1 / -1; }
.pfb-card {
  border:1px solid #e2e2e2; border-radius:12px; padding:10px 11px 9px;
  background:#fff; cursor:pointer; text-align:left; color:#152033;
  width:100%; min-width:0; box-sizing:border-box;
  box-shadow: 0 1px 2px rgba(21,32,51,0.05);
  transition: border-color .15s, box-shadow .15s;
  text-decoration:none; display:block;
}
.pfb-card:hover { border-color:#2a2a2a; box-shadow: 0 4px 12px rgba(21,32,51,0.08); }
.pfb-card.is-run {
  border-color:#cfd8d3;
  box-shadow: inset 3px 0 0 #3d5c4a, 0 1px 2px rgba(21,32,51,0.05);
}
.pfb-card.is-run:hover { box-shadow: inset 3px 0 0 #3d5c4a, 0 4px 12px rgba(21,32,51,0.08); }
.pfb-card.is-idle { background:#f6f6f6; border-color:#e8e8e8; color:#5a6578; }
.pfb-card.is-pause { background:#f3f4f6; color:#6b7a90; }
.pfb-card.is-on { background:#2a2a2a; color:#fff; border-color:#2a2a2a; box-shadow: 0 4px 14px rgba(42,42,42,0.28); }
.pfb-card.is-on.is-run { box-shadow: inset 3px 0 0 #84ffb8, 0 4px 14px rgba(42,42,42,0.28); }
.pfb-card__top { display:flex; align-items:center; gap:7px; min-width:0; }
.pfb-card__name { font-weight:800; font-size:13px; margin:0; word-break:break-all; line-height:1.25; }
.pfb-card__meta {
  display:flex; justify-content:space-between; align-items:baseline; gap:8px;
  margin-top:7px; font-size:11px; color:#6b7a90;
}
.pfb-card.is-on .pfb-card__meta { color:#c8c8c8; }
.pfb-card__clicks { margin-top:4px; font-size:12px; font-weight:700; }
.pfb-card.is-idle .pfb-card__clicks,
.pfb-card.is-pause .pfb-card__clicks { font-weight:600; color:#8a93a3; }
.pfb-card.is-on .pfb-card__clicks { color:#fff; }
.pfb-live, .pfb-idle {
  flex:0 0 auto; width:8px; height:8px; border-radius:50%;
}
.pfb-idle { background:#c8c8c8; }
.pfb-card.is-pause .pfb-idle { background:#9aa3b2; }
.pfb-live {
  background:#3d5c4a;
  box-shadow: 0 0 0 0 rgba(61,92,74,0.55);
  animation: pfb-pulse 1.6s ease-out infinite;
}
.pfb-card.is-on .pfb-live {
  background:#84ffb8;
  box-shadow: 0 0 0 0 rgba(132,255,184,0.55);
  animation-name: pfb-pulse-on;
}
@keyframes pfb-pulse {
  0% { box-shadow: 0 0 0 0 rgba(61,92,74,0.55); }
  70% { box-shadow: 0 0 0 8px rgba(61,92,74,0); }
  100% { box-shadow: 0 0 0 0 rgba(61,92,74,0); }
}
@keyframes pfb-pulse-on {
  0% { box-shadow: 0 0 0 0 rgba(132,255,184,0.55); }
  70% { box-shadow: 0 0 0 8px rgba(132,255,184,0); }
  100% { box-shadow: 0 0 0 0 rgba(132,255,184,0); }
}
@media (prefers-reduced-motion: reduce) {
  .pfb-live { animation: none; }
}
.pfb-card__left.is-soon { color:#3d5c4a; font-weight:700; }
.pfb-card__left.is-late { color:#b91c1c; font-weight:700; }
.pfb-card.is-on .pfb-card__left.is-soon { color:#84ffb8; }
.pfb-card.is-on .pfb-card__left.is-late { color:#ffb4b4; }
#pfbProject {
  background:#fff;
  border:1px solid #d8d8d8;
  border-radius:10px;
  padding:8px 10px 10px;
  scroll-margin-top: 72px;
}
.pfb-proj-head {
  display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; align-items:center;
  margin-top:0;
}
.pfb-proj-edit { display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:12px; }
.pfb-proj-edit input[type="date"], .pfb-proj-edit input[type="number"] {
  padding:3px 6px; border-radius:6px; border:1px solid #d0d0d0;
}
.pfb-proj-kpis {
  display:grid; grid-template-columns:repeat(auto-fit, minmax(118px, 1fr)); gap:6px; margin-top:8px;
}
.pfb-proj-kpis .adm-kpi, .pfb-kpi {
  border:1px solid #d8d8d8; border-radius:10px; padding:8px 10px 9px;
  background:#f4f4f4;
  box-shadow: inset 3px 0 0 #c8c8c8;
  min-height:58px;
  box-sizing:border-box;
}
.pfb-kpi b { display:block; color:#6b7a90; font-size:10px; font-weight:700; letter-spacing:.02em; margin-bottom:3px; }
.pfb-kpi strong { font-size:16px; color:#2a2a2a; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.pfb-kpi .pfb-muted { margin-top:2px; font-size:11px; }
.pfb-kpi--file { background:#ececec; border-color:#d0d0d0; box-shadow: inset 3px 0 0 #2a2a2a; }
.pfb-kpi--sclick { background:#eef1f4; border-color:#d5dbe3; box-shadow: inset 3px 0 0 #6b7a90; }
.pfb-kpi--all { background:#f7f7f7; border-color:#e0e0e0; box-shadow: inset 3px 0 0 #9a9a9a; }
.pfb-kpi--sall { background:#f2f4f7; border-color:#dbe0e8; box-shadow: inset 3px 0 0 #8a97a8; }
.pfb-kpi--stage { background:rgba(61,92,74,0.1); border-color:#d5ddd8; box-shadow: inset 3px 0 0 #3d5c4a; }
.pfb-kpi--plan { background:#f3f1ed; border-color:#e2ddd4; box-shadow: inset 3px 0 0 #8a8070; }
.pfb-kpi--pos { background:#eceef2; border-color:#d8dce4; box-shadow: inset 3px 0 0 #5a6578; }
.pfb-kpi--until { background:#e8e8e8; border-color:#d2d2d2; box-shadow: inset 3px 0 0 #2a2a2a; }
.pfb-ptabs { display:none; }
.pfb-ppane { padding-top:6px; }
.pfb-ppane--keys {
  background:transparent; border:0; border-radius:0; padding:6px 0 0;
}
.pfb-q { border-bottom:1px solid #e4e4e4; padding:5px 0; font-size:13px; }
.pfb-bulk {
  width:100%; min-height:88px; box-sizing:border-box;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:12px; line-height:1.45; padding:8px 10px;
  border:1px solid #d0d0d0; border-radius:10px; resize:vertical; margin-top:8px;
}
.pfb-stat { font-size:12px; color:#6b7a90; margin:4px 0 6px; }
.pfb-date-lab {
  display:inline-flex; align-items:center; gap:6px;
  font-size:12px; font-weight:600; color:#152033;
}
.pfb-date-lab input[type="date"] {
  padding:6px 8px; border-radius:8px; border:1px solid #d0d0d0;
}
.pfb-io--until {
  margin:6px 0 8px;
  align-items:center;
}
.pfb-insert {
  border:1px solid #e4e4e4; border-radius:10px; padding:4px 10px 8px; background:#f7f7f7; margin-bottom:8px;
}
.pfb-insert summary {
  cursor:pointer; font-size:13px; font-weight:700; padding:6px 0; color:#2a2a2a;
}
.pfb-row {
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  gap:6px 8px; align-items:center;
  border-bottom:1px solid #ececec;
  padding:5px 0;
  background:transparent;
}
.pfb-row.is-exp { background:#fff7f7; margin:0 -8px; padding:5px 8px; border-radius:6px; }
.pfb-row code {
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:11px; word-break:break-all;
}
.pfb-row__meta { font-size:11px; color:#6b7a90; }
.pfb-row__acts { display:flex; gap:4px; flex-wrap:wrap; align-items:center; }
.pfb-row__acts .btn { padding:4px 8px; font-size:11px; }
.pfb-regfind {
  display:block; width:100%; box-sizing:border-box;
  margin:2px 0 4px; padding:4px 8px;
  border:1px solid #d8d8d8; border-radius:6px;
  font-size:11px; line-height:1.2; color:#2a2a2a; background:#fff;
}
.pfb-regfind:focus { outline:none; border-color:#9a9a9a; }
.pfb-reglist { display:flex; flex-direction:column; }
.pfb-reg {
  display:grid; grid-template-columns:minmax(0,1fr) auto 10px;
  gap:2px 6px; align-items:baseline;
  padding:0; border:0; border-radius:0; background:transparent;
  font-size:10px; line-height:1.22; color:#5a5a5a; cursor:pointer;
}
.pfb-reg:hover { color:#2a2a2a; background:#f6f6f6; }
.pfb-reg__name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pfb-reg__lr { font-variant-numeric:tabular-nums; color:#8a8a8a; font-weight:600; }
.pfb-reg__del {
  border:0; background:transparent; color:#c0c0c0;
  font-size:10px; line-height:1; padding:0; cursor:pointer; opacity:0;
}
.pfb-reg:hover .pfb-reg__del { opacity:1; color:#6b7a90; }
.pfb-modal {
  display:none;
  position:fixed; inset:0; z-index:80;
  align-items:center; justify-content:center;
  padding:16px;
}
.pfb-modal.is-open { display:flex; }
.pfb-modal[hidden] { display:none !important; }
.pfb-modal__scrim {
  position:absolute; inset:0;
  background:rgba(20,20,20,0.45);
}
.pfb-modal__box {
  position:relative;
  width:min(680px, calc(100vw - 24px));
  max-height:82vh;
  background:#fff;
  border-radius:14px;
  box-shadow:0 18px 50px rgba(15,23,40,0.22);
  display:flex; flex-direction:column;
  overflow:hidden;
}
.pfb-modal__head {
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
  padding:12px 14px 8px;
  border-bottom:1px solid #ececec;
}
.pfb-modal__head strong { display:block; font-size:15px; color:#2a2a2a; }
.pfb-modal__x {
  width:32px; height:32px; border:0; background:transparent;
  font-size:22px; line-height:1; cursor:pointer; color:#6b7a90; border-radius:8px;
}
.pfb-modal__x:hover { background:#f2f2f2; color:#2a2a2a; }
.pfb-modal__tabs {
  display:flex; gap:0; padding:0 10px;
  border-bottom:1px solid #ececec; flex-shrink:0;
}
.pfb-modal__tabs button {
  border:0; background:transparent; padding:8px 12px; cursor:pointer;
  font-weight:700; font-size:13px; color:#6b7a90; border-bottom:2px solid transparent;
}
.pfb-modal__tabs button.is-on { color:#2a2a2a; border-bottom-color:#2a2a2a; }
.pfb-modal__body {
  overflow:auto; padding:10px 14px 14px; min-height:0; flex:1;
}
.pfb-modal__body .pfb-h { margin:10px 0 4px; font-size:12px; color:#6b7a90; text-transform:uppercase; letter-spacing:.04em; }
.pfb-tabs button.is-modal { color:#fff; background:#2a2a2a; }

.pfb-period {
  display:flex; flex-wrap:wrap; gap:5px; align-items:center; margin-bottom:8px;
}
.pfb-period > button {
  border:1px solid #4a4a4a; background:#333; color:#ececec;
  border-radius:8px; padding:5px 10px; font-size:12px; font-weight:600; cursor:pointer;
}
.pfb-period > button.is-on { background:#fff; color:#2a2a2a; border-color:#fff; }
.pfb-period__dates {
  display:inline-flex; align-items:center; gap:6px; margin:0; color:#b8b8b8; font-size:12px; font-weight:600;
}
.pfb-period__dates input[type="date"] {
  background:#1f1f1f; border:1px solid #4a4a4a; color:#fff;
  border-radius:7px; padding:4px 7px; font-size:12px;
}
.pfb-ppane--metrika .pfb-kpi,
.pfb-proj-kpis--dark .pfb-kpi {
  background:#333; border-color:#3f3f3f;
}
.pfb-ppane--metrika .pfb-kpi b { color:#9a9a9a; }
.pfb-ppane--metrika .pfb-kpi strong { color:#fff; }
.pfb-ppane--metrika .pfb-sub,
.pfb-ppane--metrika .pfb-muted,
.pfb-ppane--metrika .pfb-msg { color:#b8b8b8; }
.pfb-ppane--metrika a { color:#d6d6d6; }
.pfb-ppane--metrika .pfb-form-inline input {
  background:#1f1f1f; border-color:#4a4a4a; color:#fff;
}
.pfb-ppane--metrika .btn--ghost {
  background:transparent; border:1px solid #5a5a5a; color:#eee;
}
.pfb-sources { margin:4px 0 8px; }
.pfb-src {
  display:flex; justify-content:space-between; gap:10px; align-items:center;
  padding:5px 0; border-bottom:1px solid #3a3a3a; font-size:12px;
}
.pfb-src b { font-variant-numeric:tabular-nums; }

@media (max-width: 640px) {
  .pfb-row { grid-template-columns:1fr; }
  .pfb-modal__box { max-height:94vh; width:100%; border-radius:12px; }
}