/* Only the new tab label adapts to the existing 44px subtab height. */
#record-view-switch>button[data-social-tab] .tab-label{font-size:11px;line-height:1.2;white-space:normal}
#record-view-switch>button[data-social-tab] .tab-label>span{display:block}
#social-root>[type=datetime-local]{width:auto;max-width:100%;margin:0 0 12px}
.social-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px;font-variant-numeric:tabular-nums}
#social-root .social-status strong{font-size:12px;white-space:nowrap}
#social-root .social-status button{min-height:44px;padding:6px;font-size:12px;white-space:nowrap}
.social-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.social-columns>section{min-width:0}
#social-root .social-columns h3{font-size:14px;margin:0;line-height:1.4}
.social-heading{display:flex;align-items:center;justify-content:space-between;gap:4px}
.social-heading,.social-columns>section>h3{min-height:44px;margin-bottom:6px}
.social-columns>section>h3{display:flex;align-items:center}
.social-heading button,#sleep .sleep-screenshot{min-width:36px;min-height:44px;padding:4px!important}
.social-heading .tab-label,#sleep .sleep-screenshot .tab-label{display:none}
.social-search{display:flex;align-items:center;gap:3px;margin-bottom:8px}
.social-search input{width:0;flex:1;min-width:0;padding-inline:5px}
.social-search button{flex:none;min-height:44px;padding:4px 3px;font-size:10px;white-space:nowrap}
.social-candidates,.social-selected{max-height:60dvh;overflow-y:auto;overscroll-behavior:contain}
.social-candidate,.social-entry{display:grid;grid-template-columns:minmax(0,1fr) 30px 30px;align-items:center;gap:2px;padding-block:4px;border-bottom:1px solid var(--mh-border)}
.social-candidate>span,.social-entry>span{min-width:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.social-candidate button,.social-entry button,.social-entry select{width:30px;min-width:0;min-height:44px;padding:3px;margin:0;text-align:center;font-size:14px}
.social-selected .sleep-note{font-size:12px}
[data-source="candy-social"]{color:#608896}
#record-view-switch>button[data-social-tab]{padding-inline:2px!important}
#social-root .social-search>.text-clear-field{flex:1;width:0;min-width:0}
#social-root .social-search .text-clear-field input{width:100%;padding-right:22px!important}
#social-root .social-search .text-clear-button{width:22px;min-height:44px;padding:0;font-size:14px}
#social-root .social-entry select{appearance:none;-webkit-appearance:none;background-image:none;padding:3px!important;text-align:center;color:var(--mh-text)}
/* Keep each list at a stable viewport-relative height while its content changes. */
.social-columns{height:max(220px,calc(100dvh - 290px - env(safe-area-inset-bottom,0px)));align-items:stretch}
.social-columns>section{display:flex;flex-direction:column;min-height:0}
.social-candidates,.social-selected{flex:1;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
.social-species{display:block;min-width:0;border-radius:4px;padding:1px 3px;color:var(--mh-text)}
.social-species[data-pokemon-type]{background:color-mix(in srgb,var(--pokemon-type-color) 18%,var(--mh-surface))}
.social-entry-names{display:flex;flex-direction:column;min-width:0;line-height:1.3!important}
.social-entry-names small{font-size:10px;color:var(--mh-muted);padding-inline:3px}