/* „Живот на ток“ – инструментите (inc/tools.php, inc/tokat.php). Зарежда се на /tokat-dnes/, /solarna-prognoza/,
   /kalkulatori/ (и децата) и навсякъде, където има шорткод на инструмент (nt_needs_tools_css()).
   Заготовките (етап 2) и живите „Токът днес“ / „Товарът“ (етап 3). Бяло, хеърлайни, един акцент;
   без акцентни площи, без градиенти, без втори цвят, без червено/зелено. Графиките: style.css (.nt-chart), DESIGN-DELTA §4. */

.nt-tool{margin:24px 0 32px;padding:18px 0 20px;border-top:2px solid var(--accent);border-bottom:1px solid var(--hair);font-family:var(--sans);color:var(--ink);max-width:40rem}
.prose .nt-tool{margin:24px 0 32px}
.prose .nt-tool p{margin:0}
.nt-tool+.nt-tool{margin-top:0;border-top-width:1px;border-top-color:var(--hair)}
.nt-tool__head{display:flex;align-items:flex-start;gap:14px}
.nt-tool__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--hair);color:var(--accent)}
.nt-tool__titles{display:flex;flex-direction:column;gap:6px;min-width:0;padding-top:2px}
.nt-tool__label{font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nt-tool__title{font:700 var(--fs-bh3,20px)/1.25 var(--serif);color:var(--ink);text-wrap:balance}
.prose .nt-tool .nt-tool__what{margin-top:14px;font:400 16px/1.55 var(--serif);color:var(--ink-2);text-wrap:pretty}
.prose .nt-tool .nt-tool__source{margin-top:12px;font:400 13px/1.45 var(--sans);color:var(--muted)}
.nt-tool__what{margin-top:14px;font:400 16px/1.55 var(--serif);color:var(--ink-2);text-wrap:pretty}
.nt-tool__source{margin-top:12px;font:400 13px/1.45 var(--sans);color:var(--muted)}
.nt-tool__k{font-weight:600;color:var(--ink)}
.prose .nt-tool .nt-tool__note,.nt-tool__note{margin-top:8px;font:500 13px/1.45 var(--sans);color:var(--ink)}

/* Етап 3: таблицата под всяка графика (същите числа, за Google и екранните четци) */
.nt-tool table{width:100%;border-collapse:collapse;font:400 14px/1.4 var(--sans);font-variant-numeric:tabular-nums}
.nt-tool th{font:600 12px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--rule);padding:8px}
.nt-tool td{border-bottom:1px solid var(--hair);padding:8px}

.nt-widget-stale{margin:8px 0 24px;font:400 15px/1.45 var(--sans);color:var(--muted)}

