/* Zoho-like light theme (global) */

:root{
  --dd-bg: #f5f7fb;
  --dd-card: #ffffff;
  --dd-text: #101828;
  --dd-muted: #667085;
  --dd-border: rgba(16,24,40,.10);
  --dd-shadow: 0 8px 24px rgba(16,24,40,.06);
  --dd-primary: #FFC000;   /* Desert Dry yellow */
  --dd-accent: #FFC000;    /* Desert Dry yellow */
}

body.dd-body{
  background: var(--dd-bg) !important;
  color: var(--dd-text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Navbar */
.dd-nav{ background:#fff !important; }
.dd-brand{ color: var(--dd-text) !important; }
.dd-brand i{ color: var(--dd-primary); }
.navbar .nav-link{ color: #344054 !important; font-weight: 600; }
.navbar .nav-link:hover{ color: var(--dd-primary) !important; }
.navbar .dropdown-menu{ border: 1px solid var(--dd-border); box-shadow: var(--dd-shadow); border-radius: 14px; }

/* Cards */
.card, .dd-card{
  background: var(--dd-card);
  border: 1px solid var(--dd-border);
  border-radius: 16px;
  box-shadow: var(--dd-shadow);
}

/* Tables */
.table{ background:#fff; }
.table thead th{ white-space: nowrap; color:#475467; font-weight:700; }
.table tbody td{ color:#101828; }

/* Buttons */
.btn-dd-primary{ background: var(--dd-primary); border-color: var(--dd-primary); color:#222; font-weight:800; }
.btn-dd-primary:hover{ filter: brightness(.95); color:#222; }
.btn-ddiw{ background: var(--dd-accent); border-color: var(--dd-accent); color:#222; font-weight:700; }
.btn-ddiw:hover{ filter: brightness(.95); color:#222; }

/* Forms */
.form-control, .form-select{ border-radius: 12px; border:1px solid var(--dd-border); }
.form-control:focus, .form-select:focus{ border-color: rgba(255,192,0,.40); box-shadow: 0 0 0 .25rem rgba(255,192,0,.12); }

/* Headings */
h1,h2,h3,h4{ color: var(--dd-text); }
.text-muted, .text-muted-2{ color: var(--dd-muted) !important; }

/* DataTables small fixes */
div.dataTables_wrapper .dataTables_paginate .paginate_button{ border-radius: 10px; }

/* Navbar (Zoho-light compact + right controls) */
.dd-nav .dd-nav-compact-link{
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .65rem;
  border-radius: 12px;
}
.dd-nav .dd-nav-compact-link i{ font-size: 1.05rem; }
.dd-nav .dd-nav-compact-link:hover{
  background: rgba(16,24,40,.04);
}

.dd-nav-right{ gap:.25rem; }
.dd-icon-btn{
  width: 38px;
  height: 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
}
.dd-icon-btn:hover{ background: rgba(16,24,40,.04); }

.dd-user-pill{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.35rem .55rem;
  border-radius: 999px;
  border: 1px solid var(--dd-border);
  background:#fff;
}
.dd-user-pill:hover{ background: rgba(16,24,40,.03); }
.dd-avatar{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  font-size: .85rem;
  color:#222;
  background: rgba(255,192,0,.28);
  border: 1px solid rgba(255,192,0,.45);
}
.dd-user-name{ font-weight: 700; color:#344054; white-space:nowrap; }

/* Make navbar a little tighter */
.dd-nav .navbar-nav .nav-link{ padding-top:.5rem; padding-bottom:.5rem; }