/* Adattamenti del registro quando è visualizzato dentro il tema WordPress. */
@media (min-width: 901px) {
  #app.registro-wordpress-app .sidebar {
    background: var(--forest, #173d31) !important;
    color: #f9f7ef !important;
  }

  #app.registro-wordpress-app .content {
    background: #f8f7f2;
  }

  .entry-content:has(.registro-wordpress-app),
  .wp-block-post-content:has(.registro-wordpress-app) {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
  }

  #app.registro-wordpress-app {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  #app.registro-wordpress-app .shell {
    min-height: 100vh;
    align-items: start;
  }

  #app.registro-wordpress-app .content {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 24px 32px 32px;
    align-self: start;
  }

  #app.registro-wordpress-app .topbar { margin-bottom: 22px; }
  #app.registro-wordpress-app .cards { margin-bottom: 20px; }
  #app.registro-wordpress-app .grid,
  #app.registro-wordpress-app .admin-grid { align-items: start; }
  #app.registro-wordpress-app .grid > *,
  #app.registro-wordpress-app .admin-grid > * { align-self: start; }
  #app.registro-wordpress-app .list-section { margin-top: 18px; }
}

#app.registro-wordpress-app .quick-section { max-width: none; width: 100%; }
#app.registro-wordpress-app .editable-row { cursor: pointer; }
#app.registro-wordpress-app .editable-row:hover td { background: #f4f8f2 !important; }
#app.registro-wordpress-app .modal-backdrop,
body > .modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 20px !important;
  background: rgba(18, 35, 29, .48) !important;
}
#app.registro-wordpress-app .modal,
body > .modal-backdrop .modal {
  width: min(650px, 100%) !important;
  max-height: 90vh !important;
  overflow: auto !important;
  background: #fffefa !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .25) !important;
}
#app.registro-wordpress-app .modal-head,
body > .modal-backdrop .modal-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  padding: 21px 22px 13px !important;
}
#app.registro-wordpress-app .modal-head h2,
body > .modal-backdrop .modal-head h2 {
  margin: 0 !important;
  font: 700 23px "Playfair Display", Georgia, serif !important;
}
#app.registro-wordpress-app .modal-close,
body > .modal-backdrop .modal-close {
  width: 31px !important;
  height: 31px !important;
  min-height: 31px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #edf1ea !important;
  color: #173d31 !important;
  font-size: 23px !important;
  line-height: 1 !important;
}
#app.registro-wordpress-app .modal .save-row,
body > .modal-backdrop .modal .save-row {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 9px !important;
}
#app.registro-wordpress-app .confirm-body,
body > .modal-backdrop .confirm-body { padding: 4px 22px 22px !important; color: #6f786f !important; line-height: 1.55 !important; }
#app.registro-wordpress-app .danger-button,
body > .modal-backdrop .danger-button { border-radius: 7px !important; background: #d9634c !important; color: #fff !important; padding: 10px 15px !important; font-weight: 700 !important; }
#app.registro-wordpress-app .logo-upload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: #173d31 !important;
  color: #fff !important;
  border-radius: 7px;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
#app.registro-wordpress-app .logo-upload input[type="file"] {
  display: none !important;
}
#app.registro-wordpress-app .logo-preview > input[name="logo"] {
  flex: 0 0 60px;
  width: 60px !important;
  text-align: center;
}
#app.registro-wordpress-app .settings,
#app.registro-wordpress-app .profile-details {
  max-width: none !important;
  width: 100%;
}
#app.registro-wordpress-app .quick-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 5px 22px 22px;
}
#app.registro-wordpress-app .quick-action {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  background: #f4f8f2 !important;
  border: 1px solid #ddebdc !important;
  border-radius: 9px;
  padding: 16px;
  text-align: left;
  color: #173d31 !important;
  font: inherit;
}
#app.registro-wordpress-app .quick-action > span {
  width: 35px;
  height: 35px;
  display: grid;
  flex: 0 0 35px;
  place-items: center;
  border-radius: 8px;
  background: #dceee2;
  font-size: 17px;
}
#app.registro-wordpress-app .quick-action div { flex: 1; }
#app.registro-wordpress-app .quick-action b,
#app.registro-wordpress-app .quick-action small { display: block; }
#app.registro-wordpress-app .quick-action b { font-weight: 700; }
#app.registro-wordpress-app .quick-action small { color: #6f786f; font-size: 12px; margin-top: 3px; }
#app.registro-wordpress-app .quick-action i { font-style: normal; font-size: 18px; }
@media (max-width: 560px) {
  #app.registro-wordpress-app .quick-actions { grid-template-columns: 1fr; }
}

/* Menu compatto per tablet e smartphone. */
#app.registro-wordpress-app .menu-toggle { display: none; }
@media (max-width: 900px) {
  #app.registro-wordpress-app .sidebar { position: relative; height: auto; padding: 15px; }
  #app.registro-wordpress-app .sidebar .brand { width: 100%; padding: 0; }
  #app.registro-wordpress-app .menu-toggle {
    display: block;
    margin-left: auto;
    padding: 7px;
    background: transparent !important;
    border: 0 !important;
  }
  #app.registro-wordpress-app .menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    margin: 4px 0;
    border-radius: 2px;
    background: #dce9dc;
  }
  #app.registro-wordpress-app .sidebar:not(.menu-open) .nav,
  #app.registro-wordpress-app .sidebar:not(.menu-open) .nav-title {
    display: none;
  }
  #app.registro-wordpress-app .sidebar.menu-open { padding-bottom: 18px; }
  #app.registro-wordpress-app .sidebar.menu-open .nav {
    display: grid;
    width: 100%;
    gap: 4px;
    margin-top: 14px;
  }
  #app.registro-wordpress-app .sidebar.menu-open .nav button { width: 100%; }

  #app.registro-wordpress-app { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; }
  #app.registro-wordpress-app .shell { display: grid !important; grid-template-columns: 1fr !important; }
  #app.registro-wordpress-app .content { width: 100% !important; padding: 24px 20px 32px !important; }
  #app.registro-wordpress-app .topbar { display: block !important; margin-bottom: 22px !important; }
  #app.registro-wordpress-app .topbar .date { display: block !important; padding-top: 9px !important; }
  #app.registro-wordpress-app .cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  #app.registro-wordpress-app .grid,
  #app.registro-wordpress-app .admin-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  #app.registro-wordpress-app .section-head { align-items: flex-start !important; gap: 10px !important; }
  #app.registro-wordpress-app .admin-actions { gap: 8px !important; padding: 0 18px 18px !important; }
  #app.registro-wordpress-app .admin-actions .outline { flex: 1 1 190px !important; }
  #app.registro-wordpress-app .list-section { margin-top: 16px !important; }
}
@media (max-width: 560px) {
  #app.registro-wordpress-app .content { padding: 20px 13px 26px !important; }
  #app.registro-wordpress-app .cards { grid-template-columns: 1fr !important; }
  #app.registro-wordpress-app .section-head { display: block !important; padding: 17px 18px 13px !important; }
  #app.registro-wordpress-app .section-head > * + * { margin-top: 8px !important; }
  #app.registro-wordpress-app .admin-actions { display: grid !important; grid-template-columns: 1fr !important; padding: 0 18px 18px !important; }
  #app.registro-wordpress-app .admin-actions .outline { width: 100% !important; }
}