/* ФИСК - единствен stylesheet (без build). Дизайн 1:1 от мокъпа FISK.dc.html. */

/* ============ Шрифтове (self-hosted, latin + cyrillic) ============ */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/golos-text-400-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/golos-text-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/golos-text-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/golos-text-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/golos-text-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/golos-text-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/golos-text-700-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/golos-text-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/onest-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/onest-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/onest-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/onest-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/onest-700-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/onest-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/onest-800-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/onest-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spline Sans Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/spline-sans-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spline Sans Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/spline-sans-mono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ============ Токени ============ */
:root{
  --bg:#E7ECF4; --surface:#fff;
  --ink:#0F2540; --ink-2:#41536E; --muted:#5A6B82; --muted-2:#7488A3; --muted-3:#8A9AB2; --faint:#B4C0D4;
  --blue:#2E6CF0; --blue-hover:#1B54CC; --teal:#12B886; --green:#0E8F66; --amber:#C67C1E; --amber-2:#C99A5B;
  --line:#E4EBF5; --line-2:#E9EEF6; --line-3:#DCE4F0; --line-4:#EAF0F8;
  --fill:#F2F6FC; --fill-2:#F5F8FC; --fill-3:#F7FAFE;
  --tint-blue:#EAF1FF; --tint-teal:#E4F8F0; --tint-amber:#FFF7EE;
  --grad:linear-gradient(135deg,#2E6CF0,#12B886);
  --font-body:'Golos Text',system-ui,sans-serif;
  --font-head:'Onest',sans-serif;
  --font-mono:'Spline Sans Mono',ui-monospace,monospace;
  --radius:18px; --shadow-card:0 2px 5px rgba(15,37,64,.04);
  /* Ширина на съдържанието (site layout). ЗА ЦЯЛ ЕКРАН: смени на 100%. */
  --site-max:1330px;
}

/* ============ База ============ */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{background:var(--bg)}
body{background:var(--bg);font-family:var(--font-body);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-hover)}
img,svg{max-width:100%}
.num{font-family:var(--font-head);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.ctitle{font-family:var(--font-head);font-weight:700;color:var(--ink)}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ============ Обвивка (site layout: full-width ленти + центрирано съдържание) ============ */
.page{min-height:100vh;display:flex;flex-direction:column;background:var(--fill-3)}
.page__body{flex:1}
.container{max-width:var(--site-max);margin:0 auto;padding-left:24px;padding-right:24px}

/* ============ Навигация (пълна ширина, съдържание центрирано) ============ */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{max-width:var(--site-max);margin:0 auto;display:flex;align-items:center;gap:18px;height:62px;padding:0 24px}
.nav__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:21px;color:var(--ink);letter-spacing:-.02em}
.brand-mark{display:grid;place-items:center;border-radius:10px;background:var(--grad);color:#fff;box-shadow:0 6px 14px -4px rgba(46,108,240,.5)}
.brand-mark--nav{width:32px;height:32px}
.brand-mark--foot{width:22px;height:22px;border-radius:7px}
.nav__search{flex:1;max-width:380px;display:flex;align-items:center;gap:10px;height:40px;padding:0 15px;background:var(--fill);border:1px solid var(--line);border-radius:12px;color:var(--muted-2)}
.nav__search input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:14px;color:var(--ink)}
.nav__search input::placeholder{color:var(--muted-2)}
.nav__links{display:flex;align-items:center;gap:2px;margin-left:auto;font-size:14px;font-weight:500}
.nav__links a{padding:8px 13px;border-radius:9px;color:var(--muted)}
.nav__links a:hover{background:var(--fill);color:var(--ink)}
.nav__links a.is-active{background:var(--tint-blue);color:var(--blue)}

