/* V11 — cache-safe responsive fixes and editable media/profile components */
.auth-main{width:min(1540px,100%)}
.auth-panel,.registration-shell{width:100%}
.auth-panel--login{grid-template-columns:minmax(0,1.05fr) minmax(400px,.75fr)}
.registration-card{min-width:0}
.registration-form fieldset{min-width:0}
.registration-form .field,.auth-form .field{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}
.registration-form .field>span,.auth-form .field>span{display:block!important;position:static!important;width:auto!important}
.registration-form input,.registration-form textarea,.registration-form select,.auth-form input{max-width:100%!important}
.registration-form .input-with-icon,.auth-form .input-with-icon{width:100%;min-width:0}
.auth-form-card{min-width:0}
.auth-form-heading{align-items:flex-start}

.sidebar-avatar,.topbar-avatar{overflow:hidden;padding:0!important;background:#fff!important}
.sidebar-avatar img,.topbar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.topbar-user{text-decoration:none}

.profile-editor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start}
.profile-photo-wrap{display:grid;gap:12px;justify-items:center;text-align:center}
.profile-photo{width:180px;height:180px;overflow:hidden;display:grid;place-items:center;border:6px solid #fff;border-radius:34px;background:linear-gradient(135deg,#eadcec,#dcf2e4);box-shadow:0 18px 45px rgba(50,20,55,.14);color:var(--bo-purple);font-size:3.3rem;font-weight:1000}
.profile-photo img{width:100%;height:100%;object-fit:cover}
.profile-upload-button{position:relative;overflow:hidden}
.profile-upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}
.profile-photo-wrap>small{color:var(--bo-muted);line-height:1.5}
.profile-fields{min-width:0}

.media-editor-grid{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:24px;align-items:start}
.media-editor-fields{display:grid;gap:16px}
.admin-image-preview{min-height:280px;overflow:hidden;display:grid;place-items:center;border:1px dashed #cfbfd2;border-radius:22px;background:linear-gradient(145deg,#fbf8fb,#eef8f2);color:var(--bo-muted);text-align:center;padding:14px}
.admin-image-preview img{width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:16px}
.admin-image-preview--wide{min-height:180px}
.danger-check{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #f1caca;border-radius:13px;background:#fff5f5;color:#8d2626;font-weight:750}
.danger-check input{margin-top:3px;accent-color:#b83232}
.category-admin-cell{display:flex;align-items:center;gap:12px;min-width:240px}
.category-admin-cell img{flex:0 0 56px;width:56px;height:56px;object-fit:cover;border-radius:14px;border:1px solid var(--bo-line);background:#f6f2f7}
.category-admin-cell strong,.category-admin-cell small{display:block}
.category-admin-cell small{margin-top:4px;color:var(--bo-muted);max-width:340px}

.editor-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}
.editor-column{display:grid;gap:20px}
.live-popup-preview{position:sticky;top:92px;min-height:520px;overflow:hidden;padding:34px 27px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:30px;color:#fff;background:linear-gradient(145deg,var(--preview-from,#75156d),var(--preview-to,#13894f));box-shadow:0 24px 70px rgba(43,13,49,.18)}
.live-popup-preview:before{content:"";position:absolute;inset:0;opacity:.13;background-image:radial-gradient(circle at center,transparent 0 27px,#fff 28px 29px,transparent 30px);background-size:82px 82px;transform:rotate(-8deg) scale(1.15)}
.live-popup-preview>*{position:relative;z-index:1}
.live-popup-preview>span{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.12);font-size:.72rem;font-weight:900;text-transform:uppercase}
.live-popup-symbol{width:78px;height:78px;display:grid;place-items:center;margin:25px 0 18px;border:2px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(255,255,255,.13);font-size:2rem}
.live-popup-preview h3{margin:0 0 12px;font-size:2rem;line-height:1.05}
.live-popup-preview p{margin:0;color:rgba(255,255,255,.82);line-height:1.55}
.live-popup-preview b{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:28px;padding:10px 15px;border-radius:15px;background:#fff;color:var(--preview-from,#75156d)}
.live-popup-preview small{margin-top:14px;color:rgba(255,255,255,.68)}

.promo-modal__dialog{width:min(560px,100%)}
.promo-modal__visual{background:linear-gradient(145deg,var(--popup-from,#75156d),var(--popup-to,#13894f))}

@media(max-width:1100px){
 .editor-preview-layout{grid-template-columns:1fr}
 .live-popup-preview{position:relative;top:auto;min-height:430px}
 .profile-editor{grid-template-columns:180px minmax(0,1fr)}
 .profile-photo{width:155px;height:155px}
}
@media(max-width:760px){
 .auth-panel--login{grid-template-columns:1fr}
 .auth-panel{border-radius:24px}
 .auth-visual{padding:30px 22px}
 .auth-visual h1{font-size:2.6rem}
 .auth-form-card{padding:28px 20px}
 .registration-shell{gap:18px}
 .registration-card,.registration-intro{padding:24px 18px}
 .registration-intro h1{font-size:2.4rem}
 .profile-editor,.media-editor-grid{grid-template-columns:1fr}
 .profile-photo-wrap{justify-items:start;text-align:left}
 .profile-photo{width:140px;height:140px}
 .admin-image-preview{min-height:220px}
 .category-admin-cell{min-width:0;align-items:flex-start}
 .live-popup-preview{min-height:390px;padding:28px 20px}
}
@media(max-width:480px){
 .auth-header{gap:8px}
 .auth-brand{gap:8px}
 .auth-brand>span{height:34px}
 .auth-brand img:last-child{width:105px;height:auto}
 .auth-main{padding-left:10px;padding-right:10px}
 .auth-visual h1,.registration-intro h1{font-size:2.15rem}
 .registration-form fieldset{padding:15px 12px}
 .live-popup-preview h3{font-size:1.7rem}
}