:root{--field-accent:#078b7c;--field-icon:#ff6508;--field-border:#dfe3e9;--field-ink:#28354c;--field-muted:#71817f;--field-surface:#fff;--field-radius:14px;--field-height:52px;--field-ring:#078b7c12;--field-error:#b42318}
.app-location-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;grid-column:1/-1;min-width:0}.app-location-country{grid-column:1/-1}
.app-select{min-width:0;font-family:inherit}.app-select-label{display:block;margin:0 3px 6px;color:#3c485b;font-size:11px;font-weight:900}.app-select-label em{color:var(--field-icon);font-style:normal}.app-select-control{position:relative;display:flex;align-items:center;min-height:52px;border:1.5px solid var(--field-border);border-radius:14px;background:#fff}.app-select-control>i{flex:0 0 40px;color:var(--field-icon);text-align:center;font-size:20px}.app-select-control:focus-within{border-color:var(--field-accent);box-shadow:0 0 0 4px var(--field-ring)}.app-select-control select{width:100%;min-width:0;height:50px;border:0;background:transparent;font:inherit}.app-select.is-enhanced select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.app-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0;min-height:50px;padding:0 0 0 12px;border:0;border-radius:14px;background:transparent;color:var(--field-ink);text-align:start;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.app-select-trigger[hidden]{display:none}.app-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select-trigger>i{color:var(--field-accent);transition:transform .2s}.app-select-trigger[aria-expanded=true]>i{transform:rotate(180deg)}.app-select-trigger:disabled{opacity:.5;cursor:not-allowed}.app-select-trigger:focus-visible{outline:2px solid var(--field-accent);outline-offset:2px}
.app-select-menu{position:fixed;z-index:1000;box-sizing:border-box;padding:9px;border:1px solid #dce9e6;border-radius:16px;background:#fff;box-shadow:0 14px 40px #123f3c26;color:#123f3c;font-family:Cairo,sans-serif;overflow:auto;overscroll-behavior:contain}.app-select-menu[hidden]{display:none}.app-select-search{display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #dce9e6;border-radius:10px;background:#f4faf8}.app-select-search>i{color:#71817f;font-size:20px}.app-select-search input{box-sizing:border-box;width:100%;min-width:0;height:42px;border:0;outline:0;background:transparent;color:#123f3c;font:inherit;font-size:12px}.app-select-search:focus-within{border-color:var(--field-accent)}.app-select-options{max-height:220px;overflow-y:auto;margin-top:7px;scrollbar-width:thin;overscroll-behavior:contain}.app-select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.app-select-option[aria-selected=true]{background:#e9f8f5;color:var(--field-accent)}.app-select-option.is-active{outline:2px solid var(--field-accent);outline-offset:-2px;background:#f2faf8}.app-select-option>i{font-size:18px}.app-select-empty{padding:15px;text-align:center;color:#71817f;font-size:12px}.app-select-menu [hidden]{display:none!important}
.app-select-options{margin-left:-9px;padding-left:9px;direction:rtl}
/* The search wrapper provides the visible focus indicator. */
.app-select-menu{display:flex;flex-direction:column;overflow:hidden}
.app-select-menu .app-select-search{flex-shrink:0}
.app-select-menu .app-select-options{position:relative;min-height:0;flex:0 1 auto;overflow-x:hidden}
.app-select-menu .app-select-search input:focus,
.app-select-menu .app-select-search input:focus-visible{outline:none;box-shadow:none}
/* Shared text fields use the same geometry and focus treatment as selects. */
.app-field{min-width:0;font-family:inherit}.app-field-wide{grid-column:1/-1}
.app-field-label{display:block;margin:0 3px 6px;color:#3c485b;font-size:11px;font-weight:900}.app-field-label em{color:var(--field-icon);font-style:normal}
.app-field-control{display:flex;align-items:center;min-height:var(--field-height);border:1.5px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-surface);transition:border-color .2s,box-shadow .2s}
.app-field-control>i{flex:0 0 40px;text-align:center;color:var(--field-icon);font-size:20px}
.app-site .app-field-control :is(input,textarea){box-sizing:border-box;flex:1;min-width:0;width:100%;height:50px;margin:0;padding:0 12px;border:0;border-radius:var(--field-radius);outline:none;background:transparent;color:var(--field-ink);font-family:inherit;font-size:12px;font-weight:700;box-shadow:none}
.app-field-control>i+input,.app-field-control>i+textarea{padding-inline-start:0}
.app-site .app-field-control textarea{height:auto;min-height:100px;padding-block:12px;resize:vertical;line-height:1.8}
.app-field-control:focus-within{border-color:var(--field-accent);box-shadow:0 0 0 4px var(--field-ring)}
.app-field-hint{display:block;margin-top:6px;color:var(--field-muted);font-size:11px}.app-field.has-error .app-field-control{border-color:var(--field-error)}.app-field.has-error .app-field-hint{color:var(--field-error)}
.app-field-control:has(:disabled),.app-select-control:has(select:disabled){background:#f4f6f5;opacity:.65}.app-field-control :disabled{cursor:not-allowed}.app-field-control:has([readonly]){background:#f4f6f5}
/* Existing site forms share colors, typography and focus without changing their layout. */
.app-site :is(input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],input[type=date],input[type=url],textarea,select){font-family:inherit;color:var(--field-ink);border-color:var(--field-border);border-radius:var(--field-radius);accent-color:var(--field-accent)}
.app-site :is(input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],input[type=date],input[type=url],textarea,select):focus{outline:none;border-color:var(--field-accent);box-shadow:0 0 0 3px var(--field-ring)}
.app-site :is(.app-field-control,.app-select-search,.profile-phone-number) :is(input,textarea):focus{outline:none;box-shadow:none}
.app-site .app-select-trigger:focus-visible{outline:2px solid var(--field-accent);outline-offset:2px}
.app-site .profile-phone-number:focus-within,.app-site .profile-phone-code:focus-within{border-color:var(--field-accent)!important;box-shadow:0 0 0 4px var(--field-ring)!important}
@media(max-width:600px){.app-location-fields{grid-template-columns:1fr}}
.shared-flash{display:flex;align-items:flex-start;gap:12px;margin:18px 24px 0;padding:14px 16px;border:1px solid;border-radius:16px}.shared-flash>.material-symbols-rounded{flex:0 0 auto;margin-top:1px;font-size:22px}.shared-flash strong{display:block;font-size:12px;font-weight:900}.shared-flash p{margin:3px 0 0;font-size:11px;font-weight:600;line-height:1.8}.shared-flash-success{border-color:#b8e2cf;background:#effaf4;color:#147a4d}.shared-flash-error{border-color:#f3c4c4;background:#fff4f4;color:#a93636}@media(max-width:600px){.shared-flash{margin-inline:16px}}