/* Clearer responsive layout for the partners dashboard and product editing. */
.management-page main{width:min(1500px,100%);margin-inline:auto;padding:clamp(22px,4vw,56px) clamp(16px,4vw,56px) 64px}
.management-page .tabs{position:sticky;top:8px;z-index:5;justify-content:flex-start;gap:7px;padding:8px;scrollbar-width:thin;scrollbar-color:#748d47 transparent;box-shadow:0 8px 24px #0002;backdrop-filter:blur(14px)}
.management-page .tabs button{flex:0 0 auto;padding-inline:15px;border-radius:10px}
.management-page .tab:not([hidden]){animation:memberTabIn .18s ease-out}
@keyframes memberTabIn{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.management-page .stock-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));align-items:stretch}
.management-page .product{display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 22px #00000010;transition:transform .18s,border-color .18s}
.management-page .product:hover{transform:translateY(-2px);border-color:#6e8e39}
.management-page .product h3{margin:4px 0;font-size:18px;line-height:1.3}
.management-page .product .amounts{margin-top:auto}
.management-page .product .actions{margin-top:10px}
.management-page .product .actions button{flex:1;margin-top:0}
.management-page .record{align-items:flex-start;box-shadow:0 5px 18px #0000000c}
.management-page .record>div:first-child{min-width:0}
.management-page .section-head{margin-bottom:18px}
.management-page .section-head h2{margin-bottom:6px}
.management-page .identity{max-width:900px}
.management-page .fact-grid>div{padding:14px;border:1px solid var(--line);border-radius:13px;background:#ffffff08}
.management-page .managed-photo{min-width:0;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--surface)}
.management-page .managed-photo img{display:block;width:100%;height:150px;object-fit:cover;border-radius:9px}
.management-page .managed-photo .actions{margin-top:8px;display:grid;grid-template-columns:1fr 1fr}
.management-page .managed-photo button{font-size:12px;padding:8px;min-height:38px}
.management-page #photoGallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.management-page #formFields>.notice{line-height:1.65}
.management-page .login{box-shadow:0 16px 44px #0002}
html[data-theme="light"] .management-page .product{box-shadow:0 8px 22px #253b1710}
html[data-theme="light"] .management-page .managed-photo{background:#fff}
@media(min-width:1100px){.management-page .metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.management-page .section-head{gap:32px}.management-page .form-grid{gap:20px}}
@media(max-width:760px){
 .management-page main{padding:22px 14px 42px}
 .management-page header{position:sticky;top:0;z-index:8;box-shadow:0 4px 16px #0002}
 .management-page .tabs{top:76px;margin:16px -2px 22px;border-radius:13px;scroll-snap-type:x proximity}
 .management-page .tabs button{scroll-snap-align:start;padding:11px 13px;font-size:12px}
 .management-page .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .management-page .metric{min-width:0;overflow-wrap:anywhere}
 .management-page .stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .management-page .product{padding:14px;border-radius:15px}
 .management-page .product .amounts{font-size:13px;gap:8px}
 .management-page .product button{font-size:12px;padding:10px 8px}
 .management-page .record{display:flex;flex-direction:column;gap:12px;padding:16px}
 .management-page .record .right,.management-page .sale-record .right{max-width:none;width:100%;text-align:left;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
 .management-page .record .right button,.management-page .sale-record .right button{display:inline-flex;align-items:center;justify-content:center;margin:0;flex:1 1 145px;min-height:42px}
 .management-page .record .right strong{margin-right:auto}
 .management-page .form-grid{grid-template-columns:1fr;gap:13px}
 .management-page .full{grid-column:auto}
 .management-page fieldset{padding:16px;margin:15px 0}
 .management-page dialog{width:min(620px,calc(100% - 16px));max-width:calc(100% - 16px);max-height:calc(100dvh - 24px);padding:20px 16px;border-radius:20px;overflow:auto}
 .management-page .modal-head{position:sticky;top:-20px;z-index:3;padding:10px 0;background:inherit}
 .management-page .modal-head h2{font-size:20px}
 .management-page .modal-actions{position:sticky;bottom:-20px;padding:12px 0 2px;background:inherit}
 .management-page .modal-actions button{flex:1}
 .management-page .fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .management-page .fact-grid>div{padding:11px}
 .management-page .fact-grid strong{font-size:13px}
 .management-page .payment-row,.management-page .payment-row4{grid-template-columns:1fr 1fr}
 .management-page .identity{padding:16px}
}
@media(max-width:420px){.management-page .stock-grid{grid-template-columns:1fr}.management-page .product{padding:17px}.management-page .tabs{margin-inline:-6px}.management-page .fact-grid{grid-template-columns:1fr 1fr}.management-page .metrics .metric strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.management-page .tab:not([hidden]),.management-page .product{animation:none;transition:none}}