/* Professional Theme — Monochrome overrides + PWA nav dock */

/* ── Bootstrap bridge ──────────────────────────────────── */
:root {
  --bs-body-color: var(--ink);
  --bs-body-bg:    var(--bg);
  --bs-border-color: var(--line);
}

/* ── PWA Quick Actions (mobile) ────────────────────────── */
@media(max-width:980px){
  .dashboard-page .pwaQuickActions{justify-content:center;text-align:center;}
}

/* ── App Nav Dock ──────────────────────────────────────── */
body.app-nav-enabled{
  padding-bottom:calc(108px + env(safe-area-inset-bottom));
}
.app-nav-dock{
  position:fixed;
  left:10px;right:10px;
  bottom:max(10px,env(safe-area-inset-bottom));
  z-index:1040;
  border:1px solid var(--lns);
  background:var(--sf);
  color:var(--ink);
  border-radius:var(--radius2);
  padding:10px;
  box-shadow:var(--shadow-lg);
  backdrop-filter:blur(12px);
}
.app-nav-title{
  font-size:10px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);margin-bottom:7px;
}
.app-nav-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.app-nav-link{
  text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:8px 6px;border-radius:8px;
  font-size:12px;font-weight:700;
  color:var(--muted);
  background:var(--bg2);
  border:1px solid var(--line);
  transition:background .1s,border-color .1s,color .1s;
}
.app-nav-link:hover{background:var(--sf2);color:var(--ink);}
.app-nav-link.on{
  background:var(--ink);color:var(--bg);
  border-color:var(--ink);
}

/* ── Nav dock footer (tema) ────────────────────────────── */
.app-nav-footer{
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid var(--line);
}
.app-nav-theme-btn{
  appearance:none;
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:7px 10px;
  border-radius:8px;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
  background:var(--bg2);
  border:1px solid var(--line);
  cursor:pointer;
  font-family:var(--font);
  transition:background .1s,border-color .1s,color .1s;
}
.app-nav-theme-btn:hover{background:var(--sf2);color:var(--ink);}
.app-nav-theme-btn .i-sun,.app-nav-theme-btn .i-moon{display:none;flex-shrink:0;}
[data-theme="light"] .app-nav-theme-btn .i-sun{display:block;}
[data-theme="dark"]  .app-nav-theme-btn .i-moon{display:block;}

@media(min-width:1024px){
  .app-nav-dock{left:auto;right:14px;width:360px;}
}