.sajpe-phone-field{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0}.sajpe-phone-field select{font:inherit;font-size:14px;flex:0 1 145px;min-width:95px;max-width:46%;padding:12px 8px;border:1px solid #dce6df;border-radius:13px;background:#f4faf7;color:#17332a;min-height:50px}.sajpe-phone-field input{flex:1;min-width:0;width:0!important;letter-spacing:.3px}.sajpe-phone-field[hidden]{display:none!important}.sajpe-phone-field select:focus-visible{outline:3px solid #0aaa7240;outline-offset:2px}@media(max-width:360px){.sajpe-phone-field{gap:6px}.sajpe-phone-field select{font-size:12px;padding:12px 5px}.sajpe-phone-field input{padding-left:10px;padding-right:10px}}

.sajpe-phone-field .sajpe-country-control{position:relative;display:block;flex:0 1 145px;min-width:95px;max-width:46%}.sajpe-phone-field .sajpe-country-control select{width:100%;max-width:none;padding-left:35px;min-width:0}.sajpe-country-flag{position:absolute;left:9px;top:50%;transform:translateY(-50%);pointer-events:none;margin:0!important}

/* Compact selected value; country names remain available in the picker. */
.sajpe-phone-field .sajpe-country-control{flex:0 0 88px;min-width:88px;max-width:32%}
.sajpe-phone-field .sajpe-country-control.sajpe-country-ready select{color:transparent;padding-right:20px}
.sajpe-phone-field .sajpe-country-control select option{color:#17332a;background:#fff}
.sajpe-country-dial{position:absolute;left:31px;top:50%;transform:translateY(-50%);pointer-events:none;color:#17332a;font-size:14px;line-height:1;white-space:nowrap}

.sajpe-phone-field .sajpe-country-control select{padding-left:31px;padding-right:12px}.sajpe-country-control .sajpe-country-flag{left:7px}

/* Keep the country picker visibly separate from the phone number. */
.sajpe-phone-field .sajpe-country-control{flex-basis:98px;min-width:98px;max-width:36%;height:50px}.sajpe-country-arrow{position:absolute;right:7px;top:50%;transform:translateY(-50%);pointer-events:none;color:#087963;font-size:15px}.sajpe-phone-field .sajpe-country-control select{height:50px;min-height:50px;border-color:#b9d5c7}.sajpe-country-dial{font-weight:600}.sajpe-country-control .sajpe-country-dial{left:30px}
/* Compact picker with its selected dial code centered. */
.sajpe-phone-field .sajpe-country-control{flex-basis:88px;min-width:88px;max-width:34%;height:46px}
.sajpe-phone-field .sajpe-country-control select{height:46px;min-height:46px}
.sajpe-country-control .sajpe-country-dial{left:50%;transform:translate(-50%,-50%);text-align:center;font-size:13px}
.sajpe-country-control .sajpe-country-flag{left:6px}
.sajpe-country-control .sajpe-country-arrow{right:5px;font-size:13px}
/* App co-founder credit; shown only for Ethiopia. */
.sajpe-country-founder{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;max-width:300px;margin:14px auto 10px;padding:16px 12px 14px;border:1px solid #d4e5db;border-radius:16px;background:linear-gradient(135deg,#f8fcf9 0%,#eef7f1 65%,#f9f5e9 100%);box-shadow:0 5px 18px #174a3410;text-align:center}
.sajpe-country-founder:before{content:"";position:absolute;top:-1px;left:28%;right:28%;height:2px;background:linear-gradient(90deg,transparent,#bc9b55,transparent)}
.sajpe-country-founder[hidden]{display:none!important}
.sajpe-founder-role{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;letter-spacing:1.8px;line-height:1.5;text-transform:uppercase;color:#507363}
.sajpe-founder-role:before,.sajpe-founder-role:after{content:"";width:18px;height:1px;background:#c7ae78}
.sajpe-founder-name{font-size:16px;font-weight:650;letter-spacing:-.15px;line-height:1.5;color:#174b38;overflow-wrap:anywhere}
.sajpe-founder-honorific{font-weight:450;color:#547463}
.sajpe-founder-app{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.6px;color:#60806e}
/* Sprite flags are rendered in our picker, rather than the native text-only menu. */
.sajpe-country-control .sajpe-country-open{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:13px;background:transparent;cursor:pointer}
.sajpe-country-control select[aria-hidden=true]{pointer-events:none}
dialog.sajpe-country-picker{position:fixed;inset:0;margin:auto;padding:16px;width:calc(100% - 32px);max-width:400px;max-height:75dvh;overflow:hidden;border:1px solid #d7e8de;border-radius:20px;background:#fff;color:#173d31;box-shadow:0 16px 60px #10382c33;font:14px system-ui;text-align:left}
dialog.sajpe-country-picker::backdrop{background:#15352b70}
.sajpe-country-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.sajpe-country-picker-head button{width:40px;min-height:40px;height:40px;padding:0;margin:0;border:0;border-radius:50%;background:#eef6f1;color:#315e4a;font-size:24px}
.sajpe-country-picker input[type=search]{width:100%;box-sizing:border-box;margin:0 0 10px;padding:12px;border:1px solid #d5e6db;border-radius:12px;background:#f7fbf9;color:#173d31;font:16px system-ui;min-height:46px}
.sajpe-country-list{max-height:calc(75dvh - 145px);overflow-y:auto;overscroll-behavior:contain}
.sajpe-country-list .sajpe-country-option{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;margin:0;padding:12px 8px;border:0;border-radius:9px;background:#fff;color:#173d31;text-align:left;font:14px system-ui;font-weight:400}
.sajpe-country-list .sajpe-country-option[hidden]{display:none!important}.sajpe-country-option .iti__flag{flex-shrink:0}.sajpe-country-option>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.sajpe-country-option-code{color:#547364;font-variant-numeric:tabular-nums}.sajpe-country-list .sajpe-country-option[aria-current=true]{background:#e8f5ee;font-weight:600}.sajpe-country-option:focus-visible{outline:2px solid #087963;outline-offset:-2px}
dialog.sajpe-country-picker:not([open]){display:none}dialog.sajpe-country-picker[open]{display:block}
/* Narrower country modal with comfortable side margins. */
dialog.sajpe-country-picker{width:calc(100% - 56px);max-width:340px;padding:14px}
