#notification-root{z-index:1200;position:fixed;top:18px;right:132px}.notification-center{position:relative}.notification-center-admin{top:2px;right:4px}.notification-bell{color:#173f30;cursor:pointer;background:#fff;border:1px solid #12412d29;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:0 8px 24px #0f34261f}.notification-bell svg{width:20px;height:20px}.notification-badge{color:#fff;text-align:center;background:#b3261e;border:2px solid #fff;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;line-height:20px;position:absolute;top:-6px;right:-7px}.notification-popover{color:#173f30;background:#fff;border:1px solid #12412d24;border-radius:18px;width:min(410px,100vw - 24px);max-height:620px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 18px 60px #0f342638}.notification-head{border-bottom:1px solid #12412d1a;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.notification-head>div:first-child{gap:2px;display:grid}.notification-head strong{font-size:16px}.notification-head small{color:#6e7f77;font-size:12px}.notification-head button{color:#27664d;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.notification-head button svg{width:16px;height:16px}.notification-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.notification-list{max-height:520px;overflow:auto}.notification-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #12412d14;grid-template-columns:10px 1fr;gap:10px;padding:14px 16px;display:grid}.notification-item:hover{background:#f5faf7}.notification-item.unread{background:#f2faf5}.notification-dot{background:0 0;border-radius:50%;width:8px;height:8px;margin-top:6px}.notification-item.unread .notification-dot{background:#2f7d58}.notification-copy{gap:4px;display:grid}.notification-copy strong{font-size:14px}.notification-copy span{color:#53645c;font-size:13px;line-height:1.4}.notification-copy small{color:#84938c;font-size:11px}.notification-state{color:#6e7f77;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:22px;font-size:13px;display:flex}.notification-state svg{width:18px}.notification-error{color:#9f2f27}.notification-preferences{max-height:535px;padding:16px;overflow:auto}.notification-preferences-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.notification-preferences-title>div{gap:4px;display:grid}.notification-preferences-title strong{font-size:15px}.notification-preferences-title small{color:#6e7f77;font-size:12px;line-height:1.4}.notification-preferences-title button{color:#53645c;cursor:pointer;background:0 0;border:0;padding:2px}.notification-preferences-title button svg{width:18px}.notification-preference-row{cursor:pointer;border-top:1px solid #12412d14;justify-content:space-between;align-items:center;gap:16px;padding:12px 2px;display:flex}.notification-preference-row span{gap:3px;display:grid}.notification-preference-row strong{font-size:13px}.notification-preference-row small{color:#718078;font-size:11px;line-height:1.35}.notification-preference-row input{accent-color:#2f7d58;width:18px;height:18px}.notification-preferences-note,.notification-preferences-error{border-radius:10px;padding:10px 12px;font-size:11px;line-height:1.45}.notification-preferences-note{color:#315c49;background:#f2faf5}.notification-preferences-error{color:#9f2f27;background:#fff2f0}.notification-email-preview{background:#fbfdfc;border:1px dashed #12412d38;border-radius:12px;gap:4px;margin-top:12px;padding:12px;display:grid}.notification-email-preview strong{font-size:13px}.notification-email-preview span{color:#5f7068;text-transform:uppercase;background:#eef4f1;border-radius:999px;width:max-content;padding:2px 7px;font-size:10px;font-weight:800}.notification-email-preview small{color:#718078;font-size:11px;line-height:1.4}.notification-save-preferences{color:#fff;cursor:pointer;background:#27664d;border:0;border-radius:11px;width:100%;margin-top:12px;padding:11px 14px;font-weight:800}.notification-save-preferences:disabled{opacity:.6;cursor:wait}@media (width<=900px){#notification-root{top:16px;right:84px}}@media (width<=640px){#notification-root{top:13px;right:72px}.notification-bell{border-radius:12px;width:38px;height:38px}.notification-popover{width:calc(100vw - 24px);max-height:calc(100vh - 78px);position:fixed;top:62px;right:12px}.notification-head{align-items:flex-start}.notification-head-actions{gap:4px}.notification-head-actions button{font-size:11px}}.inventory-badge{color:#5f766a;margin-top:6px;font-weight:700;display:block}.inventory-manager{background:#f8fbf9;border:1px solid #12412d1f;border-radius:20px;margin-top:32px;padding:26px}.commerce-help{color:#63766c}.inventory-list{gap:12px;display:grid}.inventory-row{background:#fff;border:1px solid #12412d1a;border-radius:14px;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) auto auto minmax(70px,auto);align-items:end;gap:12px;padding:14px;display:grid}.inventory-row>div{align-self:center}.inventory-row small{color:#708078;margin-top:4px;display:block}.inventory-row label{gap:5px;font-size:12px;font-weight:700;display:grid}.inventory-row input[type=number]{border:1px solid #12412d2e;border-radius:10px;width:100%;padding:9px}.inventory-toggle{white-space:nowrap;align-items:center;padding-bottom:9px;gap:8px!important;display:flex!important}.inventory-message{color:#28724f;align-self:center;font-size:12px}.fulfillment-meta{border-top:1px solid #12412d14;padding:8px 0;font-size:13px}.commerce-backdrop{z-index:1800;background:#0a1f1694;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.commerce-dialog{color:#173f30;background:#fff;border-radius:22px;width:min(680px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto;box-shadow:0 28px 90px #0823184d}.commerce-close{cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:14px;right:16px}.commerce-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.commerce-detail-grid p{background:#f4f8f6;border-radius:12px;margin:0;padding:12px}.commerce-dialog h3{margin:20px 0 6px}@media (width<=760px){.inventory-row{grid-template-columns:1fr}.inventory-toggle{padding-bottom:0}.commerce-detail-grid{grid-template-columns:1fr}}
