/* CATNARA signup salon-visit history; inherit all PC/PWA/seasonal theme colors. */
#signupForm .signup-salon-visit{border:1px solid var(--border,#d9d5d0);border-radius:13px;padding:14px 16px;min-width:0;margin:0}
#signupForm .signup-salon-visit legend{font-weight:750;padding:0 4px;max-width:100%;line-height:1.5}
#signupForm .signup-salon-visit-choices{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:8px}
#signupForm .signup-salon-visit-choices label,#signupForm .signup-salon-previous-same{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:inherit;line-height:1.5}
#signupForm .signup-salon-visit-choices input,#signupForm .signup-salon-previous-same input{flex:none;width:18px;height:18px;accent-color:var(--accent,#9f7863)}
#signupForm #signupSalonPreviousPhoneWrap{min-width:0;padding:12px 14px;border-radius:12px;background:var(--card-bg,#fff);border:1px solid var(--border,#d9d5d0)}
#signupForm #signupSalonPreviousPhoneWrap[hidden]{display:none!important}
#signupForm #signupSalonPreviousPhoneWrap>p{line-height:1.6;margin:0 0 12px}
#signupForm #signupSalonPreviousPhoneWrap>label{display:block;margin-top:10px;margin-bottom:6px}
#signupForm #signupSalonPreviousPhoneWrap>.signup-salon-previous-same{display:flex;margin:8px 0 14px;font-weight:650}
#signupForm #signupSalonPreviousPhone{width:100%;max-width:100%;box-sizing:border-box}
@media(max-width:520px){#signupForm .signup-salon-visit-choices{flex-direction:row;align-items:center;flex-wrap:wrap;gap:9px 14px}}

/* Keep radio/checkbox controls compact even under generic .field input rules. */
#signupForm .signup-salon-visit-choices label{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
 flex-direction:row!important;gap:7px!important;margin:0!important;
 max-width:100%;min-width:0;line-height:1.5!important;font-size:12px!important;
 white-space:normal!important;overflow-wrap:anywhere;
}
#signupForm .signup-salon-visit-choices input[type="radio"],
#signupForm #signupSalonPreviousPhoneSame{
 appearance:auto!important;-webkit-appearance:radio!important;
 display:inline-block!important;position:static!important;float:none!important;
 box-sizing:border-box!important;flex:0 0 16px!important;
 width:16px!important;min-width:16px!important;max-width:16px!important;
 height:16px!important;min-height:16px!important;max-height:16px!important;
 padding:0!important;margin:0!important;line-height:normal!important;
 border-radius:50%!important;box-shadow:none!important;
 background:transparent!important;accent-color:var(--catapp-native-primary,var(--accent,#9f7863));
 vertical-align:middle!important;
}
#signupForm #signupSalonPreviousPhoneSame{-webkit-appearance:checkbox!important;appearance:auto!important;border-radius:3px!important}
#signupForm .signup-salon-visit{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:11px 12px}
#signupForm .signup-salon-visit legend{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5;font-weight:700;padding:0 3px}
#signupForm .signup-salon-visit-head h2{font-size:20px!important}
#signupForm .signup-salon-visit-head .meta{font-size:12px;line-height:1.5;overflow-wrap:anywhere}

/* Original Apple APP gives *all* inputs 48px height and its labels display:block.
   Override only this salon visit choice, using higher specificity than that rule. */
@media screen and (max-width:820px){
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"]
 body.catnara-app-shell-v2-active #app #signupForm .field .signup-salon-visit-choices input[type="radio"]{
  appearance:auto!important;-webkit-appearance:radio!important;
  display:inline-block!important;float:none!important;position:static!important;
  width:16px!important;max-width:16px!important;min-width:16px!important;
  height:16px!important;max-height:16px!important;min-height:16px!important;
  padding:0!important;margin:0!important;flex:0 0 16px!important;
  border-radius:50%!important;background:transparent!important;
  box-shadow:none!important;line-height:normal!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"]
 body.catnara-app-shell-v2-active #app #signupForm .field .signup-salon-visit-choices label{
  display:inline-flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:7px!important;margin:0!important;
  font-size:12px!important;line-height:1.5!important;
  white-space:normal!important;overflow-wrap:anywhere;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"]
 body.catnara-app-shell-v2-active #app #signupForm .signup-salon-visit-head h2{
  font-size:16px!important;line-height:1.4!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"]
 body.catnara-app-shell-v2-active #app #signupForm .signup-salon-visit-head .meta{
  font-size:11px!important;line-height:1.5!important;
 }
}