POST-SERVICE
REPORT
--:-- --
OPERATIONS TERMINAL / 030
SERVICE DEPT. OPERATING SYSTEM
DEPARTMENT NODE: BKK-001
STATUS: ONLINE
AUTHORIZED DEPARTMENT USE ONLY
margin: 0; padding: 0; width: 100%; min-height: 100%; background: var(--charcoal); color: var(--cream); font-family: "DotGothic16", sans-serif; overflow-x: hidden; } body { min-height: 100vh; min-height: 100dvh; } /* HEADER */ .site-header { width: 100%; padding: max(24px, env(safe-area-inset-top)) 20px 8px; display: flex; align-items: flex-start; justify-content: flex-start; } .text-logo { color: var(--cream); font-size: 22px; line-height: 0.78; letter-spacing: -0.05em; text-transform: uppercase; font-weight: 400; } /* FORM */ main { width: 100%; } .form-section { width: 100%; margin: 0; padding: 0; background: var(--charcoal); } .fillout-wrapper { width: 100%; min-height: 300px; margin: 0; padding: 0; overflow: visible; } /* FOOTER */ footer { width: 100%; border-top: 1px solid rgba(240, 238, 233, 0.14); padding: 20px 20px max(28px, env(safe-area-inset-bottom)); display: flex; justify-content: space-between; align-items: center; gap: 18px; color: var(--cream); font-size: 11px; letter-spacing: 0.04em; opacity: 0.55; } @media (max-width: 640px) { .site-header { padding: max(22px, env(safe-area-inset-top)) 18px 4px; } .text-logo { font-size: 20px; } footer { padding: 18px 18px max(26px, env(safe-area-inset-bottom)); flex-direction: column; align-items: flex-start; gap: 5px; } }