/* Shared field treatment. Native files, ranges, colors and toggles keep their semantics. */
:root { --field-line:#dbe2de; --field-focus:#819a88; --field-ink:#34423a; --field-surface:#f8faf8; }
body input:not([type=hidden],[type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit]),
body textarea, body select {
  box-sizing:border-box; min-width:0; max-width:100%;
  border:1px solid var(--field-line)!important; border-radius:12px!important;
  background-color:var(--field-surface)!important; background-image:none;
  color:var(--field-ink)!important; font-family:inherit!important; font-size:13px!important;
  line-height:1.5; padding:10px 13px!important; min-height:42px;
  box-shadow:inset 0 1px 2px #263c2d04!important;
  transition:border-color .16s,box-shadow .16s,background-color .16s;
}
body textarea { resize:vertical; min-height:112px; line-height:1.8; }
body :is(input,textarea)::placeholder { color:#8c9790!important; opacity:1; font-weight:400; }
body :is(input,textarea,select):hover:not(:disabled) { border-color:#bbc9bf!important; }
body :is(input,textarea,select):focus-visible {
  outline:2px solid var(--field-focus)!important; outline-offset:2px;
  border-color:var(--field-focus)!important; background-color:#fff!important;
}
body :is(input,textarea,select):disabled { cursor:not-allowed; opacity:.6; }
body :is(input,textarea)[readonly] { background-color:#eff3f0!important; color:#69796e!important; }
body :is(input,textarea,select):user-invalid,
body :is(input,textarea,select)[aria-invalid=true] { border-color:#bd796a!important; }
body input:is([type=checkbox],[type=radio]) { accent-color:#6c8d76; flex-shrink:0; }
body :is(.search,.home-link-field) {
  box-sizing:border-box; min-height:42px;height:42px; border:1px solid var(--field-line)!important;
  border-radius:12px!important;background:var(--field-surface)!important;box-shadow:inset 0 1px 2px #263c2d04!important;
  padding:0 12px!important;gap:9px;
}
body :is(.search,.home-link-field):focus-within { outline:2px solid var(--field-focus);outline-offset:2px;border-color:var(--field-focus)!important; }
body :is(.search,.home-link-field) input {
  width:100%;height:40px;min-height:0;border:0!important;border-radius:0!important;
  background:transparent!important;padding:0!important;box-shadow:none!important;outline:none!important;
}
body .search>svg,body .home-link-field>svg { flex-shrink:0; }
body .home-link-entry select { height:42px;max-width:130px; }
body .home-link-entry .pill-button { min-height:42px; }
body .today-plan form { align-items:center; }
body .today-plan form input { flex:1; }
body .today-plan form button { width:36px;height:36px;border-radius:11px; }
body .personal-unified .notes-pad textarea {
  min-height:0;resize:none;max-width:calc(100% - 24px);width:calc(100% - 24px);
  margin:12px 12px 4px;padding:12px 14px!important;flex:1;background:#fbfcfa!important;
}
body .reel-jump select { font-size:10px!important;min-height:26px;height:26px;padding:3px 6px!important;border-radius:7px!important;max-width:90px; }
body .sort-control select { padding-right:27px!important; }
body .field-label { gap:8px; }
body .fld { gap:8px; }
body .fld>input,body .fld>select { width:100%; }
body :is(.auth-form,.home-dialog,.api-setting-card) label:has(>input:not([type=checkbox],[type=radio],[type=hidden])),
body :is(.auth-form,.home-dialog,.api-setting-card) label:has(>select,>textarea) { min-width:0; }
@media(max-width:700px) {
  body input:not([type=hidden],[type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit]),body textarea,body select { font-size:16px!important;min-height:44px; }
  body :is(.search,.home-link-field) { min-height:44px;height:44px; }
  body :is(.search,.home-link-field) input { height:42px;min-height:0; }
  body .home-link-entry select { max-width:none;height:44px; }
  body .personal-unified .notes-pad textarea { min-height:0; }
  body .reel-jump select { font-size:12px!important;min-height:28px;height:28px; }
  body .creator-filters>label { min-width:0;max-width:100%; }
  body .creator-filters select { width:100%;max-width:100%; }
}
@media(prefers-reduced-motion:reduce) { body :is(input,textarea,select) { transition:none!important; } }