/* Last-mile public interaction overrides that must win the shared experience layer. */

/* Save feedback belongs to the Save action, not to the Share side of the group. */
.save-feedback-pill{
  left:auto;
  right:auto;
  inset-inline-start:0;
  inset-inline-end:auto;
}

/* Admin-only shortcut back into the CMS for the current public page. */
.main-nav .public-admin-edit-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 12px;
  border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);
  border-radius:999px;
  color:var(--ink);
  font-family:Inter,sans-serif;
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
  line-height:1;
}
.main-nav .public-admin-edit-link::after{display:none}
.main-nav .public-admin-edit-link:hover{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--bg);
}
.main-nav .public-admin-edit-link i{font-size:10px}

/* Optical alignment: the back capsule sits in the visual middle of the dress title. */
.dress-history-back{
  position:relative;
  top:5px;
}

/* Let the AI preview consume the entire free vertical space above its actions. */
.visual-tile > div:first-child{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.visual-preview-media{
  flex:1 1 0;
  width:100%;
  height:auto;
  min-height:250px;
  margin:20px 0 0;
}
.visual-tile .visual-action{
  flex:0 0 auto;
  margin-top:18px;
}

@media(max-width:760px){
  .dress-history-back{top:3px}
  .visual-preview-media{
    height:auto;
    min-height:220px;
  }
  .main-nav .public-admin-edit-link{
    flex:0 0 auto;
    min-height:32px;
    padding:0 11px;
  }
}