[hidden] { display: none !important; }
body { overflow-x: hidden; }

.portal-orders { display: grid; gap: 8px; margin: 24px 0; }
.portal-orders article { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; padding: 15px; border: 1px solid #ffffff1c; background: #ffffff06; }
.portal-orders article div { display: grid; gap: 4px; min-width: 0; }
.portal-orders small { color: #76caff; font-size: 8px; font-weight: 850; }
.portal-orders strong { font-size: 12px; }
.portal-orders span { overflow: hidden; color: #7f8b98; font-size: 9px; text-overflow: ellipsis; }
.portal-orders b { padding: 7px 9px; border-radius: 999px; color: #88a6da; background: #5584d414; font-size: 8px; }
.portal-actions { display: grid; gap: 9px; }
.portal-logout { min-height: 42px; border: 1px solid #ffffff20; color: #9ba7b3; background: transparent; font-size: 10px; }

@media (max-width: 600px) {
  .site-header { grid-template-columns: 1fr auto; }
  .site-header .header-actions { display: none; }
  .site-header .menu-toggle { margin-right: 0; }
  .hero-content,
  .hero-content > p,
  .hero-buttons,
  .hero-buttons .large { max-width: calc(100vw - 40px); }
}