input:focus,select:focus,textarea:focus{outline:none!important;border:1px solid #78A350!important;box-shadow:0 0 0 1px #78A35022!important}
.nav-icon{flex-shrink:0}
#main-nav>.nav-btn{display:flex;align-items:center;gap:13px}
.legacy-note{font-size:13px;color:#888;line-height:1.7;margin:10px 0 20px}
.settings-panel{border:1px solid #e4e6e0;border-radius:16px;padding:22px;margin:20px 0}
#entry-page .entry-expand{border:1px solid #78A350;border-radius:13px;padding:18px 20px;margin-bottom:14px}
#entry-page #entry-panels{display:block!important}
.settings-panel h2{font-size:20px;color:#78A350;margin:0 0 15px}
.settings-panel p{color:#777;font-size:14px;line-height:1.6}
.settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eee;padding:14px 0;overflow-wrap:anywhere}
.settings-row small{display:block;color:#777;margin-top:4px}
.settings-add{margin-top:18px}.settings-add summary{color:#78A350;cursor:pointer;margin-bottom:15px}

.inv-form-product{grid-template-areas:"name sku qty unit" "cat child image submit"!important}
.report-presets{flex:0 0 100%;display:flex;gap:8px;flex-wrap:wrap}
.report-presets button{border:1px solid #ddd;border-radius:9px;background:#fff;padding:9px 15px;font:inherit;cursor:pointer;font-size:14px}
.report-presets button.active{background:#f0f7e7;border-color:#78A350;color:#78A350}
.stock-alert-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:18px 0 25px}
.stock-alert{border:1px solid #e6be55;border-top:3px solid #e6b33f;border-radius:12px;background:#fffdf6;padding:17px;text-align:left;font:inherit;cursor:pointer;min-width:0}
.stock-alert.is-empty{border-color:#f3aaa5;border-top-color:#f44336;background:#fff8f7}
.stock-alert b,.stock-alert small{display:block}.stock-alert small{color:#888;margin:7px 0}.stock-alert strong{color:#986c0e}.stock-alert.is-empty strong{color:#df3e32}
.stock-alert .alert-label{font-size:12px;margin-bottom:7px;color:#986c0e}.stock-alert.is-empty .alert-label{color:#df3e32}
#entry-page .entry-expand{display:block!important}#entry-page .entry-expand:not([open])>section,#entry-page .entry-expand:not([open])>.entry-close{display:none!important}
#entry-page .entry-expand>section{display:block;padding:18px 0 0}
@media(min-width:851px){
 .site-head{position:fixed;inset:0 auto 0 0;width:260px;background:#fff;border:0;border-right:1px solid #e1e7e1;z-index:30}
 .head-inner{height:100%;width:100%;padding:22px 12px 16px;display:flex;flex-direction:column;align-items:stretch;gap:20px;box-sizing:border-box}
 .brand{background:transparent;border-radius:0;padding:10px 10px 25px;border-bottom:1px solid #dce4dc;flex-shrink:0}.brand-logo{width:100%;max-width:214px;filter:none}
 #main-nav{display:flex!important;flex-direction:column;gap:6px;width:100%;align-items:stretch;flex:1;min-height:0;overflow-y:auto}
 #main-nav>.nav-btn{color:#39443c;text-align:left;width:100%;padding:12px 13px;border:1px solid transparent;border-radius:9px;background:transparent;font-size:14px;font-weight:600;flex-shrink:0}
 #main-nav>.nav-btn.active{background:#eef7eb;border-color:#b5e2ae;color:#78A350}#main-nav>.nav-btn:hover{background:#f5f8f2}
 #main-nav>.nav-btn[data-page=settings]{margin-top:0;border-radius:9px}
 #main-nav>.nav-entry{margin-top:14px}
 .head-actions{display:flex;align-items:center;gap:10px;border-top:1px solid #dce4dc;padding:14px 3px 0;flex-shrink:0;width:100%;margin-left:0;align-self:stretch}
 .user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef7eb;color:#78A350;font-weight:700;flex-shrink:0}
 .user-info{min-width:0;flex:1;display:grid;gap:4px;font-size:13px;font-weight:600;color:#263329}.user-info small{font-size:11px;font-weight:400;color:#8a958e}.user-info>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .user-btn{display:grid;place-items:center;background:#fff;color:#687b80;border:1px solid #dce4dc;border-radius:9px;width:36px;height:36px;padding:0;flex-shrink:0}.user-btn:hover{background:#f5f8f0}
 .inv-page.wrap{margin-left:260px;max-width:none;width:calc(100% - 260px);padding:28px 24px;box-sizing:border-box}
}
@media(max-width:850px){
 .settings-panel{padding:16px}.settings-toolbar{align-items:flex-start;flex-wrap:wrap}.settings-panel .inv-ctl{flex-wrap:wrap}.settings-panel .inv-ctl__item{width:100%;min-width:0}
 .stock-alert-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.report-presets button{padding:8px 10px;font-size:12px}
 .inv-form-product{grid-template-areas:"name sku" "qty unit" "cat child" "image submit"!important}
 #main-nav>.nav-entry{border-top:1px solid #e6e6e6;margin-top:12px;padding-top:22px}
}
@media(max-width:420px){.inv-form-product{grid-template-areas:"name" "sku" "qty" "unit" "cat" "child" "image" "submit"!important}}
/* Product cards share the inventory card layout at every breakpoint. */
#entry-page .entry-expand[hidden]{display:none!important}
.stock-alert{padding:0;background:#fff;border:1px solid #e5b43b;border-radius:14px;overflow:hidden;cursor:default;display:flex;flex-direction:column}
.stock-alert.is-empty{background:#fff;border:1px solid #f44336}
.stock-alert>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.stock-alert .report-mobile-card__body{display:flex;flex-direction:column;gap:5px;padding:12px;flex:1;min-width:0}
.stock-alert .report-mobile-card__code{color:#888;font-size:11px}
.stock-alert .report-mobile-card__name{font-size:14px;font-weight:700;line-height:1.35;min-height:38px;overflow-wrap:anywhere}
.stock-alert .report-mobile-card__stock{font-size:22px;font-weight:800;color:#111;margin-top:auto}
.stock-alert .report-mobile-card__stock small{display:inline;font-size:12px;font-weight:400;color:#888;margin:0}
.stock-alert .alert-label{margin:0;font-size:11px}
.stock-alert .detail-btn{width:100%;margin-top:5px}
@media(max-width:850px){.stock-alert .report-mobile-card__body{padding:10px}.stock-alert .report-mobile-card__name{font-size:13px}.stock-alert .report-mobile-card__stock{font-size:18px}}