/* Tailor Shop - main theme (Phase 2) */
:root { --sidebar-bg:#10243e; --sidebar-width:240px; --primary:#0d6efd; }
* { font-family:'Inter', system-ui, sans-serif; }
body { background:#eef1f5; color:#212529; }
.rtl-font, .rtl-font input, .rtl-font select, .rtl-font textarea, .rtl-font button, .rtl-font .btn {
  font-family:'Noto Nastaliq Urdu','Inter',serif; line-height:2;
}

/* Sidebar */
.sidebar { position:fixed; top:0; inset-inline-start:0; width:var(--sidebar-width); height:100vh;
  background:var(--sidebar-bg); color:#fff; display:flex; flex-direction:column; z-index:1040;
  transition:transform .2s ease; }
.sidebar-brand { padding:1rem 1.25rem; font-weight:700; font-size:1.05rem; border-bottom:1px solid rgba(255,255,255,.12);
  display:flex; align-items:center; gap:.5rem; }
.brand-logo { width:34px; height:34px; object-fit:contain; background:#fff; border-radius:.4rem; }
.sidebar-nav { padding:.75rem; display:flex; flex-direction:column; gap:.25rem; overflow-y:auto; }
.sidebar-nav .nav-link { color:#c9d6e8; border-radius:.5rem; padding:.55rem .75rem; display:flex; gap:.6rem; align-items:center; }
.sidebar-nav .nav-link:hover { background:rgba(255,255,255,.08); color:#fff; }
.sidebar-nav .nav-link.active { background:var(--primary); color:#fff; }
.sidebar-user { margin-top:auto; padding:1rem 1.25rem; border-top:1px solid rgba(255,255,255,.12); }
.sidebar-backdrop { display:none; }
.main-content { margin-inline-start:var(--sidebar-width); min-height:100vh; display:flex; flex-direction:column; }
.topbar { background:#fff; border-bottom:1px solid #dee2e6; padding:.6rem 1rem; display:flex; align-items:center; gap:.75rem;
  position:sticky; top:0; z-index:1020; }
.page-body { padding:1rem; flex:1; }
.page-footer { padding:.75rem 1rem; border-top:1px solid #dee2e6; background:#fff; }
@media (max-width: 991.98px) {
  .sidebar { transform:translateX(-105%); }
  [dir="rtl"] .sidebar { transform:translateX(105%); }
  .sidebar.show { transform:translateX(0) !important; box-shadow:0 0 40px rgba(0,0,0,.35); }
  .sidebar-backdrop.show { display:block; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:1035; }
  .main-content { margin-inline-start:0; }
}

/* Cards & tables */
.card { border:none; border-radius:.75rem; box-shadow:0 1px 3px rgba(16,36,62,.08); }
.stat-card .stat-value { font-size:1.55rem; font-weight:700; }
.stat-card .stat-icon { font-size:1.4rem; opacity:.85; }
.table thead th { background:#f6f8fb; font-weight:600; }
tr.row-overdue td { background:#fff3f3; }
.money { font-variant-numeric: tabular-nums; white-space:nowrap; }
.btn, .form-control, .form-select { border-radius:.5rem; }
.touch .btn { min-height:44px; }

/* Print: hide chrome, show only content */
@media print {
  .sidebar, .topbar, .page-footer, .no-print { display:none !important; }
  .main-content { margin:0 !important; }
  .page-body { padding:0; }
  body { background:#fff; }
  .card { box-shadow:none; border:1px solid #ccc; }
  a { text-decoration:none; color:#000; }
}
