:root{--erp-primary: #2563eb;--erp-primary-dark: #1d4ed8;--erp-primary-soft: #eff6ff;--erp-primary-border: #bfdbfe;--erp-text: #0f172a;--erp-text-secondary: #334155;--erp-muted: #64748b;--erp-muted-light: #94a3b8;--erp-border: #dbe3ef;--erp-border-soft: #e8edf5;--erp-background: #f4f7fb;--erp-surface: #ffffff;--erp-surface-soft: #f8fafc;--erp-success: #059669;--erp-success-soft: #ecfdf5;--erp-warning: #d97706;--erp-warning-soft: #fffbeb;--erp-danger: #dc2626;--erp-danger-soft: #fef2f2;--erp-header-height: 68px;--erp-drawer-width: 340px;--erp-radius-sm: 8px;--erp-radius-md: 11px;--erp-radius-lg: 15px;--erp-radius-xl: 18px;--erp-shadow-sm: 0 3px 12px rgba(15, 23, 42, .06);--erp-shadow-md: 0 16px 40px rgba(15, 23, 42, .14);--erp-shadow-lg: 0 24px 65px rgba(15, 23, 42, .2);--erp-transition: .16s ease}html,body{margin:0!important;padding:0!important;background:var(--erp-background)!important}body:has(.erp-app-header){min-height:100vh;color:var(--erp-text)}body:has(.erp-app-header) .announcement-bar,body:has(.erp-app-header) .announcement-bar-section,body:has(.erp-app-header) .shopify-section-announcement-bar,body:has(.erp-app-header) #shopify-section-announcement-bar,body:has(.erp-app-header) .utility-bar,body:has(.erp-app-header) .utility-bar-wrapper,body:has(.erp-app-header) .shopify-section-header,body:has(.erp-app-header) #shopify-section-header,body:has(.erp-app-header) .section-header,body:has(.erp-app-header) sticky-header,body:has(.erp-app-header) header.header,body:has(.erp-app-header) .header-wrapper,body:has(.erp-app-header) .shopify-section-group-header-group,body:has(.erp-app-header) .shopify-section-group-footer-group,body:has(.erp-app-header) footer,body:has(.erp-app-header) .footer,body:has(.erp-app-header) #shopify-section-footer,body:has(.erp-app-header) .newsletter,body:has(.erp-app-header) .breadcrumb,body:has(.erp-app-header) .breadcrumbs,body:has(.erp-app-header) .page-title,body:has(.erp-app-header) .main-page-title{display:none!important}body:has(.erp-app-header) .content-for-layout,body:has(.erp-app-header) main,body:has(.erp-app-header) #MainContent,body:has(.erp-app-header) .page-width{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body:has(.erp-app-header) .shopify-section{margin-top:0!important}body.erp-menu-open{overflow:hidden}.erp-app-header,.erp-app-header *,.erp-navigation-drawer,.erp-navigation-drawer *,.erp-header-overlay,.erp-dropdown,.erp-dropdown *{box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.erp-app-header button,.erp-app-header input,.erp-navigation-drawer button,.erp-dropdown button,.erp-dropdown input{font:inherit}.erp-app-header button,.erp-navigation-drawer button,.erp-dropdown button{-webkit-tap-highlight-color:transparent}.erp-app-header{position:fixed;top:0;right:0;left:0;z-index:99990;width:100%;height:var(--erp-header-height);background:#fffffffa;border-bottom:1px solid var(--erp-border);box-shadow:0 2px 10px #0f172a0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.erp-header-spacer{width:100%;height:var(--erp-header-height);flex:0 0 var(--erp-header-height)}.erp-header-inner{width:100%;height:100%;padding:8px clamp(12px,1.5vw,24px);display:grid;grid-template-columns:minmax(270px,1fr) minmax(280px,470px) minmax(220px,auto);align-items:center;gap:16px}.erp-header-left,.erp-header-actions{display:flex;align-items:center;min-width:0}.erp-header-left{gap:11px}.erp-header-actions{justify-content:flex-end;gap:9px}.erp-control-button{min-height:39px;border:1px solid var(--erp-border);border-radius:var(--erp-radius-md);background:var(--erp-surface);color:var(--erp-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:750;line-height:1;white-space:nowrap;transition:border-color var(--erp-transition),background-color var(--erp-transition),color var(--erp-transition),box-shadow var(--erp-transition),transform var(--erp-transition)}.erp-control-button:hover{border-color:var(--erp-primary-border);background:var(--erp-primary-soft);color:var(--erp-primary);box-shadow:0 3px 10px #2563eb14}.erp-control-button:active{transform:translateY(1px)}.erp-control-button:disabled{cursor:not-allowed;opacity:.55}.erp-menu-button{width:40px;height:40px;padding:0;flex:0 0 auto}.erp-menu-icon{width:18px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.erp-menu-icon span{display:block;width:100%;height:2px;border-radius:999px;background:currentColor}.erp-company-brand{min-width:0;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.erp-company-brand:hover{text-decoration:none}.erp-company-logo-box{width:47px;height:47px;padding:4px;border:1px solid var(--erp-border);border-radius:13px;background:var(--erp-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;box-shadow:0 3px 10px #0f172a0d;transition:width var(--erp-transition),border-color var(--erp-transition),box-shadow var(--erp-transition)}.erp-company-brand:hover .erp-company-logo-box{border-color:var(--erp-primary-border);box-shadow:0 4px 14px #2563eb1a}.erp-company-logo-box.is-wide{width:116px}.erp-company-logo{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.erp-company-logo-fallback{width:100%;height:100%;border-radius:9px;background:linear-gradient(145deg,#dbeafe,#eff6ff 52%,#fff);color:var(--erp-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;letter-spacing:.03em}.erp-company-meta{min-width:0}.erp-company-title-row{min-width:0;display:flex;align-items:center;gap:7px}.erp-company-title{max-width:285px;margin:0;overflow:hidden;color:var(--erp-text);font-size:clamp(15px,1.2vw,18px);font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.erp-company-status{min-height:21px;padding:0 8px;border:1px solid var(--erp-primary-border);border-radius:999px;background:var(--erp-primary-soft);color:var(--erp-primary);display:none;align-items:center;gap:5px;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.erp-company-status.is-visible{display:inline-flex}.erp-company-status:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.erp-company-status.is-trial{border-color:#fde68a;background:var(--erp-warning-soft);color:#b45309}.erp-company-status.is-inactive,.erp-company-status.is-suspended,.erp-company-status.is-blocked,.erp-company-status.is-expired{border-color:#fecaca;background:var(--erp-danger-soft);color:#b91c1c}.erp-company-subtitle{min-width:0;margin-top:4px;display:flex;align-items:center;gap:7px;color:var(--erp-muted);font-size:11px;font-weight:650;line-height:1.15}.erp-company-subtitle>*+*:before{content:"\2022";margin-right:7px;color:#cbd5e1}.erp-page-name{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-financial-year{color:var(--erp-primary);white-space:nowrap}.erp-header-search{position:relative;width:100%;min-width:0}.erp-search-field{width:100%;height:42px;padding:0 42px 0 41px;border:1px solid var(--erp-border);border-radius:12px;outline:none;background:var(--erp-surface-soft);color:var(--erp-text);font-size:13px;font-weight:600;line-height:1;transition:border-color var(--erp-transition),background-color var(--erp-transition),box-shadow var(--erp-transition)}.erp-search-field::placeholder{color:var(--erp-muted-light);opacity:1}.erp-search-field:hover{border-color:#cbd5e1;background:#fff}.erp-search-field:focus{border-color:#93c5fd;background:var(--erp-surface);box-shadow:0 0 0 3px #2563eb1c}.erp-search-icon{position:absolute;top:50%;left:14px;z-index:1;color:var(--erp-muted-light);font-size:17px;line-height:1;transform:translateY(-50%);pointer-events:none}.erp-search-shortcut{position:absolute;top:50%;right:9px;min-width:27px;height:24px;padding:0 7px;border:1px solid var(--erp-border);border-radius:7px;background:var(--erp-surface);color:var(--erp-muted-light);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;transform:translateY(-50%);pointer-events:none}.erp-search-results{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:100020;max-height:min(420px,calc(100vh - 95px));padding:7px;border:1px solid var(--erp-border);border-radius:var(--erp-radius-lg);background:var(--erp-surface);box-shadow:var(--erp-shadow-md);overflow-y:auto;display:none}.erp-search-results.is-open{display:block;animation:erpDropdownEnter .14s ease-out}.erp-search-result{min-height:45px;padding:9px 10px;border-radius:10px;color:var(--erp-text-secondary);text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:background-color var(--erp-transition),color var(--erp-transition)}.erp-search-result:hover{background:var(--erp-primary-soft);color:var(--erp-primary);text-decoration:none}.erp-search-result-main{min-width:0}.erp-search-result-main strong{display:block;overflow:hidden;color:inherit;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.erp-search-result-main span{display:block;margin-top:3px;overflow:hidden;color:var(--erp-muted);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.erp-search-empty{padding:22px 14px;color:var(--erp-muted);text-align:center;font-size:13px;font-weight:650}.erp-quick-create-button{height:40px;padding:0 14px;border-color:var(--erp-primary);background:var(--erp-primary);color:#fff;box-shadow:0 5px 13px #2563eb33}.erp-quick-create-button:hover{border-color:var(--erp-primary-dark);background:var(--erp-primary-dark);color:#fff;box-shadow:0 7px 18px #2563eb40}.erp-quick-create-button>span:first-child{font-size:17px;line-height:1}.erp-user-button{height:43px;max-width:205px;padding:3px 8px 3px 4px;border-color:transparent;background:transparent}.erp-user-button:hover{border-color:var(--erp-border);background:var(--erp-surface-soft);color:var(--erp-text);box-shadow:none}.erp-user-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(145deg,var(--erp-text) 0%,#334155 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:12px;font-weight:850}.erp-user-summary{min-width:0;text-align:left}.erp-user-summary strong,.erp-user-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-user-summary strong{color:var(--erp-text);font-size:12px;font-weight:800;line-height:1.1}.erp-user-summary span{margin-top:3px;color:var(--erp-muted);font-size:10px;font-weight:650}.erp-user-chevron{color:var(--erp-muted);font-size:12px}.erp-dropdown{position:fixed;z-index:100030;width:min(340px,calc(100vw - 16px));max-height:calc(100vh - 84px);padding:8px;border:1px solid var(--erp-border);border-radius:var(--erp-radius-lg);background:var(--erp-surface);box-shadow:var(--erp-shadow-md);overflow-y:auto;overscroll-behavior:contain;display:none}.erp-dropdown.is-open{display:block;animation:erpDropdownEnter .14s ease-out}@keyframes erpDropdownEnter{0%{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.erp-dropdown-heading{position:sticky;top:-8px;z-index:1;padding:10px 10px 11px;border-bottom:1px solid var(--erp-border-soft);background:var(--erp-surface);color:var(--erp-text);font-size:13px;font-weight:850}.erp-dropdown-divider{height:1px;margin:7px 2px;background:var(--erp-border-soft)}.erp-dropdown-link,.erp-dropdown-button{width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--erp-text-secondary);text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:13px;font-weight:700;transition:background-color var(--erp-transition),color var(--erp-transition)}.erp-dropdown-link:hover,.erp-dropdown-button:hover{background:var(--erp-primary-soft);color:var(--erp-primary);text-decoration:none}.erp-dropdown-button.is-danger{color:var(--erp-danger)}.erp-dropdown-button.is-danger:hover{background:var(--erp-danger-soft);color:#b91c1c}.erp-dropdown-link-main{min-width:0;display:flex;align-items:center;gap:9px}.erp-dropdown-link-code{width:30px;height:30px;border-radius:8px;background:var(--erp-surface-soft);color:var(--erp-primary);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:9px;font-weight:900}.erp-dropdown-link:hover .erp-dropdown-link-code{background:#dbeafe}.erp-quick-create-content{padding-top:3px}.erp-quick-create-group+.erp-quick-create-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--erp-border-soft)}.erp-quick-create-group-title{padding:4px 10px 5px;color:var(--erp-muted-light);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.erp-profile-card{padding:12px;border:1px solid var(--erp-border-soft);border-radius:11px;background:linear-gradient(145deg,#f8fafc,#fff)}.erp-profile-card strong,.erp-profile-card span{display:block}.erp-profile-card strong{overflow:hidden;color:var(--erp-text);font-size:14px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.erp-profile-card span{margin-top:4px;overflow:hidden;color:var(--erp-muted);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.erp-profile-card span:nth-of-type(3){color:var(--erp-primary);font-weight:750}.erp-header-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99994;background:#0f172a7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.erp-header-overlay.is-open{opacity:1;visibility:visible}.erp-navigation-drawer{position:fixed;top:0;bottom:0;left:0;z-index:99995;width:min(var(--erp-drawer-width),calc(100vw - 24px));background:var(--erp-surface);box-shadow:var(--erp-shadow-lg);overflow:hidden;transform:translate(-105%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.erp-navigation-drawer.is-open{transform:translate(0)}.erp-drawer-layout{height:100%;display:flex;flex-direction:column}.erp-drawer-header{min-height:72px;padding:12px 14px;border-bottom:1px solid var(--erp-border);background:var(--erp-surface);display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto}.erp-drawer-brand{min-width:0}.erp-drawer-brand strong{display:block;overflow:hidden;color:var(--erp-text);font-size:16px;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.erp-drawer-brand span{display:block;margin-top:4px;color:var(--erp-muted);font-size:11px;font-weight:600}.erp-drawer-close{width:38px;height:38px;padding:0;border:1px solid var(--erp-border);border-radius:10px;background:var(--erp-surface);color:#475569;cursor:pointer;font-size:21px;line-height:1;flex:0 0 auto;transition:border-color var(--erp-transition),background-color var(--erp-transition),color var(--erp-transition)}.erp-drawer-close:hover{border-color:#fecaca;background:var(--erp-danger-soft);color:var(--erp-danger)}.erp-drawer-nav{flex:1;min-height:0;padding:14px 12px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.erp-drawer-nav::-webkit-scrollbar,.erp-dropdown::-webkit-scrollbar,.erp-search-results::-webkit-scrollbar{width:7px}.erp-drawer-nav::-webkit-scrollbar-track,.erp-dropdown::-webkit-scrollbar-track,.erp-search-results::-webkit-scrollbar-track{background:transparent}.erp-drawer-nav::-webkit-scrollbar-thumb,.erp-dropdown::-webkit-scrollbar-thumb,.erp-search-results::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd5e1}.erp-nav-group{margin-bottom:17px}.erp-nav-group:last-child{margin-bottom:0}.erp-nav-group-title{padding:4px 10px 7px;color:var(--erp-muted-light);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.erp-nav-link{position:relative;min-height:43px;margin-bottom:3px;padding:7px 10px;border:1px solid transparent;border-radius:11px;color:#475569;text-decoration:none;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:720;line-height:1.25;transition:border-color var(--erp-transition),background-color var(--erp-transition),color var(--erp-transition),transform var(--erp-transition)}.erp-nav-link:hover{border-color:var(--erp-border-soft);background:#f6f8fc;color:var(--erp-primary);text-decoration:none;transform:translate(1px)}.erp-nav-link.is-active{border-color:#dbeafe;background:linear-gradient(90deg,#eff6ff,#f8fbff);color:var(--erp-primary);box-shadow:inset 3px 0 0 var(--erp-primary)}.erp-nav-icon{width:29px;height:29px;border:1px solid var(--erp-border-soft);border-radius:8px;background:var(--erp-surface-soft);color:var(--erp-muted);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:9px;font-weight:900;letter-spacing:.03em}.erp-nav-link:hover .erp-nav-icon{border-color:#dbeafe;background:var(--erp-primary-soft);color:var(--erp-primary)}.erp-nav-link.is-active .erp-nav-icon{border-color:#bfdbfe;background:#dbeafe;color:var(--erp-primary)}.erp-nav-link-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-drawer-footer{padding:13px 15px;border-top:1px solid var(--erp-border);background:var(--erp-surface-soft);color:var(--erp-muted);text-align:center;font-size:11px;font-weight:600;flex:0 0 auto}.erp-drawer-footer strong{color:var(--erp-primary);font-weight:800}.erp-header-loading .erp-company-title,.erp-header-loading .erp-page-name,.erp-header-loading .erp-financial-year,.erp-header-loading .erp-user-summary{opacity:.45}.erp-header-loading .erp-company-logo-fallback,.erp-header-loading .erp-user-avatar{animation:erpLoadingPulse 1.4s ease-in-out infinite}@keyframes erpLoadingPulse{0%,to{opacity:.55}50%{opacity:1}}.erp-control-button:focus-visible,.erp-drawer-close:focus-visible,.erp-nav-link:focus-visible,.erp-dropdown-link:focus-visible,.erp-dropdown-button:focus-visible,.erp-search-result:focus-visible,.erp-search-field:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}@media(max-width:1180px){.erp-header-inner{grid-template-columns:minmax(235px,1fr) minmax(220px,350px) auto;gap:10px}.erp-company-logo-box.is-wide{width:94px}.erp-company-title{max-width:205px}.erp-page-name{max-width:155px}.erp-user-summary{display:none}.erp-user-button{width:42px;padding:3px}}@media(max-width:880px){.erp-header-inner{grid-template-columns:minmax(0,1fr) auto}.erp-header-search{display:none}.erp-company-logo-box,.erp-company-logo-box.is-wide{width:44px;height:44px}.erp-company-title{max-width:190px}.erp-page-name{max-width:160px}.erp-quick-create-button{padding:0 12px}}@media(max-width:620px){:root{--erp-header-height: 61px}.erp-header-inner{padding:7px 9px;gap:6px}.erp-header-left{gap:7px}.erp-control-button{min-height:37px}.erp-menu-button{width:37px;height:37px}.erp-company-logo-box,.erp-company-logo-box.is-wide{width:40px;height:40px;border-radius:10px}.erp-company-title{max-width:145px;font-size:14px}.erp-company-subtitle{margin-top:3px;font-size:9px}.erp-page-name{max-width:125px}.erp-financial-year,.erp-company-status{display:none!important}.erp-quick-create-button{width:38px;height:38px;padding:0}.erp-quick-create-button>span:last-child{display:none}.erp-user-button{width:38px;height:38px}.erp-user-avatar{width:31px;height:31px}.erp-dropdown{max-height:calc(100vh - 72px)}.erp-navigation-drawer{width:min(330px,calc(100vw - 18px))}.erp-drawer-header{min-height:65px;padding:10px 12px}.erp-drawer-nav{padding-top:12px}}@media(max-width:410px){.erp-company-logo-box{display:none}.erp-company-title{max-width:125px}.erp-page-name{max-width:115px}.erp-header-actions{gap:4px}.erp-quick-create-button,.erp-user-button{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.erp-app-header *,.erp-navigation-drawer *,.erp-dropdown *,.erp-header-overlay{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/erp-header.css.map */