/* Iconografia "Tratto d'autore". Colore sempre associato a forma ed etichetta. */
html[data-nofira-theme="light"] #nofira-app .nf-ink-blue { --nf-ink-tone:#315a86; --nf-ink-wash:#e2edf7; }
html[data-nofira-theme="light"] #nofira-app .nf-ink-teal { --nf-ink-tone:#187d82; --nf-ink-wash:#ddf0ed; }
html[data-nofira-theme="light"] #nofira-app .nf-ink-amber { --nf-ink-tone:#9b671e; --nf-ink-wash:#f9edcf; }
html[data-nofira-theme="light"] #nofira-app .nf-ink-coral { --nf-ink-tone:#ad5262; --nf-ink-wash:#fae6e8; }
html[data-nofira-theme="light"] #nofira-app .nf-ink-violet { --nf-ink-tone:#7656a8; --nf-ink-wash:#eee7f8; }
html[data-nofira-theme="dark"] #nofira-app .nf-ink-blue { --nf-ink-tone:#92bce8; --nf-ink-wash:#25415d; }
html[data-nofira-theme="dark"] #nofira-app .nf-ink-teal { --nf-ink-tone:#69d1c8; --nf-ink-wash:#214e51; }
html[data-nofira-theme="dark"] #nofira-app .nf-ink-amber { --nf-ink-tone:#edc473; --nf-ink-wash:#51412b; }
html[data-nofira-theme="dark"] #nofira-app .nf-ink-coral { --nf-ink-tone:#f49daa; --nf-ink-wash:#543742; }
html[data-nofira-theme="dark"] #nofira-app .nf-ink-violet { --nf-ink-tone:#c2a5f2; --nf-ink-wash:#44395b; }

