html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
html {
position: relative;
min-height: 100%;
}
/* Direction follows ; layout body uses .ef-app (see ef-components.css) */
body {
margin-bottom: 60px;
}
html[dir="rtl"] body:not(.ef-app) {
direction: rtl;
text-align: right;
}
html[dir="ltr"] body:not(.ef-app) {
direction: ltr;
text-align: left;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
white-space: nowrap;
line-height: 60px;
}
/* Print - توحيد واجهة الطباعة */
@media print {
header, .ef-header, .navbar, nav, .footer, .ef-footer, .no-print, .btn, button, [data-print-hide], [data-print-btn], .pagination-controls {
display: none !important;
}
body { margin-bottom: 0; font-size: 12px; }
.container { max-width: 100%; }
.container-fluid { padding: 0; }
table { font-size: 11px; page-break-inside: auto; }
tr { page-break-inside: avoid; page-break-after: auto; }
thead { display: table-header-group; }
@page { margin: 1.5cm; }
h1, h2, h3 { page-break-after: avoid; }
}
.table-filter-input { max-width: 300px; }
.pagination-controls { margin-top: 1rem; }
/* لوحة القيادة — بطاقات الاختصار */
.dash-tile {
transition: transform 0.15s ease, box-shadow 0.15s ease;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
}
.dash-tile:hover {
transform: translateY(-3px);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}
.dashboard-page .btn-group [data-dash-range].active {
background-color: var(--bs-primary);
color: #fff;
border-color: var(--bs-primary);
}
/* تفاصيل فاتورة ملغاة — علامة مائية خلفية داخل التنبيه */
.invoice-details-watermark-bg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-14deg);
font-size: clamp(2rem, 8vw, 3.25rem);
font-weight: 800;
color: rgba(180, 30, 30, 0.12);
pointer-events: none;
white-space: nowrap;
user-select: none;
}