/* QA59 identity-only sidecar. Load after QA58 flags/profile/refinements.
   No footer, call layout, transport, account or permission overrides. */

/* All flags in each menu have the same painted width. The 4.5px extra height
   retains the taller supplied Farsi/Esperanto drawings, never cropped/squashed.
   The fixed top HUD keeps its existing 28/24px slot and timer/bar geometry. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-round-language-info #round-flag{
 --qa59-flag-width:35.368421px;--qa59-flag-height:28px;
}
@media(max-width:480px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-round-language-info #round-flag{--qa59-flag-width:30.315789px;--qa59-flag-height:24px}
}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-person-meta>.cm-flags{height:32.5px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-flags>.cm-language-info{height:28.5px!important}

/* Supplied Notification Bell art; compensate transparent padding, centre its
   painted bounds, and reinforce its existing contour rather than redrawing it.
   Both states paint 22.5px high inside the unchanged 40px glyph/hit target. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #notifications-toggle[data-sketch-pop-icon="notification"]>svg.sketch-pop-glyph{
 background-size:115.2%!important;background-position:61.842105% 78.125%!important;
 filter:none!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #notifications-toggle[data-sketch-pop-icon="notification-unread"]>svg.sketch-pop-glyph{
 background-size:103.597122%!important;background-position:44.375% 89.375%!important;
 filter:none!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar #notifications-toggle{padding:2px!important;align-self:center}

/* Feedback belongs to the label AND supplied icon, never a moving row/dialog.
   The same feedback is available by keyboard; disabled controls stay inert. */
@layer camlangs-profile-controls{
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-profile-settings-hub .cl-profile-settings-entry{
  background:transparent!important;color:#17171c!important;text-decoration:none!important;
 }
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-profile-settings-entry :is(.cl-profile-settings-entry-icon,.cl-profile-settings-entry-label){
  scale:1!important;transition:scale .15s ease!important;text-decoration:none!important;
 }
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-profile-settings-entry-label{transform-origin:left center}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-profile-settings-entry-label:dir(rtl){transform-origin:right center}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-profile-settings-entry:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible) :is(.cl-profile-settings-entry-icon,.cl-profile-settings-entry-label){
  scale:var(--qa61-settings-feedback,1.14)!important;
 }
 @media(prefers-reduced-motion:reduce){
  html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile]{--qa61-settings-feedback:1}
  html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-profile-settings-entry :is(.cl-profile-settings-entry-icon,.cl-profile-settings-entry-label){scale:1!important;transition:none!important}
 }
}
/* Equal feedback for the native buttons and the central privacy link. The
   earliest important layer also wins the old profile no-scale override. */
@layer camlangs-profile-controls{
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-settings-privacy-menu>:is(button,a){
  border:0!important;background:transparent!important;box-shadow:none!important;
  scale:1!important;transform-origin:left center;transition:scale .15s ease!important;
 }
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-settings-privacy-menu>:is(button,a):dir(rtl){transform-origin:right center}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-settings-privacy-menu>:is(button,a):not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible){scale:var(--qa61-privacy-feedback,1.06)!important}
 @media(prefers-reduced-motion:reduce){
  html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile]{--qa61-privacy-feedback:1}
  html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-settings-privacy-menu>:is(button,a){scale:1!important;transition:none!important}
 }
}
/* Each subview supplies the perimeter; nested content panels are unboxed. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile] .cl-profile-settings-subview :is(.cl-device-settings,.cl-profile-location,.cl-profile-gender-selector,.cl-profile-solo,.cl-interface-language){
 border:none!important;box-shadow:none!important;
}

/* Existing renderLanguages() owns .active. Focus/hover must not be the only
   indication of the current Learn/Teach tab; never infer state from the label. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #language-dialog .cl-language-tabs>:is(#target-spoken,#target-practice).active{
 background:transparent var(--sketch-tab-brush) center/100% 100% no-repeat!important;color:#17171c!important;border-color:transparent!important;
 box-shadow:none!important;
}

/* Darwin wires the existing supplied two-person/lightning glyph to this control.
   Keep the original moderation action and a stable touch target. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-friend-remove{
 box-sizing:border-box;width:48px;min-width:48px;height:44px;min-height:44px;padding:1px;display:grid;place-items:center;flex-shrink:0;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-friend-remove>[data-sketch-chat-art="unfriend"]{
 width:42px!important;height:24px!important;min-width:42px!important;min-height:24px!important;max-width:42px!important;max-height:24px!important;
 flex:0 0 42px;object-fit:contain;background-size:contain!important;background-position:center!important;
}