/* Warehouse EXP Date — Main Header owner
   One component, one owner. No cross-file overrides. */

.warehouse-app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.warehouse-system-header{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:28px;
  min-height:160px;margin:0 0 var(--erp-space-4);padding:18px 24px;overflow:visible;
  border:1px solid rgba(255,255,255,.13);border-radius:0 0 32px 32px;
  background:radial-gradient(circle at 7% 35%,rgba(232,52,139,.22),transparent 24%),radial-gradient(circle at 29% 115%,rgba(94,18,58,.24),transparent 33%),linear-gradient(116deg,#4a1533 0%,#731444 46%,#a31262 100%);
  box-shadow:0 26px 62px -38px rgba(66,11,43,.56),inset 0 1px 0 rgba(255,255,255,.10);
  direction:rtl;
}
.warehouse-system-header::before{content:"";position:absolute;z-index:-1;left:0;top:-155px;width:300px;height:430px;border-radius:50%;background:rgba(255,255,255,.045);box-shadow:150px 178px 0 -80px rgba(255,255,255,.025)}
.warehouse-system-header::after{content:"";position:absolute;z-index:-1;left:20%;bottom:-230px;width:420px;height:420px;border-radius:50%;background:rgba(41,6,27,.10)}

.warehouse-header-brand{display:flex;align-items:center;justify-content:flex-start;gap:16px;min-width:0;max-width:min(740px,62vw);direction:rtl;text-align:right}
.warehouse-header-logo{flex:0 0 88px;width:88px;height:88px;padding:7px;border:1px solid rgba(255,255,255,.20);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 20px 42px -18px rgba(24,4,15,.58)}
.warehouse-header-logo-plate{width:100%;height:100%;display:grid;place-items:center;padding:5px;border-radius:19px;background:#fff;box-shadow:inset 0 0 0 1px rgba(174,28,103,.08),0 8px 18px -14px rgba(20,4,14,.55)}
.warehouse-header-logo img[src$="company-logo.png"]{display:block;width:100%;height:100%;object-fit:contain;border-radius:13px;filter:none}
.warehouse-header-copy{display:grid;justify-items:start;align-content:center;gap:5px;min-width:0;text-align:right}
.warehouse-header-kicker{display:inline-flex;align-items:center;min-height:23px;padding:3px 11px;border-radius:999px;color:#fff;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.15);font:900 10.5px/1.2 Arial,sans-serif;letter-spacing:.18em}
.warehouse-header-copy h1{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin:0;direction:ltr;color:#fff;font-size:var(--type-brand-title);line-height:1.05;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 4px 22px rgba(24,4,16,.18)}
.warehouse-header-copy h1 span,.warehouse-header-copy h1 em{font-style:normal;font-weight:900;color:#fff}
.warehouse-header-subtitle{max-width:620px;margin:0;color:rgba(255,255,255,.86);font-size:11.5px;font-weight:750;line-height:1.55}
.warehouse-header-site{display:inline-flex;align-items:center;gap:8px;min-height:30px;margin-top:0;padding:4px 11px;border-radius:999px;color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-size:10.5px;font-weight:900}
.warehouse-header-site>.ui-icon{width:16px;height:16px;stroke-width:1.9}

.warehouse-header-utility{flex:0 0 auto;align-self:center;min-width:0;direction:ltr}
.warehouse-icon-dock{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;padding:6px;border:1px solid rgba(255,255,255,.11);border-radius:21px;background:rgba(31,7,23,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 34px -24px rgba(19,3,13,.64);backdrop-filter:blur(16px);direction:ltr}
.warehouse-header-action{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.17);border-radius:13px;color:#fff;cursor:pointer;background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px -18px rgba(13,2,9,.78);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
button.warehouse-header-action{appearance:none;font:inherit}
.warehouse-header-action:hover{transform:translateY(-2px);background:rgba(255,255,255,.145);border-color:rgba(255,255,255,.26)}
.warehouse-header-action>.ui-icon{display:block;width:20px;height:20px;min-width:20px;min-height:20px;stroke-width:1.85;overflow:visible}
.warehouse-home-action.active{background:linear-gradient(145deg,#f02b91,#d41475);border-color:rgba(255,255,255,.32);box-shadow:0 14px 28px -16px rgba(219,22,119,.78),inset 0 1px 0 rgba(255,255,255,.25)}
.warehouse-notification-badge{position:absolute;top:-6px;right:-5px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid #711445;border-radius:999px;background:#f33f55;color:#fff;font:900 9px/1 Arial,sans-serif}
.warehouse-ai-live-dot{position:absolute;left:7px;bottom:6px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#f0b91f;box-shadow:0 0 0 3px rgba(240,185,31,.13)}
.warehouse-ai-action[data-state="ready"] .warehouse-ai-live-dot{background:#16a085}

.topbar-popover-layer{position:fixed;z-index:9600;inset:0;pointer-events:none}
.topbar-popover-layer[aria-hidden="true"]{visibility:hidden}
.topbar-popover{position:absolute;display:none;pointer-events:auto;direction:rtl;text-align:right;border:1px solid #eadce5;border-radius:20px;background:#fff;box-shadow:0 28px 66px -30px rgba(48,20,37,.55),0 8px 24px -18px rgba(48,20,37,.28);color:#351d2c}
.topbar-popover.open{display:grid}
.topbar-user-popover{gap:13px;width:min(300px,calc(100vw - 20px));padding:15px}
.topbar-settings-popover{gap:10px;width:min(340px,calc(100vw - 20px));padding:15px}
.topbar-user-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #f0e6ec}
.topbar-user-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#fff0f7,#f8e7f1);color:#b41668;border:1px solid #efd6e4}
.topbar-user-avatar>.ui-icon{width:23px;height:23px}
.topbar-user-identity{display:grid;gap:2px;min-width:0}
.topbar-user-identity>span{font-size:9px;font-weight:850;color:#947f8b}
.topbar-user-identity strong{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950;color:#321b29}
.topbar-user-identity small{font-size:9px;font-weight:800;color:#a31360}
.topbar-user-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.topbar-user-meta>div{display:grid;gap:4px;min-width:0;padding:9px 10px;border:1px solid #efe3ea;border-radius:12px;background:#fffafd}
.topbar-user-meta span{font-size:8px;font-weight:850;color:#96838e}
.topbar-user-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;color:#3b2632}
.topbar-user-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.topbar-popover-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid #eadfe6;border-radius:12px;background:#fff;color:#442c39;font:850 9.5px/1.4 inherit;cursor:pointer}
.topbar-popover-action>.ui-icon{width:16px;height:16px;color:#a41460}
.topbar-popover-action:hover{background:#fff7fb;border-color:#e8ccdc}
.topbar-popover-action.danger{color:#a21d31;background:#fff8f9;border-color:#f0d7dc}
.topbar-popover-heading{display:grid;gap:3px;padding:2px 2px 9px;border-bottom:1px solid #f0e6ec}
.topbar-popover-heading strong{color:#351d2c;font-size:13px;font-weight:900}.topbar-popover-heading small{color:#8b7b85;font-size:10px}
.warehouse-control-field{display:grid;gap:7px}.warehouse-control-field>span{color:#796a74;font-size:9px;font-weight:850}
.warehouse-control-field select{width:100%;min-height:42px;padding:8px 11px;border:1px solid #eadfe6;border-radius:12px;background:#fffafd;color:#382431;font-size:11px}
.warehouse-tool-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border:1px solid #eee4ea;border-radius:12px;background:#fff;color:#3e2a36;font-size:10px;font-weight:800;text-align:right;cursor:pointer}
.warehouse-tool-row:hover{background:#fff7fb;border-color:#ead4e1}.warehouse-tool-row>.ui-icon{width:18px;height:18px;color:#a41460}
[data-theme="dark"] .topbar-popover{background:#24191f;border-color:#47323f;color:#f6edf2}
[data-theme="dark"] .topbar-user-head,[data-theme="dark"] .topbar-popover-heading{border-color:#46323d}
[data-theme="dark"] .topbar-user-avatar{background:#35232e;border-color:#503643;color:#f07ab6}
[data-theme="dark"] .topbar-user-identity>span,[data-theme="dark"] .topbar-user-meta span,[data-theme="dark"] .topbar-popover-heading small{color:#b9a8b2}
[data-theme="dark"] .topbar-user-identity strong,[data-theme="dark"] .topbar-popover-heading strong{color:#f6edf2}
[data-theme="dark"] .topbar-user-meta>div,[data-theme="dark"] .warehouse-control-field select,[data-theme="dark"] .warehouse-tool-row,[data-theme="dark"] .topbar-popover-action{background:#2d2028;border-color:#493540;color:#f3e9ef}
[data-theme="dark"] .topbar-popover-action.danger{background:#352027;border-color:#5c313b;color:#ffb7c2}


@media(max-width:1180px){
  .warehouse-system-header{gap:24px;padding-inline:24px}
  .warehouse-header-brand{gap:16px;max-width:62vw}.warehouse-header-logo{flex-basis:82px;width:82px;height:82px;border-radius:21px}
  .warehouse-header-subtitle{font-size:11.5px}.warehouse-header-action{width:44px;height:44px;flex-basis:44px}.warehouse-header-action>.ui-icon{width:20px;height:20px}.warehouse-icon-dock{gap:7px}
}
@media(max-width:940px){
  .warehouse-system-header{display:grid;grid-template-columns:1fr;gap:15px;min-height:0;padding:19px;border-radius:0 0 27px 27px}
  .warehouse-header-brand{width:100%;max-width:none;gap:14px}.warehouse-header-logo{flex-basis:78px;width:78px;height:78px;padding:7px;border-radius:21px}.warehouse-header-logo-plate{border-radius:16px}
  .warehouse-header-copy{gap:5px}.warehouse-header-kicker{min-height:23px;padding:3px 10px;font-size:9px}.warehouse-header-subtitle{font-size:10.5px;line-height:1.55}.warehouse-header-site{min-height:29px;padding:5px 10px;font-size:9px}
  .warehouse-header-utility{width:100%}.warehouse-icon-dock{width:100%;justify-content:space-between;gap:7px;padding:7px}.warehouse-header-action{flex:0 0 45px;width:45px;height:45px}
}
@media(max-width:560px){
  .topbar-user-popover,.topbar-settings-popover{width:calc(100vw - 16px);padding:13px;border-radius:17px}.topbar-user-meta{grid-template-columns:1fr}.topbar-user-actions{grid-template-columns:1fr 1fr}
  .warehouse-system-header{margin-bottom:12px;padding:13px 10px 11px;border-radius:0 0 21px 21px}
  .warehouse-header-brand{gap:10px}.warehouse-header-logo{flex-basis:56px;width:56px;height:56px;padding:5px;border-radius:16px}.warehouse-header-logo-plate{padding:3px;border-radius:12px}.warehouse-header-logo img[src$="company-logo.png"]{border-radius:9px}
  .warehouse-header-kicker{font-size:7px;letter-spacing:.12em}.warehouse-header-copy h1{gap:5px}.warehouse-header-subtitle{display:none}.warehouse-header-site{font-size:8px;min-height:25px;margin-top:0}.warehouse-header-site>.ui-icon{width:13px;height:13px}
  .warehouse-icon-dock{gap:5px;padding:5px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.warehouse-icon-dock::-webkit-scrollbar{display:none}.warehouse-header-action{flex:0 0 41px;width:41px;height:41px;border-radius:13px}.warehouse-header-action>.ui-icon{width:18px;height:18px}.warehouse-notification-badge{min-width:18px;height:18px;top:-5px;right:-4px;font-size:8px}.warehouse-ai-live-dot{width:9px;height:9px;left:5px;bottom:5px}
}