/* Dodatki panelu KCPO na motywie Double Digital */
.alert-box { background: #fff4ec; border: 1px solid #ffd6c7; color: #9a3412; border-radius: 12px; padding: 12px 16px; margin-bottom: 18px; font-weight: 600; }
.alert-box a { color: #c2410c; margin-left: 8px; }
.filters a .licznik { opacity: .6; font-weight: 600; margin-left: 4px; }
.filters-form { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.filters-form input[type=search] { flex: 1 1 220px; }
.filters-form input, .filters-form select { padding: 8px 12px; border: 1px solid #e6e6e6; border-radius: 9px; font: inherit; background: #fff; }
.tel-duzy { font-size: 20px; font-weight: 700; color: var(--ink, #111); }
.notatka { padding: 10px 0; border-bottom: 1px solid #eee; } .notatka:last-child { border-bottom: 0; }
.bars { list-style: none; margin: 0; padding: 0; }
.bars li { display: grid; grid-template-columns: 150px 1fr 48px; align-items: center; gap: 10px; padding: 6px 0; font-size: 14px; }
.bars .b-bar { background: #f1f1f1; border-radius: 6px; height: 12px; overflow: hidden; }
.bars .b-bar i { display: block; height: 100%; background: var(--accent, #f97316); border-radius: 6px; }
.bars strong { text-align: right; }
.page-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
@media (max-width: 760px) { .bars li { grid-template-columns: 110px 1fr 36px; } }
.filters-form > * { width: auto !important; margin: 0 !important; }
.filters-form input[type=search] { flex: 1 1 260px; min-width: 0; }
.filters-form select { flex: 0 1 220px; }