/*
@file: public/app.css
@module: SKLAD • MAG (UI)
@version: 2025-08-18 v0.1
@purpose: Лёгкие проектные правки поверх Tabler.
*/

:root{
  --brand-radius: 14px;
  --brand-gap: .75rem;
}

/* чуть мягче карточки */
.card{ border-radius: var(--brand-radius); }

/* «липкая» колонка слева в POS */
.pos-sticky{ position: sticky; top: 12px; }

/* убираем выделение при клике по табам на мобильных */
[data-tab]{ -webkit-tap-highlight-color: transparent; }

/*
@version: 2025-08-18 v0.2 (tabler html left-gap fix)
@purpose: убираем левый зазор от html{margin-left:calc(100vw - 100%)} в Tabler
*/

html { margin-left: 0 !important; }



/* на случай RTL-интерфейса */
html[dir="rtl"] { margin-right: 0 !important; }

/* опционально, если нужен всегда видимый вертикальный скролл */
body { overflow-y: scroll !important; }

/* затемняем фон у модального окна */
/* .modal-blur {
    background: rgb(0 0 0 / 40%) !important;
} */


/*
@version: 2025-08-18 v0.4 (print styles for receipt)
@purpose: чистая печать страницы/модалки чека
*/
@media print {
  .navbar, [role="tablist"], .btn-list, .offcanvas-footer, .btn, a[href="/labels"] { display: none !important; }
  body, .page, .container-xl { background: #fff !important; }
  .card { border: none !important; box-shadow: none !important; }
  .card-header { display: none !important; }
  .card-body, .table { font-size: 12pt; }
}


/*
@version: 2025-08-18 v0.5 (click affordance)
*/
#posTodayList .list-group-item,
[data-sale-open] { cursor: pointer; }
[data-sale-open]:hover { background: rgba(255,255,255,.03); }