/* Akaora Inventory Pro v89 — account popup + stock toolbar refinements */
@media(min-width:741px){
 html body #content .ak89-stock-toolbar{display:grid!important;gap:14px!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--panel)!important;box-shadow:none!important}
 html body #content .ak89-stock-toolbar-row{display:grid;grid-template-columns:minmax(280px,2.1fr) repeat(2,minmax(170px,.9fr));gap:12px;align-items:end}
 html body #content .ak89-stock-toolbar-row-secondary{grid-template-columns:minmax(240px,1.3fr) auto;align-items:end}
 html body #content .ak89-field{display:grid;gap:7px;min-width:0}
 html body #content .ak89-field-search input,html body #content .ak89-field select{width:100%;max-width:none;min-height:46px!important;height:46px!important;border-radius:13px!important;background:var(--bg)!important}
 html body #content .ak89-toolbar-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
 html body #content .ak89-toolbar-actions .ak27-action-button{min-height:46px!important;height:46px!important;border-radius:12px!important;padding:0 14px!important}
 html body #content .ak89-field-view .ak27-switch-wide{min-height:46px;background:var(--bg)!important;border:1px solid var(--line)!important;padding:4px!important}
 html body #content .ak89-field-view .ak27-switch-wide button{min-height:36px!important;height:36px!important}
}
@media(max-width:740px){
 html body #content .ak86-products-heading{margin-bottom:10px!important}
 html body #content .ak89-mobile-stock-panel{display:grid!important;gap:10px!important}
 html body #content .ak89-mobile-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
 html body #content .ak89-mobile-primary .ak86-search-row{display:block!important}
 html body #content .ak89-mobile-add{min-height:46px!important;height:46px!important;padding:0 14px!important;border-radius:13px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;font-size:13px!important;white-space:nowrap}
 html body #content .ak89-mobile-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:8px!important;align-items:stretch}
 html body #content .ak89-mobile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
 html body #content .ak89-mobile-action{min-height:42px!important;height:42px!important;border-radius:12px!important;display:flex!important;align-items:center;justify-content:center;gap:6px;padding:0 8px!important;font-size:12px!important;font-weight:750!important;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important}
 html body #content .ak89-mobile-action.active{border-color:var(--blue)!important;color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 12%,var(--panel))!important}
 html body #content .ak89-mobile-action svg{width:17px!important;height:17px!important;flex:none}
 html body #content .ak86-stock-panel .ak86-more-options{margin-top:0!important}
}
@media(max-width:430px){
 html body #content .ak89-mobile-primary{grid-template-columns:minmax(0,1fr)}
 html body #content .ak89-mobile-secondary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 html body #content .ak89-mobile-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 html body #content .ak89-mobile-add{width:100%}
}
#modalback .modal.ak89-account-modal-wrap{max-width:560px!important;width:min(560px,100%)!important;padding:0!important;overflow:hidden!important;border-radius:24px!important}
#modalback .modal.ak89-account-modal-wrap .modalhead{display:none!important}
#modalback .modal.ak89-account-modal-wrap #modalBody{padding:0!important}
#modalback .modal.ak89-account-modal-wrap #modalFoot{padding:18px 22px!important;border-top:1px solid var(--line)!important;justify-content:space-between!important;gap:10px;flex-wrap:wrap}
.ak89-account-sheet{padding:24px 22px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 10%,transparent),transparent 40%),var(--panel);color:var(--text)}
.ak89-account-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.ak89-account-id{display:flex;gap:14px;align-items:center;min-width:0}
.ak89-account-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:24px;font-weight:800;background:linear-gradient(135deg,#8a6bff,#b69cff);color:#fff;box-shadow:0 10px 28px rgba(124,89,255,.24)}
.ak89-account-copy{min-width:0}
.ak89-account-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.ak89-account-title{font-size:28px;font-weight:850;letter-spacing:-.04em;line-height:1.05;margin:0 0 4px;color:var(--text)}
.ak89-account-email{font-size:14px;color:var(--muted);word-break:break-word}
.ak89-account-close{width:40px;height:40px;border-radius:12px;padding:0!important;display:grid!important;place-items:center!important;background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.ak89-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.ak89-account-stat{padding:14px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,white)}
.ak89-account-stat strong{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.ak89-account-stat span{display:block;font-size:15px;font-weight:780;color:var(--text)}
.ak89-account-note{padding:14px 15px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,white);color:var(--muted);line-height:1.55;font-size:13px}
.ak89-account-footer-actions{display:flex;gap:10px;flex-wrap:wrap;width:100%;justify-content:flex-end}
.ak89-account-footer-actions button{min-height:42px!important;border-radius:12px!important;padding:0 14px!important}
.ak89-account-footer-actions .danger{background:#b64750!important;color:#fff!important}
@media(max-width:560px){
 #modalback .modal.ak89-account-modal-wrap #modalFoot{justify-content:stretch!important}
 .ak89-account-grid{grid-template-columns:1fr}
 .ak89-account-top{align-items:flex-start}
 .ak89-account-title{font-size:24px}
 .ak89-account-footer-actions{display:grid;grid-template-columns:1fr 1fr}
 .ak89-account-footer-actions button{width:100%}
}