/* ===== Етап 3: „Токът днес“ ([nt_tokat_dnes]) и „Товарът“ ([nt_tovar]) — inc/tokat.php ===== */
.nt-tool--live{max-width:none}
.nt-tok__h,.prose .nt-tok__h{margin:0;font:700 var(--fs-bh2,24px)/1.25 var(--serif);color:var(--ink)}
.nt-tok__h3,.prose .nt-tok__h3{margin:0 0 12px;font:700 var(--fs-bh4,17px)/1.35 var(--sans);color:var(--ink)}
.nt-tok p{margin:0}
.nt-tok .nt-widget-stale{margin:12px 0 0}
/* Табовете: бутони с aria-selected; активният – 2 px долна линия в акцента (делтата §2) */
.nt-tabs{display:flex;flex-wrap:wrap;margin-top:14px;border-bottom:1px solid var(--hair)}
.nt-tabs [role=tab]{display:inline-block;min-height:44px;padding:12px 14px 10px;margin-bottom:-1px;border-bottom:2px solid transparent;font:600 14px/20px var(--sans);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.nt-tabs [role=tab]:first-child{padding-left:0}
.nt-tabs [role=tab]:hover{color:var(--ink)}
.nt-tabs [aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}
.nt-tabs [aria-disabled=true],.nt-tabs [aria-disabled=true]:hover{color:var(--muted);font-weight:400;cursor:default}
.nt-tabs [role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nt-tabs__note{margin-top:8px!important;font:400 13px/1.4 var(--sans);color:var(--muted)}
.nt-tok__now{display:flex;align-items:center;gap:8px;min-height:20px;margin-top:12px!important;font:500 14px/1.4 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink)}
.nt-tok__panel:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Четирите числа: Средно · Най-евтино · Най-скъпо · Отрицателни интервали (само ако има) */
.nt-tok__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0;border-top:1px solid var(--hair)}
.nt-stat{min-width:0;padding:12px 12px 12px 0;border-bottom:1px solid var(--hair)}
.nt-stat:nth-child(2n){padding-left:12px;border-left:1px solid var(--hair)}
.nt-tok__stats--3 .nt-stat:last-child,.nt-tok__stats--1 .nt-stat{grid-column:span 2}
.nt-stat dt{font:700 11px/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nt-stat dd{margin:6px 0 0;font:400 13px/1.35 var(--sans);color:var(--muted)}
.nt-stat dd b{display:block;font:600 var(--fs-tile,22px)/1.15 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink)}
.nt-stat dd b small{font:500 13px/1 var(--sans);color:var(--muted);letter-spacing:0}
.nt-stat dd span{display:block;margin-top:4px;font-variant-numeric:tabular-nums}
.nt-stat--cheap dd b{color:var(--accent)}
@media(min-width:720px){
.nt-tok__stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.nt-tok__stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nt-tok__stats--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.nt-stat,.nt-stat:nth-child(2n){padding:14px 12px;border-left:1px solid var(--hair)}
.nt-stat:first-child{padding-left:0;border-left:0}
.nt-tok__stats--3 .nt-stat:last-child{grid-column:auto}
}
.nt-tok .nt-chart,.prose .nt-tok .nt-chart{margin:20px 0 0}
/* Таблицата под графиката (за Google и екранни четци); евтиният прозорец – стойността в акцента */
.nt-tok__tbl{margin-top:16px;border-top:1px solid var(--hair)}
.nt-tok__tbl>summary{display:flex;align-items:center;gap:8px;min-height:44px;font:600 14px/1.3 var(--sans);color:var(--ink);cursor:pointer;list-style:none}
.nt-tok__tbl>summary::-webkit-details-marker{display:none}
.nt-tok__tbl>summary::before{content:"";width:7px;height:7px;margin:0 4px 0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.nt-tok__tbl[open]>summary::before{transform:rotate(45deg) translate(-2px,-2px)}
.nt-tok__tbl>summary:hover{color:var(--accent)}
.nt-tok__tbl .table-wrap{margin:0}
.nt-tok table{font:400 14px/1.35 var(--sans)}
.nt-tok th,.nt-tok td{padding:7px 8px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
/* мерните единици в заглавията не се пишат с главни (¢/kWh, не ¢/KWH); заглавията се пренасят, клетките – не */
.nt-tok thead th{font:600 12px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted);border-bottom:1px solid var(--ink);white-space:normal;vertical-align:bottom}
/* archive.css дава на таблиците в .page-prose min-width 520/640 px, подсказка „Плъзнете…“ и разбива 2-колонните
   на телефон; таблиците на таблото са тесни и се побират на 375 px → без тези правила */
.page-prose .nt-tok .table-wrap table.nt-tbl{min-width:0}
.page-prose .nt-tok .nt-tok__tbl .table-wrap::before{content:none;display:none}
.nt-tok thead th:first-child,.nt-tok tbody th{text-align:left;padding-left:0}
.nt-tok tbody th{font:600 14px/1.35 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;color:var(--ink);border-bottom:1px solid var(--hair)}
.nt-tok td:last-child,.nt-tok thead th:last-child{padding-right:0}
.nt-tok .table-wrap td:first-child{font-weight:400}
.nt-tok tr.is-cheap td:nth-child(2){color:var(--accent);font-weight:600}
/* Поясът „борсата не е сметката“ (YMYL): хеърлайн в мастило отляво, без фон */
.nt-tok__ymyl{margin-top:20px!important;padding:2px 0 2px 14px;border-left:2px solid var(--ink);font:500 14px/1.5 var(--sans);color:var(--ink);text-wrap:pretty}
.nt-tok__src{margin-top:14px!important;font:400 13px/1.5 var(--sans);color:var(--muted)}
.nt-tok__hist{margin-top:28px;padding-top:16px;border-top:1px solid var(--hair)}
.nt-tovar__now{margin-top:12px!important;font:400 16px/1.4 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-2)}
.nt-tovar__now b{font-weight:600;color:var(--ink)}
.nt-tovar__at{margin-top:4px!important;font:400 13px/1.4 var(--sans);color:var(--muted)}
@media(prefers-reduced-motion:reduce){.nt-tok *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media(max-width:599px){
.nt-tool{padding:16px 0 18px}
.nt-tool__head{gap:12px}
.nt-tool__icon{width:40px;height:40px;flex-basis:40px}
}