/* Donia branding adapter; existing navigation, layouts and controls retained. */
:root {
  --ink: #142c47; --muted: #65778c;
  --purple: #0868b5; --purple2: #07528f; --yellow: #dceeff;
  --bg: #f4f8fc; --line: #dce6ef;
  --shadow: 0 8px 24px rgba(15,66,109,.06);
}
.app-shell .donia-brand-logo { width: 62px; height: 62px; object-fit: contain; border-radius: 12px; background: #fff; flex-shrink: 0; }
.app-shell .brand { gap: 12px; }
.app-shell .btn.yellow { background: #0868b5; color: #fff; }
.app-shell .btn.yellow:hover { background: #07528f; }
.auth-page .auth-visual {
  background: linear-gradient(180deg,rgba(3,30,60,.48),rgba(3,39,77,.86)),url('donia-login-background.png') center/cover no-repeat;
}
.auth-page .auth-visual h1 { font-size: clamp(38px,4.4vw,64px); line-height: 1.06; }
.auth-page .auth-visual p { color: #edf5ff; }
.auth-page .auth-badge { align-self: flex-start; background: #fff; color: #07528f; }
.auth-page .auth-form-wrap { background: #f5f9fd; }
.auth-page .auth-card { background: #fff; padding: 30px; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }
.auth-page .donia-login-logo { display: block; width: 130px; height: 100px; object-fit: contain; margin: -10px 0 18px; }
@media (max-width: 760px) {
  .auth-page .auth-card { padding: 24px 20px; }
}

/* Shopify-style navigation with Donia blue accents. */
.app-shell .sidebar { background: #eef3f8; color: var(--ink); padding: 18px 12px; }
.app-shell .sidebar nav { gap: 3px; }
.app-shell .sidebar nav a { color: #3f5369; padding: 10px 12px; border-radius: 9px; border: 0; box-shadow: none; transition: background .18s ease, color .18s ease; }
.app-shell .sidebar nav a:hover { background: #e2ebf4; color: #07528f; }
.app-shell .sidebar nav a.active { background: #d7e9fa; color: #07528f; box-shadow: none; }
.app-shell .sidebar nav .donia-nav-icon-wrap { display: inline-flex; width: 26px; height: 26px; flex: 0 0 26px; align-items: center; justify-content: center; }
.app-shell .sidebar .donia-nav-icon { width: 24px; height: 24px; }
.app-shell .sidebar-foot { border: 0; }
.app-shell .sidebar-close { color: #07528f; }
.app-shell .panel, .app-shell .panel-head, .app-shell .topbar, .app-shell .data-table th, .app-shell .data-table td { border-color: transparent; }
.app-shell .sidebar nav a:hover .donia-nav-icon,
.app-shell .sidebar nav a:focus-visible .donia-nav-icon { animation: donia-icon-lift .36s ease; }
.app-shell .donia-sale-link { color: #07528f; }
.app-shell .donia-sale-link:hover { text-decoration: underline; }
@keyframes donia-icon-lift { 0%,100% { transform: translateY(0); } 45% { transform: translateY(-3px) rotate(-5deg); } }
@media (prefers-reduced-motion: reduce) {
  .app-shell .sidebar nav a { transition: none; }
  .app-shell .sidebar nav a:hover .donia-nav-icon,
  .app-shell .sidebar nav a:focus-visible .donia-nav-icon { animation: none; }
}