/* internal-mode.css Activated by adding class="internal-mode" to . internal-mode.js does this automatically when ?internal=1 is in the URL. Hides client-facing UI on the order forms when staff are using them from the internal dashboard. */ body.internal-mode .acks-block, body.internal-mode .form-hero .meta-row, body.internal-mode .form-hero > .wrap > p, body.internal-mode .div7a-banner, body.internal-mode .info-banner, body.internal-mode #resume-banner, body.internal-mode .resume-banner { display: none !important; } body.internal-mode .form-hero { padding: 30px 0 18px; background: #EEF2E6; } body.internal-mode .form-hero h1::after { content: " · INTERNAL"; color: #4D6240; font-weight: 500; font-size: 0.4em; letter-spacing: 0.12em; margin-left: 14px; vertical-align: middle; background: rgba(122,146,105,0.18); padding: 4px 10px; border-radius: 3px; } body.internal-mode .submit-row::before { content: "Internal mode — no acknowledgements required, no costs disclosure sent. Documents will be emailed to admin@."; display: block; width: 100%; background: #EEF2E6; border-left: 3px solid #4D6240; padding: 12px 16px; font-size: 13px; color: #3A4042; margin-bottom: 14px; line-height: 1.5; }