/* ============ Долен колонтитул (пълна ширина, съдържание центрирано) ============ */
.site-footer{background:var(--fill);border-top:1px solid var(--line)}
.footer{max-width:var(--site-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:18px 24px;font-size:13px;color:var(--muted-2)}
.footer__left,.footer__right{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.footer__brand{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--ink)}
.footer__sep{width:1px;height:14px;background:#D5DEEC}
.footer__note{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;background:var(--tint-blue);color:var(--blue);font-weight:600}
.footer__right a{color:var(--muted-2)}
.footer__right a:hover{color:var(--blue)}
.footer__pw{color:var(--faint)}
.footer__pw a{color:inherit;text-decoration:none}
.footer__pw a:hover{color:inherit;text-decoration:none}
.footer b{color:var(--muted);font-weight:600}
@media (max-width:640px){
  .footer{justify-content:center;text-align:center}
  .footer__left,.footer__right{justify-content:center}
}

/* ============ Общи компоненти ============ */
.card{background:#fff;border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-card)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;font-size:12.5px;font-weight:600;white-space:nowrap}
.src{color:var(--faint);font-size:11px;font-family:var(--font-mono);text-decoration:none}
.src:hover{color:var(--blue)}
.databar-band{background:linear-gradient(90deg,#EAF1FF,#E4F8F0);border-bottom:1px solid var(--line)}
.databar{max-width:var(--site-max);margin:0 auto;padding:11px 24px;font-size:13px;color:var(--ink-2);line-height:1.55}
.databar svg{vertical-align:-2px;margin-right:6px}
.databar b{color:var(--ink);font-weight:700}
.win-url{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 14px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--muted-2);font-size:12.5px;font-family:var(--font-mono)}

/* ============ Начало (s1) ============ */
.home-hero{max-width:var(--site-max);margin:0 auto;padding:40px 24px}
.home-hero__head{max-width:720px}
.home-title{font-family:var(--font-head);font-weight:800;font-size:46px;line-height:1.05;letter-spacing:-.03em;margin:0 0 14px}
.home-lead{font-size:16.5px;line-height:1.55;color:var(--ink-2);margin:0 0 22px}
.search-row{display:flex;gap:12px;max-width:720px;margin-bottom:14px}
.search-box{flex:1;display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;background:#fff;border:2px solid var(--blue);border-radius:16px}
.search-box input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:16px;color:var(--ink)}
.search-box input::placeholder{color:var(--muted-3)}
.btn-primary{border:none;height:60px;padding:0 30px;border-radius:16px;background:var(--grad);color:#fff;font-family:var(--font-head);font-weight:700;font-size:16px;cursor:pointer}
.btn-primary:hover{filter:brightness(1.04)}
.popular{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted-3);max-width:720px;margin-bottom:34px}
.popular a{padding:4px 11px;border-radius:20px;background:var(--fill);color:var(--muted)}
.popular a:hover{background:var(--tint-blue);color:var(--blue)}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}
.kpi{padding:20px 22px}
.kpi__label{font-size:13px;color:var(--muted-2);margin-bottom:8px}
.kpi__value{font-size:38px;font-weight:800;color:var(--ink)}
.kpi__value small{font-size:20px;color:var(--muted-2);font-weight:600}
.kpi__sub{margin-top:8px;font-size:12.5px;color:var(--muted-3)}
.kpi--amber{background:linear-gradient(140deg,#FFF7EE,#fff);border-color:#F3E2CB}
.kpi--amber .kpi__label{color:var(--amber)}
.kpi--amber .kpi__value{color:var(--amber)}
.kpi--amber .kpi__sub{color:var(--amber-2)}

.home-caveat{display:flex;align-items:center;gap:8px;margin:-14px 0 22px;font-size:12.5px;color:var(--muted-3)}
.home-caveat svg{flex:none}

.home-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
.panel{padding:22px 24px}
.panel__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.panel__head .ctitle{font-size:17px}
.panel__link{font-size:13px;font-weight:600}
.panel__note{font-size:12.5px;color:var(--muted-3);margin-bottom:14px}

/* Разбивка по код - име на цял ред (не се реже), тънък бар с магнитуд отдолу */
.codebars{display:flex;flex-direction:column;gap:13px}
.codebars--2col{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px}
@media (max-width:820px){.codebars--2col{grid-template-columns:1fr}}
.codebar{display:flex;flex-direction:column;gap:6px}
.codebar__top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.codebar__label{font-size:13px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.codebar__val{font-family:var(--font-head);font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);font-size:13px;flex:none}
.codebar__track{height:9px;border-radius:5px;background:var(--fill)}
.codebar__fill{height:100%;border-radius:5px;min-width:2px;transform-origin:left;animation:growRight .6s both}
.codebar__fill--mandatory{background:#9FB2CC}
.codebar__fill--discretionary{background:var(--blue)}
/* Обзор - стълб задължителни/дискреционни */
.splitbar{display:flex;height:48px;border-radius:13px;overflow:hidden;gap:3px}
.splitbar__seg{display:flex;align-items:center;padding:0 16px;color:#fff;font-family:var(--font-head);font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;min-width:0}
/* Селектор на период + delta + highlight */
.period-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.period-tab{padding:6px 13px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600;font-family:var(--font-head)}
.period-tab:hover{border-color:var(--blue);color:var(--blue)}
.period-tab.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.pkpi__delta{margin-top:8px;font-size:12.5px;color:var(--muted-2);font-weight:600}
.qbar.is-selected .qbar__label{color:var(--blue);font-weight:700}
.qbar.is-selected .qbar__val{color:var(--blue)}
/* Акценти - карти */
.hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hl-card{padding:24px;display:flex;flex-direction:column;gap:12px;text-decoration:none}
.hl-card:hover{box-shadow:0 10px 28px -14px rgba(15,37,64,.22)}
@media (max-width:900px){.hl-grid{grid-template-columns:1fr}}
.legend{display:flex;gap:16px;margin-top:14px;font-size:12px;color:var(--muted-2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:11px;height:11px;border-radius:4px;display:inline-block}

/* Списък сигнали */
.signal-list{display:flex;flex-direction:column;gap:10px}
.signal-row{display:flex;gap:12px;padding:13px 14px;border-radius:13px;background:var(--fill-3);border:1px solid var(--line-4);align-items:center}
.signal-row__icon{display:grid;place-items:center;min-width:38px;height:38px;border-radius:11px;font-size:17px}
.signal-row__body{flex:1;min-width:0}
.signal-row__title{display:block;font-weight:600;font-size:14px;color:var(--ink)}
.signal-row__sub{display:block;font-size:12.5px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.empty-note{padding:22px 14px;text-align:center;font-size:13px;color:var(--muted-3);line-height:1.6}

/* ============ Анимации ============ */
@keyframes growRight{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes growUp{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.fadeUp{animation:fadeUp .5s both}

/* ============ Вътрешни страници (Резултати / Профил / Плащане) ============ */
.page-pad{max-width:var(--site-max);margin:0 auto;padding:28px 24px 40px}
.back-link{font-size:13px;color:var(--muted-2)}
.r-right{text-align:right}
.chip--mand{background:#EEF2F8;color:#66788F;font-size:10.5px}
.chip--sig{background:var(--tint-amber);color:var(--amber);font-size:11px}

/* Дълъг поглед назад (Обзор) - подредени колони по година (avg дневен поток, разделен) */
.histbars{display:flex;align-items:stretch;gap:16px;height:220px;padding-top:24px}
.histcol{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.histcol__area{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:0}
.histcol__val{font-family:var(--font-head);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700;color:var(--ink);margin-bottom:6px;white-space:nowrap}
.histcol__stack{width:100%;max-width:58px;display:flex;flex-direction:column;gap:2px;min-height:4px}
.histcol__seg{width:100%;min-height:2px}
.histcol__seg--disc{background:var(--blue);border-radius:5px 5px 0 0}
.histcol__seg--mand{background:#9FB2CC;border-radius:5px 5px 0 0}
.histcol__label{flex:none;margin-top:8px;font-size:12.5px;color:var(--muted);text-align:center;line-height:1.35}
.histcol__days{font-size:10.5px;color:var(--muted-3)}
@media (max-width:560px){.histbars{gap:8px;height:200px}}

/* Търсене в основанията (табове + редове) */
.search-tabs{display:flex;gap:8px;margin:0 0 18px}
.search-tabs a{padding:8px 16px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);text-decoration:none}
.search-tabs a:hover{border-color:var(--line-3)}
.search-tabs a.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.osn-row{display:grid;grid-template-columns:84px 116px 1fr;gap:14px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--line-4);text-decoration:none}
.osn-row:hover{background:var(--fill-3)}
.osn-row__date{font-size:12.5px;color:var(--muted-2)}
.osn-row__sum{font-weight:700;font-size:14px;color:var(--ink)}
.osn-row__body{min-width:0}
.osn-row__recip{font-size:13.5px;color:var(--ink);font-weight:600}
.osn-row__reason{display:block;font-size:12.5px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){.osn-row{grid-template-columns:72px 1fr}.osn-row__body{grid-column:1/-1}}

/* Регистър на снимките (архив) */
.reg-table{width:100%;border-collapse:collapse;font-size:13px}
.reg-table th{text-align:left;font-weight:600;color:var(--muted-2);font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:0 12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.reg-table td{padding:11px 12px;border-bottom:1px solid var(--line-4);color:var(--ink);white-space:nowrap}
.reg-table tbody tr:hover{background:var(--fill-3)}
.reg-table .r-right{text-align:right}

/* Сигнали (s10 списък / s11 единичен) */
.sig-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.sig-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:13.5px;color:var(--ink-2);text-decoration:none}
.sig-chip:hover{border-color:var(--line-3)}
.sig-chip.is-active{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}
.sig-chip__n{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted-3)}
.sig-chip.is-active .sig-chip__n{color:rgba(255,255,255,.7)}
.sig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sig-card{padding:20px 22px;display:flex;flex-direction:column;gap:12px;text-decoration:none}
.sig-card:hover{box-shadow:0 10px 28px -14px rgba(15,37,64,.22)}
.sig-card__head{display:flex;align-items:center;justify-content:space-between}
.sig-card__type{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13px}
.sig-card__ico{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex:none}
.sig-mand{margin-top:22px;padding:20px 22px;border-radius:16px;background:var(--fill-2);border:1px solid var(--line)}
.sig-mand__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sig-mand__card{display:block;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line-2);text-decoration:none}
.sig-mand__card:hover{border-color:var(--line-3)}
.sig-hd{display:flex;align-items:center;gap:14px;margin:14px 0 6px}
.sig-hd__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;flex:none}
.sig-cols{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-top:18px;align-items:start}
.sig-eyebrow{font-size:12px;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.sig-note{display:flex;align-items:center;gap:10px;padding:16px 20px;border-radius:14px;background:var(--tint-blue);border:1px solid #C9DBFF;font-size:13.5px;color:var(--blue);font-weight:600}
.sig-link{flex:1;min-width:120px;text-align:center;padding:12px;border-radius:11px;background:var(--fill);color:var(--blue);font-weight:600;font-size:13px;text-decoration:none}
.sig-link:hover{background:var(--tint-blue)}
@media (max-width:900px){.sig-grid{grid-template-columns:1fr 1fr}.sig-cols{grid-template-columns:1fr}.sig-mand__grid{grid-template-columns:1fr}}
@media (max-width:560px){.sig-grid{grid-template-columns:1fr}}

/* Резултати (s2) */
.res-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.res-head h1{font-family:var(--font-head);font-weight:800;font-size:26px;margin:0;letter-spacing:-.02em}
.res-count{font-size:14px;color:var(--muted-2)}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.fchip{display:flex;align-items:center;gap:8px;height:40px;padding:0 15px;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:14px;color:var(--ink-2);font-weight:500}
.fchip .car{color:var(--faint)}
.fchip--on{background:var(--tint-blue);border-color:#C9DBFF;color:var(--blue);font-weight:600}
.rtable{overflow:hidden;padding:0}
.rgrid{display:grid;grid-template-columns:2.4fr 1fr .8fr 1.2fr .5fr;gap:16px;align-items:center}
.rtable__head{padding:14px 22px;background:var(--fill);border-bottom:1px solid var(--line-2);font-size:12px;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em}
.rrow{padding:16px 22px;border-bottom:1px solid #F0F4FA;text-decoration:none}
.rrow:hover{background:var(--fill-3)}
.rrow__name{font-weight:600;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rrow__iban{display:block;font-size:11.5px;color:#A6B4C9;margin-top:3px}
.rtable__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px;font-size:13px;color:var(--muted-2)}
.pager{display:flex;gap:6px}
.pager a,.pager span{display:grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:700;text-decoration:none}
.pager .is-active{background:var(--blue);color:#fff;border-color:var(--blue)}
.empty-block{padding:40px 22px;text-align:center;color:var(--muted-3)}

/* Профил на получател (s3) */
.phead{display:flex;align-items:flex-start;gap:18px;margin:14px 0 24px}
.pavatar{display:grid;place-items:center;min-width:60px;height:60px;border-radius:16px;background:var(--grad);color:#fff;font-family:var(--font-head);font-weight:800;font-size:24px}
.phead h1{font-family:var(--font-head);font-weight:800;font-size:30px;margin:0 0 6px;letter-spacing:-.02em}
.pmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--muted-2)}
.pmeta .ibanpill{padding:3px 9px;border-radius:7px;background:#EEF2F8;color:var(--muted)}
.pkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.pkpi{padding:18px 20px}
.pkpi__label{font-size:12.5px;color:var(--muted-2);margin-bottom:6px}
.pkpi__val{font-size:28px;font-weight:800}
.grid-15-1{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}
.grid-1-14{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}
.subtitle{font-size:12.5px;color:var(--muted-3);margin-bottom:10px}
.qbars{display:flex;align-items:stretch;gap:10px;height:180px;padding-top:22px}
.qbar{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.qbar__bar{flex:1;width:100%;max-width:56px;display:flex;align-items:flex-end;min-height:0}
.qbar__fill{position:relative;width:100%;min-height:3px;border-radius:6px 6px 0 0;background:var(--grad);transform-origin:bottom;animation:growUp .5s both}
.qbar__val{position:absolute;left:50%;top:-17px;transform:translateX(-50%);font-family:var(--font-head);font-variant-numeric:tabular-nums;font-size:10.5px;color:var(--muted-2);white-space:nowrap}
.qbar__label{flex:none;margin-top:6px;font-size:11px;color:var(--muted-2)}
.donut-wrap{display:flex;align-items:center;gap:18px}
.donut{position:relative;width:130px;height:130px;border-radius:50%;flex:none}
.donut::after{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff}
.clegend{display:flex;flex-direction:column;gap:10px;font-size:13px;flex:1}
.clegend span{display:flex;align-items:center;gap:8px}
.clegend i{width:11px;height:11px;border-radius:4px;flex:none}
.clegend b{margin-left:auto}
.inst-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #F0F4FA;font-size:13.5px;align-items:center}
.inst-row__name{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inst-row__val{font-family:var(--font-head);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
.payrow{display:grid;grid-template-columns:.8fr .8fr 2fr auto;gap:14px;padding:12px 0;border-bottom:1px solid #F0F4FA;align-items:center;text-decoration:none}
.payrow:hover{background:var(--fill-3)}

/* Единично плащане (s6) */
.pay-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:14px}
.pay-amount{font-size:44px;font-weight:800;color:var(--ink)}
.pay-amount small{font-size:18px;color:var(--muted-2);font-weight:600}
.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#EEF2F8;border-radius:14px;overflow:hidden}
.field{background:#fff;padding:15px 18px}
.field--wide{grid-column:span 2}
.field__label{font-size:12px;color:var(--muted-3);margin-bottom:4px}
.field__val{font-weight:600;font-size:14.5px}
.field__sub{font-size:11.5px;color:#A6B4C9;margin-top:2px}
.source-card{padding:22px 24px;display:block;text-decoration:none;background:linear-gradient(135deg,#2E6CF0,#1B54CC);border:none;color:#fff}
.source-card:hover{color:#fff;filter:brightness(1.05)}
.note-amber{padding:20px 22px;background:var(--tint-amber);border-color:#F3E2CB}

@media (max-width:1100px){
  .kpi-grid,.pkpis{grid-template-columns:repeat(2,1fr)}
  .home-grid,.grid-15-1,.grid-1-14,.pay-grid{grid-template-columns:1fr}
}

/* ============================================================
   Респонсив допълнения - само НОВИ правила; десктоп непроменен.
   Съществуващи breakpoint-и: 1100 / 900 / 820 / 640 / 560. Добавени: 768, 460, 400.
   ============================================================ */

/* --- Защита срещу преливане на дълги числа/токени/заглавия --- */
.nav__search input{min-width:0}
.home-title,.res-head h1,.phead h1,.sig-hd h1,.page-pad h1,
.pay-amount,.kpi__value,.pkpi__val,.field__val,.field__sub,.field .mono{overflow-wrap:anywhere}

/* --- Навигация: мобилно меню с бутон-сандвич (липсваше изцяло) --- */
.nav__burger{display:none;align-items:center;justify-content:center;background:none;border:none;padding:8px;color:var(--ink-2);cursor:pointer;border-radius:9px}
.nav__burger:hover{background:var(--fill);color:var(--ink)}
@media (max-width:820px){
  .nav{flex-wrap:wrap;height:auto;min-height:62px;row-gap:10px;padding-top:10px;padding-bottom:10px}
  .nav--js .nav__burger{display:grid;place-items:center;margin-left:auto;min-width:44px;min-height:44px}
  .nav__search{order:3;flex:1 1 100%;max-width:none}
  .nav__links{order:4;width:100%;margin-left:0;flex-direction:column;align-items:stretch;gap:2px}
  .nav__links a{min-height:44px;display:flex;align-items:center;padding:11px 12px}
  .nav--js .nav__search,.nav--js .nav__links{display:none}
  .nav--js.nav--open .nav__search{display:flex}
  .nav--js.nav--open .nav__links{display:flex}
}

/* --- Hero търсене: свиване на полето + бутонът на цял ред на тесни екрани --- */
.search-box input{min-width:0}
@media (max-width:480px){
  .search-row{flex-wrap:wrap}
  .search-row .btn-primary{flex:1 1 100%}
}

/* --- Inline grid-ове, които бият класовия @media колапс (нужен !important) --- */
@media (max-width:1100px){
  .pkpis{grid-template-columns:repeat(2,1fr)!important}
  .grid-15-1{grid-template-columns:1fr!important}
}
@media (max-width:460px){
  .pkpis{grid-template-columns:1fr!important}
}
.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px}
@media (max-width:820px){.about-cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.about-cards{grid-template-columns:1fr}}

/* --- Grid-таблици: стек на телефон вместо смачкани колони --- */
@media (max-width:560px){
  .rtable__head{display:none}
  /* Резултати за търсене (5 колони, чист клас .rrow) */
  .rrow{grid-template-columns:1fr auto;row-gap:2px}
  .rrow>span:nth-child(1){grid-column:1/-1;min-width:0}
  .rrow>span:nth-child(3),.rrow>span:nth-child(4){display:none}
  /* Топ получатели / Имена зад сметка (3-кол, inline -> нужен !important) */
  .rgrid--stack{grid-template-columns:1fr auto!important;row-gap:2px}
  .rgrid--stack>span:first-child{grid-column:1/-1;min-width:0}
  /* Отделни плащания (4-кол, чист клас .payrow) */
  .payrow{grid-template-columns:auto 1fr;gap:4px 12px}
  .payrow>span:nth-child(3){grid-column:1/-1;min-width:0}
  .payrow>.src{grid-column:1/-1}
}

/* --- Display заглавия/суми: смаляване на телефон --- */
@media (max-width:640px){
  .home-title{font-size:34px}
}
@media (max-width:560px){
  .kpi-grid{grid-template-columns:1fr}
  .kpi__value{font-size:30px}
  .kpi__value small{font-size:16px}
  .res-head h1{font-size:22px}
  .phead h1{font-size:24px}
  .pavatar{min-width:48px;height:48px;font-size:20px}
  .pkpi__val{font-size:24px}
  .pay-amount{font-size:30px}
  .pay-amount small{font-size:14px}
  .fieldgrid{grid-template-columns:1fr}
  .field--wide{grid-column:span 1}
  .sig-hd{flex-wrap:wrap}
  .sig-hd h1{font-size:21px}
  .sig-hd .chip{margin-left:0}
}
@media (max-width:400px){
  .home-title{font-size:28px}
  .donut-wrap{flex-wrap:wrap;justify-content:center}
  .clegend{flex-basis:100%}
}

/* --- Bar-графики: числата да не се застъпват --- */
@media (max-width:560px){
  .qbars{gap:6px}
  .qbar__val{font-size:9px}
  .qbar__label{font-size:9.5px}
  .histcol__val{font-size:9px;letter-spacing:-.02em}
  .histcol__days{display:none}
}

/* --- Touch таргети >=40-44px на телефон/таблет --- */
@media (max-width:768px){
  .popular a{padding:8px 13px}
  .pager a,.pager span{min-width:40px;height:40px}
  .search-tabs a{padding:11px 16px}
  .period-tab{min-height:40px;display:inline-flex;align-items:center}
  .sig-chip{height:44px}
  .sig-link{padding:14px 12px}
}

/* --- Страничен padding на най-тесните телефони --- */
@media (max-width:400px){
  .container,.page-pad,.home-hero,.databar{padding-left:16px;padding-right:16px}
}

/* --- Методология: бенто долен блок (висока карта до две ниски - без празнини) --- */
.bento-b{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:16px;align-items:stretch}
.bento-b__tall{grid-column:2;grid-row:1 / span 2}
@media (max-width:1100px){
  .bento-b{grid-template-columns:1fr;grid-auto-rows:auto}
  .bento-b__tall{grid-column:auto;grid-row:auto}
}