/* IEP Mail Pay — Frontend (Dark Theme) */
.iep-mp-panel *,.iep-status-page *{box-sizing:border-box}

/* ── Payment panel (order received / my account) ── */
.iep-mp-panel{margin:2rem 0;font-family:Georgia,serif;border:1px solid #2a2a2a;border-top:3px solid #8a0000;background:#111;color:#e8e8e8}
.iep-mp-panel-confirmed,.iep-mp-panel-received{padding:32px;text-align:center}
.iep-mp-panel-confirmed{border-top-color:#c8a000;background:#151200}
.iep-mp-panel-received{border-top-color:#2e7d32;background:#0a150a}
.iep-mp-panel-icon{font-size:34px;margin-bottom:12px}
.iep-mp-panel h3{font-family:Georgia,serif;font-size:17px;font-weight:normal;margin:0 0 10px;color:#e8e8e8}
.iep-mp-panel p{margin:5px 0;color:#ccc;font-size:14px;line-height:1.65}
.iep-mp-panel-top{display:flex;align-items:center;gap:16px;padding:20px 28px;background:#0a0a0a;border-bottom:1px solid #1e1e1e}
.iep-mp-panel-top .iep-mp-panel-icon{font-size:26px;margin:0;flex-shrink:0}
.iep-mp-panel-top h3{color:#e8e8e8;font-size:15px;margin:0 0 3px}
.iep-mp-order-ref{color:#555!important;font-size:12px!important;margin:0!important}
.iep-mp-instructions{padding:20px 28px;border-bottom:1px solid #1a1a1a;font-size:14px;color:#ccc;line-height:1.7}
.iep-mp-instructions p{margin:0 0 10px}
.iep-mp-address{font-style:normal;background:#0a0a0a;border-left:3px solid #8a0000;padding:12px 16px;margin:10px 0;color:#e8e8e8;line-height:1.7}
.iep-mp-accepted{font-size:13px!important;color:#888!important;margin-bottom:0!important}
.iep-mp-confirm-section{padding:22px 28px}
.iep-mp-confirm-prompt{font-size:14px;color:#e8e8e8;margin:0 0 16px}
.iep-mp-form fieldset,.iep-mp-method-select{border:1px solid #2a2a2a;padding:14px 18px;margin:0 0 16px;background:#0d0d0d}
.iep-mp-form fieldset legend{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#888;padding:0 6px}
.iep-mp-method-select label{display:block;padding:6px 0;font-size:14px;color:#e8e8e8;cursor:pointer}
.iep-mp-method-select input[type=radio]{margin-right:10px;accent-color:#8a0000}
.iep-mp-note-wrap{margin-bottom:18px}
.iep-mp-note-wrap label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#888;display:block;margin-bottom:8px}
.iep-mp-note-wrap textarea{width:100%;background:#0a0a0a;border:1px solid #2a2a2a;color:#e8e8e8;padding:10px 12px;font-family:Georgia,serif;font-size:13px;resize:vertical;min-height:70px}
.iep-mp-note-wrap textarea::placeholder{color:#333}
.iep-mp-note-wrap textarea:focus{outline:none;border-color:#8a0000}
.iep-mp-submit-btn{background:#8a0000;color:#e8e8e8;border:none;padding:14px 28px;font-family:Georgia,serif;font-size:15px;letter-spacing:.06em;cursor:pointer;width:100%;transition:background .15s}
.iep-mp-submit-btn:hover{background:#6b0000}
.iep-mp-submit-btn:disabled{background:#1a1a1a;color:#444;cursor:wait}
.iep-mp-form-msg{margin-top:14px;padding:12px 16px;font-size:14px;line-height:1.5}
.iep-mp-form-msg.success{background:#0a150a;color:#6fcf97;border:1px solid #1e4a1e}
.iep-mp-form-msg.error{background:#1a0505;color:#f5a0a0;border:1px solid #4a0000}

/* ── Order Status lookup page ── */
.iep-status-page{max-width:580px;margin:0 auto;font-family:Georgia,serif;color:#e8e8e8}
.iep-status-form-wrap{background:#111;border:1px solid #2a2a2a;border-top:3px solid #8a0000;padding:32px 36px 36px}
.iep-status-form-wrap h3{font-size:11px;font-weight:normal;letter-spacing:.35em;text-transform:uppercase;color:#8a0000;margin:0 0 6px}
.iep-status-form-wrap>p{font-size:14px;color:#ccc;margin:0 0 28px;line-height:1.65;border-bottom:1px solid #1e1e1e;padding-bottom:20px}
.iep-status-lookup-form p{margin:0 0 22px}
.iep-status-lookup-form label{display:block;font-size:11px;font-weight:normal;letter-spacing:.15em;text-transform:uppercase;color:#e8e8e8;margin-bottom:8px}
.iep-status-lookup-form input[type=number],.iep-status-lookup-form input[type=text]{display:block;width:100%;max-width:320px;padding:12px 14px;background:#0a0a0a;border:1px solid #2e2e2e;color:#e8e8e8;font-family:Georgia,serif;font-size:15px;border-radius:0;-webkit-appearance:none;transition:border-color .15s}
.iep-status-lookup-form input[name=iep_order_pin]{font-family:"Courier New",monospace;font-size:18px;letter-spacing:.2em;max-width:280px}
.iep-status-lookup-form input::placeholder{color:#333}
.iep-status-lookup-form input:focus{outline:none;border-color:#8a0000;box-shadow:0 0 0 2px rgba(138,0,0,.15)}
.iep-pin-hint{display:block;font-size:11px;color:#555;margin-top:6px}
.iep-status-lookup-form button[type=submit]{margin-top:8px;background:#8a0000;color:#e8e8e8;border:none;padding:13px 32px;font-family:Georgia,serif;font-size:14px;letter-spacing:.08em;cursor:pointer;transition:background .15s}
.iep-status-lookup-form button[type=submit]:hover{background:#6b0000}
.iep-status-error{background:#1a0505;border:1px solid #4a0000;border-left:4px solid #8a0000;color:#f5a0a0;padding:14px 18px;margin-bottom:20px;font-size:14px}
.iep-status-result{border:1px solid #2a2a2a;border-top:3px solid #8a0000;background:#111;overflow:hidden}
.iep-status-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #1e1e1e}
.iep-status-icon{font-size:26px;flex-shrink:0}
.iep-status-header h3{font-family:Georgia,serif;font-size:16px;font-weight:normal;margin:0 0 3px;color:#e8e8e8}
.iep-status-header p{margin:0;font-size:12px;color:#666}
.iep-status-awaiting{background:#141414}
.iep-status-en-route{background:#151200}
.iep-status-received{background:#0a150a}
.iep-status-no-response{background:#150505}
.iep-status-details{background:#0d0d0d}
.iep-status-details table{width:100%;border-collapse:collapse;font-size:13px}
.iep-status-details tr:nth-child(even) td{background:#111}
.iep-status-details td{padding:10px 24px;border-bottom:1px solid #1a1a1a;color:#e8e8e8}
.iep-status-details td:first-child{color:#666;width:150px;font-size:12px}
.iep-status-urgent{color:#f5a0a0!important;font-weight:bold}
.iep-status-instructions{padding:20px 24px;border-top:1px solid #1e1e1e;background:#0d0d0d;font-size:14px;color:#ccc;line-height:1.7}
.iep-status-instructions h4{font-size:11px;font-weight:normal;letter-spacing:.2em;text-transform:uppercase;color:#8a0000;margin:0 0 12px}
.iep-status-instructions address{font-style:normal;background:#0a0a0a;border-left:3px solid #8a0000;padding:12px 16px;margin:0 0 12px;color:#e8e8e8;line-height:1.7}
.iep-status-instructions p{margin:0 0 8px}
.iep-status-confirm-section{padding:20px 24px;border-top:1px solid #1e1e1e;background:#0d0d0d}
.iep-status-prompt{font-size:13px;color:#e8e8e8;margin:0 0 16px}
.iep-status-note{padding:16px 24px;background:#151200;border-top:1px solid #2a2200;font-size:14px;color:#c8a000;line-height:1.6}
.iep-status-note p{margin:0 0 6px}
.iep-status-back{display:inline-block;margin-top:18px;font-size:12px;letter-spacing:.08em;color:#555;text-decoration:none}
.iep-status-back:hover{color:#8a0000}

/* ── Input focus state overrides (browser resets to white by default) ── */
.iep-status-lookup-form input[type="number"],
.iep-status-lookup-form input[type="text"],
.iep-status-lookup-form input[type="number"]:hover,
.iep-status-lookup-form input[type="text"]:hover,
.iep-status-lookup-form input[type="number"]:focus,
.iep-status-lookup-form input[type="text"]:focus,
.iep-status-lookup-form input[type="number"]:active,
.iep-status-lookup-form input[type="text"]:active,
.iep-mp-note-wrap textarea:focus,
.iep-mp-note-wrap textarea:active {
    background-color: #0a0a0a !important;
    color: #e8e8e8 !important;
    -webkit-text-fill-color: #e8e8e8 !important;
}

/* ── Kill browser autofill yellow/white background ── */
.iep-status-lookup-form input:-webkit-autofill,
.iep-status-lookup-form input:-webkit-autofill:hover,
.iep-status-lookup-form input:-webkit-autofill:focus,
.iep-status-lookup-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #0a0a0a inset !important;
    -webkit-text-fill-color: #e8e8e8 !important;
    caret-color: #e8e8e8;
}