/* =========================================
   5. УТИЛИТЫ (utilities.css)
========================================= */

/* --- Бордеры (базовые) --- */
.bn { border: 0 none; }
.b1s { border: 1px solid var(--bd-base, #ccc); }
.bt1s { border-top: 1px solid var(--bd-base, #ccc); }
.bb1s { border-bottom: 1px solid var(--bd-base, #ccc); }
.bl1s { border-left: 1px solid var(--bd-base, #ccc); }
.br1s { border-right: 1px solid var(--bd-base, #ccc); }

/* --- Скругления --- */
.br2 { border-radius: 2px; }
.br3 { border-radius: 3px; }
.br5 { border-radius: 5px; }
.br10 { border-radius: 10px; }
.br50p { border-radius: 50%; }

/* --- Тени (Модернизированные) --- */
.bs1 { box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.bs2 { box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.bs3 { box-shadow: 0 10px 15px rgba(0,0,0,0.1); }

/* --- Z-index --- */
.zi100 { z-index: 100; }
.zi500 { z-index: 500; }
.zi1000 { z-index: 1000; }
.zi10k { z-index: 10000; }

/* --- Display & Overflows --- */
.dn { display: none; }
.dne:empty { display: none; }
.db { display: block; }
.dib { display: inline-block; }

.ofa { overflow: auto; }
.ofya { overflow-y: auto; }
.ofh { overflow: hidden; }

/* --- Взаимодействие и эффекты --- */
.cp { cursor: pointer; }
.cd { cursor: default; }
.usn { user-select: none; }
.pen { pointer-events: none; }
.pea { pointer-events: auto; }

/* Универсальные фильтры ховера (для любых элементов) */
.h-darken:hover { filter: brightness(0.95); cursor: pointer; }
.h-lighten:hover { filter: brightness(1.05); cursor: pointer; }

.fb2 { filter: blur(2px); }
.fb4 { filter: blur(4px); }