/* Nygui V30.4 — airy controls, consistent post metadata and compact profiles.
   This stylesheet is additive and leaves user-added stickers and wallpapers intact. */

/* Make action groups recognisable as distinct controls, including narrow cards. */
.cc-community-note .button-row,
.nyugi-profile-hero > .button-row,
.cc-visitor-actions,
.cc-feed-post > .button-row,
.nyugi-profile-hero .cc-music .button-row {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:16px 18px!important;
  margin-top:18px;
}
.cc-community-note .button-row > button,
.nyugi-profile-hero > .button-row > button,
.cc-feed-post > .button-row > button {
  min-height:46px;
  padding:12px 17px;
  border-radius:12px;
  line-height:1.35;
  white-space:normal;
}
.cc-community-note .button-row{margin-top:22px;}
.cc-community-note .button-row>button{flex:1 1 160px;max-width:100%;}

/* Feed and profile: controls flow in clean cells instead of a packed row of tiny pills. */
.cc-feed-post > .button-row {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:14px!important;
  row-gap:14px!important;
  padding-top:17px;
}
.cc-feed-post > .button-row > button{min-width:0;min-height:47px!important;max-width:100%;width:100%;padding:10px 9px!important;overflow-wrap:anywhere;}
.cc-feed-post > .button-row > .helper{grid-column:1/-1;text-align:right;margin-top:0;}
.cc-feed-post > .flex-between:first-child{gap:10px 16px;align-items:start;flex-wrap:wrap;margin-bottom:12px;}
.cc-feed-post > .flex-between:first-child > .helper{white-space:normal;overflow-wrap:normal;line-height:1.4;font-size:.8rem;}
.cc-reshare-source-head{gap:9px 13px;}
.cc-reshare-source-head > .helper{font-size:.8rem;}

/* Make the public profile a readable introduction, not a huge empty rectangle.
   Do not reposition decor-layer objects: people deliberately placed them. */
.nyugi-profile-hero .v27-profile-card{min-height:0!important;padding-bottom:22px!important;}
.nyugi-profile-hero .cc-person{gap:15px;align-items:center;min-height:76px;margin:6px 0 17px;}
.nyugi-profile-hero .cc-public-card > p{max-width:min(100%,720px);margin:9px 0;line-height:1.55;}
.nyugi-profile-hero .cc-public-card .cc-stats{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
.nyugi-profile-hero .cc-public-card .nyugi-profile-stickers{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block:12px;}
.nyugi-profile-hero .cc-public-card .cc-banner{height:108px;}
.nyugi-profile-hero .button-row{padding-top:10px;}
.nyugi-profile-layout{gap:24px;}
.nyugi-full-profile-toolbar{gap:18px;min-height:62px;}

/* Finishing screens: one intentional vertical action stack across viewport sizes. */
.ng-stage .ng-done .ng-actions,
.ng-stage .ng-done .ng-actions.pp-centre {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:min(100%,360px)!important;
  max-width:360px!important;
  gap:20px!important;
  margin:36px auto 18px!important;
  padding:0 8px!important;
  justify-items:stretch!important;
}
.ng-stage .ng-done .ng-actions > button {
  display:flex!important;align-items:center;justify-content:center;
  min-width:0!important;width:100%!important;min-height:54px!important;
  margin:0!important;padding:14px 18px!important;white-space:normal!important;
  line-height:1.4;
}
.ng-stage .ng-done .ng-actions > button + button{margin-top:0!important;}

@media(max-width:760px){
 .cc-feed-post > .button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;}
 .nyugi-full-profile-toolbar{flex-wrap:wrap;gap:12px;}
 .nyugi-profile-hero .cc-public-card .cc-banner{height:90px;}
 .nyugi-profile-hero .v27-profile-card{padding-bottom:20px!important;}
 .cc-community-note .button-row{display:grid;grid-template-columns:minmax(0,1fr);gap:14px!important;}
 .cc-community-note .button-row>button{width:100%;max-width:100%;}
}
@media(max-width:410px){
 .cc-feed-post > .button-row{gap:12px!important;}
 .cc-feed-post > .button-row > button{font-size:.77rem!important;padding:10px 6px!important;}
 .nyugi-profile-hero .cc-person{align-items:start;}
}