body.personal-mode #profilePage .profile-settings-viewport:has(#profileTabPrivacyPanel.is-active){height:294px;min-height:294px;max-height:294px}
body.personal-mode #profilePage #profileTabPrivacyPanel{height:100%;min-height:0;padding:16px 22px 14px;overflow-y:hidden}
body.personal-mode #profilePage .profile-privacy-shell{--profile-privacy-choice-accent:#22c55e;display:flex;min-height:100%;flex-direction:column;color:var(--text)}
body.personal-mode #profilePage .profile-privacy-shell,
body.personal-mode #profilePage .profile-privacy-shell *{box-sizing:border-box}
body.personal-mode #profilePage .profile-privacy-shell{position:relative}
body.personal-mode #profilePage .profile-privacy-actions{position:absolute;z-index:3;top:0;right:0}
body.personal-mode #profilePage .profile-privacy-actions #profilePrivacyInlineActions[hidden]{display:none!important}
body.personal-mode #profilePage .profile-privacy-shell:not(.is-editing) .profile-privacy-mode-card,
body.personal-mode #profilePage .profile-privacy-shell:not(.is-editing) .profile-privacy-radio{cursor:default}
body.personal-mode #profilePage .profile-privacy-mode-grid{display:grid;grid-template-columns:repeat(3,max-content);justify-content:start;gap:8px}
body.personal-mode #profilePage .profile-privacy-mode-card{position:relative;display:grid;grid-template-columns:22px auto;align-items:center;gap:6px;min-width:94px;min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer;transition:border-color .16s ease,background .16s ease}
body.personal-mode #profilePage .profile-privacy-mode-card:hover{border-color:color-mix(in srgb,var(--atsrs-field-accent,var(--accent)) 54%,var(--line));background:color-mix(in srgb,var(--atsrs-field-accent,var(--accent)) 3%,var(--surface))}
html[data-theme="dark"] body.personal-mode #profilePage .profile-privacy-mode-card:hover:not(:focus-within){border-color:var(--line) var(--atsrs-control-hover-border,#4b5d52);background:var(--surface)}
body.personal-mode #profilePage .profile-privacy-mode-card:focus-within{border-color:var(--atsrs-field-focus-block-line,var(--atsrs-field-accent,var(--accent))) var(--atsrs-field-focus-inline-line,var(--atsrs-field-accent,var(--accent)));background:color-mix(in srgb,var(--atsrs-field-accent,var(--accent)) 5%,var(--surface));box-shadow:var(--atsrs-field-focus-shadow,0 0 0 3px color-mix(in srgb,var(--atsrs-field-accent,var(--accent)) 14%,transparent))}
body.personal-mode #profilePage .profile-privacy-mode-card > input{position:absolute;opacity:0;pointer-events:none}
body.personal-mode #profilePage .profile-privacy-mode-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:var(--surface-2);color:var(--text)}
body.personal-mode #profilePage .profile-privacy-mode-icon i{font-size:15px}
body.personal-mode #profilePage .profile-privacy-mode-card strong{display:block;margin:0;font-size:12px;color:var(--text)}
body.personal-mode #profilePage .profile-privacy-mode-card:focus-within strong{color:var(--atsrs-field-accent,var(--accent))}
body.personal-mode #profilePage .profile-privacy-mode-card.is-selected{border-color:var(--profile-privacy-choice-accent);background:color-mix(in srgb,var(--profile-privacy-choice-accent) 9%,var(--surface))}
body.personal-mode #profilePage .profile-privacy-mode-card.is-selected strong{color:var(--profile-privacy-choice-accent)}
body.personal-mode #profilePage .profile-privacy-mode-card small{display:none}
body.personal-mode #profilePage .profile-privacy-information{padding-top:0}
body.personal-mode #profilePage .profile-privacy-matrix{margin-top:0}
body.personal-mode #profilePage .profile-privacy-matrix-head,
body.personal-mode #profilePage .profile-privacy-matrix-row{display:grid;grid-template-columns:minmax(320px,1fr) repeat(3,minmax(124px,.42fr));align-items:center}
body.personal-mode #profilePage .profile-privacy-matrix-head{min-height:44px;color:var(--muted);font-size:10px;text-align:center}
body.personal-mode #profilePage .profile-privacy-matrix-head strong{display:grid;color:var(--muted);font-size:11px;line-height:1.2}
body.personal-mode #profilePage .profile-privacy-matrix-head small{font-size:9px;font-weight:500}
body.personal-mode #profilePage .profile-privacy-matrix-row{min-height:36px;border-top:1px solid var(--line)}
body.personal-mode #profilePage .profile-privacy-field-copy{display:flex;align-items:center;gap:12px;padding:4px 8px}
body.personal-mode #profilePage .profile-privacy-field-copy > i{width:24px;color:var(--muted);font-size:20px;text-align:center}
body.personal-mode #profilePage .profile-privacy-field-copy strong{display:block;color:var(--text);font-size:12px;line-height:1.15}
body.personal-mode #profilePage .profile-privacy-field-copy small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.15}
body.personal-mode #profilePage .profile-privacy-radio{display:grid;height:38px;place-items:center;cursor:pointer}
body.personal-mode #profilePage .profile-privacy-radio input{width:18px;height:18px;margin:0;accent-color:var(--profile-privacy-choice-accent);cursor:pointer}
body.personal-mode #profilePage .profile-privacy-radio input:focus-visible{outline:2px solid var(--atsrs-field-accent,var(--accent));outline-offset:3px;box-shadow:0 0 0 3px var(--atsrs-field-accent-ring,transparent)}
body.personal-mode #profilePage #profilePrivacyRows.is-locked{pointer-events:none}
html[data-theme="light"] body.personal-mode #profilePage .profile-privacy-shell{--profile-privacy-choice-accent:#2f6fed}
html[data-theme="light"] body.personal-mode #profilePage .profile-privacy-mode-card{background:#fff}
html[data-theme] body.personal-mode #profilePage .profile-privacy-mode-card.is-selected,
html[data-theme] body.personal-mode #profilePage .profile-privacy-mode-card.is-selected:hover{border-color:var(--atsrs-field-focus-block-line) var(--atsrs-field-focus-inline-line)!important;background:var(--surface-2)!important;box-shadow:var(--atsrs-field-focus-shadow)!important}
html[data-theme] body.personal-mode #profilePage .profile-privacy-mode-card.is-selected :is(strong,.profile-privacy-mode-icon){color:var(--atsrs-field-accent)!important}
html[data-theme="light"] body.personal-mode #profilePage .profile-privacy-mode-icon{background:#f4f7fb}
@media(max-width:980px){
  body.personal-mode #profilePage .profile-settings-viewport:has(#profileTabPrivacyPanel.is-active){height:auto;min-height:0;max-height:none}
  body.personal-mode #profilePage #profileTabPrivacyPanel{height:auto;overflow-y:visible}
  body.personal-mode #profilePage .profile-privacy-mode-grid{grid-template-columns:repeat(3,max-content);gap:8px}
  body.personal-mode #profilePage .profile-privacy-mode-card{grid-template-columns:22px auto;gap:6px;padding:4px 8px}
  body.personal-mode #profilePage .profile-privacy-mode-icon{width:22px;height:22px}
  body.personal-mode #profilePage .profile-privacy-matrix-head,
  body.personal-mode #profilePage .profile-privacy-matrix-row{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(92px,.38fr))}
}
@media(max-width:620px){
  body.personal-mode #profilePage .profile-settings-viewport:has(#profileTabPrivacyPanel.is-active){height:auto;min-height:0;max-height:none}
  body.personal-mode #profilePage #profileTabPrivacyPanel{height:auto;padding:14px;overflow-y:visible}
  body.personal-mode #profilePage .profile-privacy-mode-grid{grid-template-columns:repeat(3,max-content)}
  body.personal-mode #profilePage .profile-privacy-mode-card{min-height:34px}
  body.personal-mode #profilePage .profile-privacy-matrix{overflow-x:auto}
  body.personal-mode #profilePage .profile-privacy-matrix-head,
  body.personal-mode #profilePage .profile-privacy-matrix-row{min-width:690px;grid-template-columns:330px repeat(3,120px)}
}