html { font-size: 14px; }
@media (min-width: 768px) { html { font-size: 16px; } }
body { background: #f4f7fb; color: #1f2937; }
.portal-header { background: #ffffff; }
.brand { font-size: 1.25rem; font-weight: 700; color: #0f172a; }
.nav-link-custom { color: #475569; text-decoration: none; font-weight: 500; }
.nav-link-custom.active, .nav-link-custom:hover { color: #0d6efd; }
.login-card { margin-top: 5rem; border-radius: 1rem; }
.guide-box { padding: 1rem; border-radius: 0.75rem; background: #f8fafc; border: 1px solid #e2e8f0; }
.page-header h1 { font-weight: 700; }
.card { border-radius: 1rem; }
.sticky-summary { position: sticky; top: 2rem; }
.portal-steps li { margin-bottom: 0.75rem; }
.form-control[readonly] { background-color: #eef2f7; }
.validation-summary-errors ul { margin-bottom: 0; padding-left: 1rem; }
.order-table th, .order-table td { white-space: nowrap; vertical-align: top; }
.address-cell, .memo-cell { white-space: normal !important; min-width: 220px; }