.nofira-community-page #nofira-app.nofira-app-root .nf-ink-icon {
  position:relative; display:inline-grid; flex:0 0 28px; width:28px; height:28px;
  place-items:center; color:var(--nf-ink-tone); line-height:1;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-ink-icon svg {
  display:block; width:20px; height:20px; overflow:visible;
  stroke:currentColor; fill:none; pointer-events:none;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-ink-icon::after {
  content:""; position:absolute; left:3px; right:3px; bottom:1px; height:2px;
  border-radius:99px; background:currentColor; opacity:.58; transform:rotate(-7deg);
}
.nofira-community-page #nofira-app.nofira-app-root .nf-nav button {
  display:flex; align-items:center; gap:8px; padding-left:10px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-nav button > .nf-ink-icon,
.nofira-community-page #nofira-app.nofira-app-root .nf-nav button > .nf-nav-label {
  display:inline-grid;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-nav button.active { padding-left:10px; }
.nofira-community-page #nofira-app.nofira-app-root .nf-profile-nav button { grid-template-columns:28px minmax(0,1fr) auto; }
.nofira-community-page #nofira-app.nofira-app-root .nf-profile-nav-icon { font-size:inherit; }
.nofira-community-page #nofira-app.nofira-app-root .nf-mobile-nav button > .nf-ink-icon { display:inline-grid; }
.nofira-community-page #nofira-app.nofira-app-root .nf-mobile-top-action .nf-ink-icon,
.nofira-community-page #nofira-app.nofira-app-root .nf-top-profile > .nf-ink-icon { display:inline-grid; vertical-align:middle; }

.nofira-community-page #nofira-app.nofira-app-root .nf-actions-row { gap:12px; }
.nofira-community-page #nofira-app.nofira-app-root .nf-actions-row button.nf-action:not(.nf-react) {
  display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  min-width:68px; min-height:58px; padding:4px 3px; line-height:1.1;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-actions-row button.nf-action:not(.nf-react) .nf-ink-icon {
  flex-basis:36px; width:36px; height:36px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-actions-row button.nf-action:not(.nf-react) .nf-ink-icon svg {
  width:21px; height:21px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-action-label { font-size:11px; font-weight:650; white-space:nowrap; }
.nofira-community-page #nofira-app.nofira-app-root .nf-action-count { margin-left:2px; color:var(--nf-muted); font-variant-numeric:tabular-nums; }
.nofira-community-page #nofira-app.nofira-app-root .nf-save-new[hidden] { display:none!important; }
.nofira-community-page #nofira-app.nofira-app-root .nf-profile-photo-actions-menu .nf-ink-icon {
  flex-basis:22px; width:22px; height:22px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-profile-photo-actions-menu .nf-ink-icon svg {
  width:17px; height:17px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-home-notice-icon .nf-ink-icon::after,
.nofira-community-page #nofira-app.nofira-app-root .nf-notif-icon .nf-ink-icon::after { display:none; }
.nofira-community-page #nofira-app.nofira-app-root button.nf-react {
  display:inline-flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; min-width:68px; min-height:58px; padding:4px 3px;
  border:0; border-radius:8px; background:transparent; color:var(--nf-text);
  line-height:1.1;
}
.nofira-community-page #nofira-app.nofira-app-root button.nf-react:hover,
.nofira-community-page #nofira-app.nofira-app-root button.nf-react.active { background:transparent; color:var(--nf-text); }
.nofira-community-page #nofira-app.nofira-app-root .nf-ink-reaction-icon {
  flex:0 0 36px; width:36px; height:36px; border-radius:50%;
  background:var(--nf-ink-wash); transform:rotate(-6deg);
}
.nofira-community-page #nofira-app.nofira-app-root .nf-ink-reaction-icon::after { display:none; }
.nofira-community-page #nofira-app.nofira-app-root .nf-ink-reaction-icon svg { width:21px; height:21px; }
.nofira-community-page #nofira-app.nofira-app-root button.nf-react.active .nf-ink-reaction-icon {
  outline:2px solid var(--nf-ink-tone); outline-offset:2px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-react-label { font-size:11px; font-weight:650; white-space:nowrap; }
.nofira-community-page #nofira-app.nofira-app-root .nf-react-count { margin-left:2px; color:var(--nf-muted); font-variant-numeric:tabular-nums; }

@media (max-width:720px) {
  .nofira-community-page #nofira-app.nofira-app-root .nf-actions-row { gap:5px; }
  .nofira-community-page #nofira-app.nofira-app-root .nf-mobile-nav .nf-ink-icon { width:28px; height:28px; }
}
@media (max-width:560px) {
  .nofira-community-page #nofira-app.nofira-app-root .nf-actions-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px 4px; }
  .nofira-community-page #nofira-app.nofira-app-root button.nf-react,
  .nofira-community-page #nofira-app.nofira-app-root .nf-actions-row button.nf-utility-action { width:100%; min-width:0; min-height:58px; padding:4px 1px; }
  .nofira-community-page #nofira-app.nofira-app-root .nf-react-label,
  .nofira-community-page #nofira-app.nofira-app-root .nf-action-label { font-size:11px; }
}

/* Le azioni della singola foto restano nello stesso punto in ogni apertura. */
.nofira-community-page #nofira-app.nofira-app-root .nf-photo-modal .nf-photo-interactions {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px 4px;
  margin:14px 0; padding:12px 0; border-top:1px solid var(--nf-line);
}
.nofira-community-page #nofira-app.nofira-app-root .nf-photo-interactions button.nf-action {
  width:100%; min-width:0; min-height:58px; padding:4px 1px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-photo-interactions button.nf-action:disabled {
  opacity:.48; cursor:not-allowed; background:transparent;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-photo-action-hint {
  margin:-5px 0 12px; color:var(--nf-muted); font-size:.78rem; line-height:1.35;
}
.nofira-community-page #nofira-app.nofira-app-root dialog.nf-photo-action-dialog {
  width:min(560px,calc(100vw - 24px)); max-height:calc(100dvh - 24px);
  overflow-x:hidden; overflow-y:auto; background:#fff; color:#17212f;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-photo-action-dialog>form {
  box-sizing:border-box; padding:0 22px 22px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-photo-action-dialog .nf-dialog-head {
  margin:0 -22px 18px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-photo-action-dialog .nf-check-row {
  display:flex; flex-direction:row; align-items:center; gap:10px;
}
.nofira-community-page #nofira-app.nofira-app-root .nf-photo-action-dialog .nf-check-row input[type="checkbox"] {
  flex:0 0 18px; width:18px; height:18px; margin:0; accent-color:var(--nf-blue);
}
html[data-nofira-theme="dark"] .nofira-community-page #nofira-app.nofira-app-root dialog.nf-photo-action-dialog {
  background:#171d24; color:#e8edf2;
}
html[data-nofira-theme="dark"] .nofira-community-page #nofira-app.nofira-app-root .nf-photo-action-dialog .nf-dialog-head {
  background:#171d24!important; border-color:#2b3540;
}
@media (max-width:720px) {
  .nofira-community-page #nofira-app.nofira-app-root dialog.nf-photo-action-dialog {
    width:calc(100vw - 12px); max-height:calc(100dvh - 12px);
    margin:auto auto 0; border-radius:16px 16px 0 0;
  }
}