/* Shared responsive and feedback corrections for Fashion and the private studio. */
:root{--blue:#1D59BB;--coral:#F4624E}
.top,.pro-top{min-width:0}.top{overflow:visible!important}
main,.content-layout>*,.section-head>*,dialog>*,.pro-inline>*{min-width:0}
h1,h2,h3,.card-info,.pro-chip,.pro-tabs a{overflow-wrap:anywhere}
button,.button,.professional button,.professional a.button{min-height:44px}
.card .save{min-width:44px;min-height:44px}
#notice[role=alert],#pro-status[role=alert],#dialog-notice[role=alert],#pro-notice[role=alert]{padding:12px;border:1px solid #d98d87;background:#fff4f3;color:#8d231b;border-radius:10px;overflow-wrap:anywhere}
dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px)}
dialog>header{position:sticky;top:-24px;background:#fff;z-index:2;padding-block:8px}
:focus-visible{outline-color:#1D59BB}
@media(max-width:390px){.right{grid-template-columns:1fr}.pro-top{flex-wrap:wrap;height:auto;min-height:65px}.pro-top .brand{min-width:0}.top{column-gap:2px}.top>button{padding:8px}.hero .actions{flex-wrap:wrap}}
@media(max-height:600px){#sidebar{padding-top:8px}dialog{max-height:calc(100dvh - 16px)}.hero{min-height:280px}}