.ui-images-panel{overflow:hidden}.ui-images-head{align-items:center}
.ui-image-tabs{display:flex;gap:6px;padding:12px 18px;border-bottom:1px solid var(--line);background:#f7f3ea;overflow-x:auto;scrollbar-width:none}.ui-image-tabs::-webkit-scrollbar{display:none}
.ui-image-tabs button{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid #d8e2e7;border-radius:999px;background:#fff;color:#5f7381;font-size:8px;font-weight:900;cursor:pointer}.ui-image-tabs button.active{background:#173d5d;border-color:#173d5d;color:#fff}
.ui-image-tab-panel{display:none}.ui-image-tab-panel.active{display:block}
.ui-image-tab-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 10px}.ui-image-tab-intro>div{display:grid;gap:3px}.ui-image-tab-intro b{font-size:11px;color:#173d5d}.ui-image-tab-intro span{font-size:7.5px;color:#7c8e99;line-height:1.45}
.ui-optimize-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#e9f4e9;color:#387343!important;font-size:6.8px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.05em}
.real-work-admin-grid .hero-admin-image{aspect-ratio:4/5}
.profile-media-toolbar{display:flex;align-items:end;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:#f8fafb}.profile-media-toolbar label{display:grid;gap:6px;min-width:280px}.profile-media-toolbar label>span{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#7b8d99}.profile-media-toolbar select{height:42px;border:1px solid #d7e1e7;border-radius:10px;background:#fff;padding:0 10px;color:#173d5d;font-size:8px}.profile-media-toolbar button{height:42px;border:1px solid #d7e1e7;border-radius:10px;background:#fff;color:#173d5d;padding:0 12px;font-size:8px;font-weight:900}
.profile-media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:18px}.profile-media-slot{overflow:hidden;border:1px solid #dce5ea;border-radius:14px;background:#fff}.profile-media-photo{position:relative;aspect-ratio:4/6;background:#edf1f3 center/cover no-repeat}.profile-media-photo.empty::after{content:"Chưa có ảnh";position:absolute;inset:0;display:grid;place-items:center;color:#9aa8b0;font-size:8px;font-weight:800}.profile-media-number{position:absolute;left:8px;top:8px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.92);color:#173d5d;font-size:7px;font-weight:900}.profile-media-cover{position:absolute;right:8px;top:8px;padding:5px 7px;border-radius:999px;background:#173d5d;color:#fff;font-size:6.5px;font-weight:900}.profile-media-body{display:grid;gap:7px;padding:10px}.profile-media-body b{font-size:8.5px;color:#173d5d}.profile-media-body small{font-size:6.5px;color:#84939c;line-height:1.4}.profile-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.profile-media-upload{min-height:34px;display:grid;place-items:center;border:1px solid #d5e0e6;border-radius:8px;background:#f8fafb;color:#31536a;font-size:7px;font-weight:900;cursor:pointer;text-align:center;padding:5px}.profile-media-upload input{display:none}.profile-media-remove{min-height:34px;border:1px solid #efd1cd;border-radius:8px;background:#fff1ef;color:#ad4c3d;font-size:7px;font-weight:900}.profile-media-remove:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:950px){.profile-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ui-images-head{align-items:stretch!important}.ui-images-head .hero-admin-preview{width:100%;min-height:44px}.ui-image-tabs{padding:10px}.ui-image-tabs button{min-height:44px;font-size:10px}.ui-image-tab-intro{align-items:flex-start;padding:14px 10px 8px}.ui-image-tab-intro b{font-size:13px}.ui-image-tab-intro span{font-size:10px}.hero-admin-upload{grid-template-columns:1fr!important;padding:12px 10px!important}.hero-upload-or{display:none!important}.hero-upload-file{height:48px!important}.hero-admin-upload input{height:48px!important;font-size:16px!important}.hero-admin-upload>button{height:48px!important;font-size:11px!important}.profile-media-toolbar{display:grid;grid-template-columns:1fr;padding:12px 10px}.profile-media-toolbar label{min-width:0}.profile-media-toolbar select{height:48px;font-size:16px}.profile-media-toolbar button{height:46px;font-size:11px}.profile-media-grid{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.profile-media-body b{font-size:10px}.profile-media-body small{font-size:8px}.profile-media-upload,.profile-media-remove{min-height:42px;font-size:9px}}
@media(max-width:390px){.profile-media-grid{grid-template-columns:1fr}}