/* Haqiqiy sayt uchun qo'shimchalar (sayt.css — test sayt dizayni) */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; padding-top: env(safe-area-inset-top, 0px); }
[hidden] { display: none !important; }
.kim b { display: block; font-size: 13.5px; }
.kim small { color: var(--muted); font-size: 12px; }
.toast.t-bad { background: var(--bad); color: #fff; }
.toast.t-ok { background: var(--good); color: #fff; }
#view[aria-busy="true"]:empty::before { content: "Yuklanmoqda…"; color: var(--muted); padding: 24px 0; }
.qator { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.qator > * { min-width: 0; }
.jami { display: flex; justify-content: space-between; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--line); font-weight: 600; }
.kassablok { border-top: 1px solid var(--line); }
.kassablok:first-child { border-top: 0; }
.kassablok .kb { display: flex; align-items: baseline; gap: 10px; padding: 12px 16px 6px; }
.kassablok .kb b { flex: 1; min-width: 0; }
.hrow { display: flex; justify-content: space-between; gap: 12px; padding: 6px 16px; font-size: 13.5px; }
.hrow .hn { color: var(--muted); min-width: 0; }
.ekv { font-size: 12.5px; color: var(--muted); }
.sanoqrow { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 180px); gap: 8px 12px; align-items: center; padding: 10px 16px; border-top: 1px solid var(--line); }
.sanoqrow:first-child { border-top: 0; }
.sanoqrow .farq { grid-column: 1 / -1; font-size: 12.5px; }
div.bos { padding: 24px 16px; color: var(--muted); text-align: center; }
.yozrow { display: flex; gap: 12px; align-items: center; padding: 10px 16px; border-top: 1px solid var(--line); }
.yozrow:first-child { border-top: 0; }
.yozrow .t { flex: 1; min-width: 0; }
.yozrow .t .a { font-weight: 500; overflow-wrap: anywhere; }
.yozrow .t .b { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.yozrow .amt { text-align: right; }
.yozrow .act { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 560px) { .yozrow { flex-wrap: wrap; } .yozrow .act { width: 100%; justify-content: flex-start; } }
/* belgilash ro'yxati (kassalar va h.k.): hammasi ko'rinadi */
.tiles.belgilar { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; }
.tiles.belgilar .tile { padding: 9px 11px; }
.tiles.belgilar input { accent-color: var(--brand); }