.trinity-email-input{display:flex;gap:var(--spacing-md,8px);align-items:center;width:100%}.trinity-email-input__local{flex:1}.trinity-email-input__separator{font-size:var(--font-size-lg,18px);color:var(--text-secondary,#6b7280);font-weight:var(--font-weight-medium,500);flex-shrink:0}.trinity-email-input__domain-wrapper{position:relative;flex:1;min-width:150px}.trinity-email-input__domain-input{width:100%}.trinity-email-input__domain-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary,#fff);border:1px solid var(--bg-secondary,#e5e7eb);border-radius:var(--border-radius-md,8px);box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;max-height:200px;overflow-y:auto;margin-top:var(--spacing-xs,4px)}.trinity-email-input__domain-option{width:100%;padding:var(--spacing-md,12px) var(--spacing-lg,16px);text-align:left;background-color:transparent;border:none;cursor:pointer;font-size:var(--font-size-md,16px);color:var(--text-primary,#1f2937);transition:background-color var(--transition-normal,.2s)}.trinity-email-input__domain-option:hover{background-color:var(--bg-secondary,#f3f4f6)}.trinity-email-input__domain-option--selected,.trinity-email-input__domain-option--selected:hover{background-color:var(--color-primary-light,rgba(0,122,255,.1))}.trinity-email-input__domain-empty{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary,#fff);border:1px solid var(--bg-secondary,#e5e7eb);border-radius:var(--border-radius-md,8px);box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;padding:var(--spacing-md,12px) var(--spacing-lg,16px);margin-top:var(--spacing-xs,4px);color:var(--text-secondary,#6b7280);font-size:var(--font-size-sm,14px)}.trinity-email-input__custom-domain-wrapper{margin-top:var(--spacing-md,8px);width:100%}.trinity-email-input__custom-domain-input{width:100%}.trinity-email-input__custom-domain-hint{display:block;margin-top:var(--spacing-xs,4px);font-size:var(--font-size-sm,14px);color:var(--text-secondary,#6b7280)}@media (max-width:768px){.trinity-email-input{flex-direction:column;align-items:stretch;gap:var(--spacing-sm,4px)}.trinity-email-input__separator{display:none}.trinity-email-input__domain-wrapper{min-width:100%}}