/* Compact phone-first issuance layout; IDs and issuance handlers are unchanged. */
body.issue-body:not(.claim-mode) { padding: 12px !important; }
body.issue-body:not(.claim-mode) .phone-page { width: min(480px, 100%) !important; max-width: 480px !important; margin: 0 auto !important; padding: 20px 18px 16px !important; border-radius: 24px !important; min-height: 0 !important; box-shadow: 0 20px 60px #12335a24 !important; }
body.issue-body:not(.claim-mode) .site-language-switch { position: relative !important; inset: auto !important; width: fit-content !important; margin: 0 0 10px auto !important; padding: 4px !important; }
body.issue-body:not(.claim-mode) .site-language-switch button { min-height: 29px; padding: 5px 12px !important; font-size: 12px !important; }
body.issue-body:not(.claim-mode) .issue-hero { padding: 0 0 16px !important; text-align: center; }
body.issue-body:not(.claim-mode) .brand-logo { margin: 0 auto 11px !important; padding: 0 !important; min-height: 0 !important; }
body.issue-body:not(.claim-mode) .brand-logo img { width: 180px !important; max-width: 78% !important; height: auto !important; }
body.issue-body:not(.claim-mode) .issue-hero h1 { font-size: 23px !important; line-height: 1.45 !important; letter-spacing: .08em !important; margin: 8px 0 7px !important; font-weight: 800 !important; }
body.issue-body:not(.claim-mode) .issue-hero p { max-width: 330px !important; margin: 0 auto !important; font-size: 12px !important; line-height: 1.8 !important; color: #426181 !important; }
body.issue-body:not(.claim-mode) .mobile-stack { gap: 12px !important; }
body.issue-body:not(.claim-mode) .step-strip { margin: 0 0 12px !important; gap: 7px !important; }
body.issue-body:not(.claim-mode) .step-strip > div { min-height: 39px !important; padding: 8px 5px !important; border-radius: 10px !important; gap: 5px !important; font-size: 11px !important; flex-direction: row !important; }
body.issue-body:not(.claim-mode) .step-strip b { width: 20px !important; height: 20px !important; font-size: 11px !important; }
body.issue-body:not(.claim-mode) .issue-card { padding: 17px 15px !important; border-radius: 16px !important; }
body.issue-body:not(.claim-mode) .card-title-row { margin-bottom: 12px !important; }
body.issue-body:not(.claim-mode) .card-title-row h3 { font-size: 19px !important; margin: 0 !important; font-weight: 800 !important; }
body.issue-body:not(.claim-mode) .agency-field { margin-bottom: 0 !important; padding: 12px !important; border-radius: 12px !important; background: #f0f6ff !important; border-color: #ccddfa !important; }
body.issue-body:not(.claim-mode) .agency-field label { font-size: 13px !important; text-align: left !important; margin-bottom: 9px !important; }
body.issue-body:not(.claim-mode) .virtual-code-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 65px !important; gap: 8px !important; align-items: stretch !important; margin-bottom: 10px !important; }
body.issue-body:not(.claim-mode) .virtual-code-shell { width: 100% !important; padding: 10px 8px !important; min-width: 0 !important; min-height: 52px !important; border-radius: 10px !important; gap: 6px !important; }
body.issue-body:not(.claim-mode) .virtual-code-shell::before { display: none !important; }
/* The verified summary replaces the locked keypad; reset restores the original controls. */
body.issue-body:not(.claim-mode) .agency-field:has(#verifyCodeBtn[data-state="verified"]) { display: none !important; }
body.issue-body:not(.claim-mode) .virtual-code-display { min-width: 0 !important; }
body.issue-body:not(.claim-mode) .virtual-code-display .placeholder { font-size: 11px !important; line-height: 1.55 !important; white-space: normal !important; }
body.issue-body:not(.claim-mode) .virtual-code-mini-actions { gap: 4px !important; }
body.issue-body:not(.claim-mode) .mini-code-btn { min-height: 34px !important; padding: 6px !important; font-size: 11px !important; border-radius: 7px !important; }
body.issue-body:not(.claim-mode) .code-check-btn { width: 65px !important; min-width: 0 !important; padding: 10px 7px !important; border-radius: 11px !important; font-size: 15px !important; margin: 0 !important; }
body.issue-body:not(.claim-mode) .secure-keypad { display: grid !important; grid-template-columns: repeat(6,minmax(0,1fr)) !important; gap: 6px !important; margin-top: 0 !important; }
body.issue-body:not(.claim-mode) .keypad-key { min-height: 44px !important; min-width: 0 !important; padding: 8px 0 !important; border-radius: 10px !important; font-size: 17px !important; font-weight: 700 !important; background: #fff !important; border-color: #d1e0fb !important; color: #2754a5 !important; box-shadow: 0 2px 4px #204d8210 !important; }
body.issue-body:not(.claim-mode) .keypad-key:active { background: #e3eeff !important; }
body.issue-body:not(.claim-mode) .assist-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; margin-top: 13px !important; }
body.issue-body:not(.claim-mode) .assist-card, body.issue-body:not(.claim-mode) .assist-card.assist-legal { grid-column: auto !important; min-width: 0 !important; min-height: 70px !important; padding: 12px 10px !important; gap: 9px !important; border-radius: 12px !important; background: #fffffff0 !important; }
body.issue-body:not(.claim-mode) .assist-icon { width: 32px !important; height: 32px !important; flex: 0 0 32px !important; }
body.issue-body:not(.claim-mode) .assist-icon svg { width: 19px !important; height: 19px !important; }
body.issue-body:not(.claim-mode) .assist-card > span:last-child { min-width: 0; }
body.issue-body:not(.claim-mode) .assist-card b { font-size: 14px !important; font-weight: 800 !important; }
body.issue-body:not(.claim-mode) .assist-card small { font-size: 10px !important; line-height: 1.55 !important; margin-top: 3px !important; overflow-wrap: anywhere; }
body.issue-body:not(.claim-mode) .assist-card[data-assist-action="payment"] { background: #edf8f5 !important; border-color: #cbe6dd !important; }
body.issue-body:not(.claim-mode) [data-assist-action="payment"] .assist-icon { background: #13866f !important; }
body.issue-body:not(.claim-mode) .assist-card.assist-legal { min-height: 56px !important; }
body.issue-body:not(.claim-mode) .assist-card.assist-legal small { display: none !important; }
body.issue-body:not(.claim-mode) .phone-page::after { margin-top: 16px !important; font-size: 10px !important; }
body.issue-body:not(.claim-mode) .verified-box { margin-top: 16px; }
body.issue-body:not(.claim-mode) #issueFields { margin-top: 18px; }
body.issue-body:not(.claim-mode) .plate-input { font-size: 19px !important; font-weight: 800 !important; }
body.issue-body:not(.claim-mode) .issue-main { min-height: 48px; font-size: 17px; }
@media(max-width:400px) { body.issue-body:not(.claim-mode) { padding: 8px !important; } body.issue-body:not(.claim-mode) .phone-page { padding: 14px 12px !important; border-radius: 20px !important; } body.issue-body:not(.claim-mode) .issue-card { padding: 15px 11px !important; } body.issue-body:not(.claim-mode) .issue-hero h1 { font-size: 21px !important; letter-spacing: .04em !important; } body.issue-body:not(.claim-mode) .assist-card { padding: 10px 8px !important; gap: 7px !important; } }
@media(max-width:360px) { body.issue-body:not(.claim-mode) .secure-keypad { grid-template-columns: repeat(5,minmax(0,1fr)) !important; } body.issue-body:not(.claim-mode) .virtual-code-shell { flex-wrap: wrap !important; } body.issue-body:not(.claim-mode) .virtual-code-mini-actions { margin-left: auto; } body.issue-body:not(.claim-mode) .assist-card b { font-size: 13px !important; } body.issue-body:not(.claim-mode) .assist-icon { width: 27px !important; height: 27px !important; flex-basis: 27px !important; } }