/* Account-only portrait treatment; member cards retain their existing shape. */
.en-profile-hero .en-avatar { border-radius: 50%; }
.en-avatar-status { min-height: 1.6em; margin: 0; font-size: 11px; line-height: 1.7; }
.en-avatar-status[data-state="processing"] { color: var(--blue-700); }
.en-avatar-status[data-state="error"], .en-legacy-pages { color: var(--en-warning); }
.en-company-invitation { display: grid; width: 100%; gap: 9px; padding-top: 12px; border-top: 1px solid var(--en-line); }
.en-company-invitation .en-field { gap: 5px; }
.en-invite-plaintext { font-family: ui-monospace, monospace; font-size: 11px; min-width: 0; }
.en-invite-code code { user-select: all; overflow-wrap: anywhere; }
.en-order-fields-table { min-width: 1160px; }
.en-order-fields-table th { white-space: nowrap; }
.en-field-value { min-height: 38px; min-width: 58px; max-width: 190px; padding: 8px 10px; border: 1px solid transparent; border-radius: 10px; color: var(--blue-700); background: var(--surface-primary); font: inherit; font-weight: 680; text-align: left; overflow-wrap: anywhere; cursor: pointer; transition: background 180ms ease, border-color 180ms ease, transform 180ms var(--spring); }
.en-field-value:hover { border-color: var(--en-line); background: var(--surface-control); transform: translateY(-1px); }
.en-field-value:focus-visible { outline: 2px solid var(--blue-500); outline-offset: 2px; }
.en-field-readonly { display: inline-block; min-width: 58px; padding: 8px 10px; }
.en-legacy-pages { font-size: 10px; line-height: 1.7; }
.en-member-search { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; }
.en-member-search[hidden] { display: none; }
.en-member-search input { min-width: 0; flex: 1; }
#memberOrderSearchButton svg { width: 19px; height: 19px; }
#memberOrderPeriod { position: relative; isolation: isolate; }
#memberOrderPeriod button { position: relative; z-index: 1; }
#memberOrderPeriod .liquid-pill { pointer-events: none; position: absolute; top: 4px; bottom: 4px; border-radius: 11px; background: var(--surface-control); border: 1px solid var(--glass-line); box-shadow: 0 3px 10px var(--accent-shadow); z-index: 0; }
#memberOrderPeriod button.active { background: transparent; box-shadow: none; }
@media (max-width: 640px) {
  #managementMemberOrders { padding-inline: 12px; }
  #memberOrderPeriod { width: 100%; }
  #memberOrderPeriod button { flex: 1; min-width: 0; padding-inline: 10px; }
  .en-field-value { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) { .en-field-value { transition: none; } }