.topbar {
  position: sticky; top: 0; z-index: 200;
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%);
  padding: 16px 18px; display: flex; align-items: center; justify-content: space-between;
  box-shadow: var(--shadow);
}
.topbar-brand { display: flex; align-items: center; gap: 10px; }
.topbar-logo {
  width: 38px; height: 38px; border-radius: 50%; object-fit: contain; background: #fff;
  padding: 2px; flex-shrink: 0;
}

.container { padding: 16px; max-width: 520px; margin: 0 auto; }

.bottom-nav {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 200;
  background: var(--ink); display: flex; justify-content: space-around; align-items: center;
  padding: 10px 6px calc(10px + env(safe-area-inset-bottom));
  box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
}
.nav-item { display: flex; flex-direction: column; align-items: center; gap: 4px; color: #8a7f70; font-size: 10px; cursor: pointer; flex: 1; padding: 4px; margin-top: 5px; }
.nav-item.active { color: var(--gold); }
.nav-icon { font-size: 22px; }
.nav-fab-container { position: relative; flex: 1; display: flex; justify-content: center; }
.nav-fab {
  position: absolute; top: -35px; width: 60px; height: 60px;
  background: linear-gradient(135deg, var(--gold-light), var(--gold-dark));
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  color: var(--ink); font-size: 32px; font-weight: 400;
  box-shadow: 0 8px 24px rgba(201,169,110,0.4);
  border: 4px solid var(--ink); cursor: pointer;
  z-index: 201; transition: transform 0.2s;
}
.nav-fab:active { transform: translateY(-35px) scale(0.95); }
.nav-label { font-size: 10px; font-weight: 500; }

@media print {
  .topbar, .bottom-nav, .print-actions, .sheet-overlay, .panel-overlay:not(#invoice-print-panel) { display: none !important; }
  .panel-top { display: none !important; }
  .inv-doc { box-shadow: none; border: none; margin: 0; padding: 0; max-width: 100%; }
  body { background: #fff; }
}