/* Warehouse EXP Date — Brand & Icon System
   Loaded last on purpose. No priority overrides. */

/* ===== Brand lockup ===== */
.warehouse-app .system-logo{display:block;width:100%;height:100%;object-fit:contain}
.warehouse-app .company-seal{display:inline-block;width:18px;height:18px;object-fit:contain;flex:0 0 18px;filter:drop-shadow(0 2px 5px rgba(237,28,145,.18))}
.warehouse-app .brand-company-kicker,.warehouse-app .auth-company-kicker,.warehouse-app .session-brand-kicker{display:inline-flex;align-items:center;gap:6px}
.warehouse-app .system-mark-shell{display:grid;place-items:center;overflow:hidden;background:transparent;box-shadow:0 14px 30px -18px rgba(16,8,14,.62)}
.warehouse-app .system-mark-shell.compact{width:48px;height:48px;border-radius:15px;flex:0 0 48px}

.warehouse-app .brand-logo-shell{width:64px;height:64px;padding:0;border-radius:20px;background:transparent;border:0;box-shadow:0 18px 38px -24px rgba(8,3,6,.88)}
.warehouse-app .brand-logo-shell .system-logo{filter:drop-shadow(0 8px 14px rgba(20,3,12,.20))}
.warehouse-app .brand-copy{display:grid;align-content:center;min-width:0}
.warehouse-app .brand-company-kicker{width:max-content;color:#ffe1f1;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 8px 3px 5px;letter-spacing:1.55px}
.warehouse-app .brand-company-kicker .company-seal{width:16px;height:16px;flex-basis:16px;filter:none}
.warehouse-app .erp-header h1{display:block;margin:5px 0 1px;font-size:25px;letter-spacing:-.35px;direction:ltr;unicode-bidi:isolate;white-space:nowrap;text-align:start}
.warehouse-app .erp-header h1 span{display:inline;font-weight:900;color:#fff}
.warehouse-app .erp-header h1 em{display:inline;margin-inline-start:5px;font-style:normal;font-weight:900;color:#ff67b8;text-shadow:0 0 24px rgba(255,103,184,.22)}
.warehouse-app .brand-subtitle{max-width:520px}

.warehouse-app .auth-brand-logo-wrap{padding:0;border:0;background:transparent;box-shadow:0 18px 34px -24px rgba(0,0,0,.7)}
.warehouse-app .auth-company-kicker{width:max-content;padding:3px 8px 3px 5px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.warehouse-app .auth-company-kicker .company-seal{width:15px;height:15px;flex-basis:15px;filter:none}
.warehouse-app .auth-mobile-brand .auth-company-kicker{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 14%,var(--border));color:var(--brand-strong)}
.warehouse-app .session-restore-brand{align-items:center}
.warehouse-app .session-restore-brand>div:last-child{display:grid;gap:2px}
.warehouse-app .session-brand-kicker{width:max-content;color:var(--brand-strong);font:900 8px/1 Arial,sans-serif;letter-spacing:1.45px}
.warehouse-app .session-brand-kicker .company-seal{width:13px;height:13px;flex-basis:13px}

/* ===== Unified icon language ===== */
.warehouse-app .ui-icon{stroke-width:1.7;transition:transform .16s ease,color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.warehouse-app [data-ui-icon]>.ui-icon[data-generated-ui-icon]{overflow:visible}
.warehouse-app .tab-btn[data-ui-icon]{gap:10px}
.warehouse-app .tab-btn[data-ui-icon]>.ui-icon{
  width:18px;height:18px;padding:6px;box-sizing:content-box;border-radius:10px;
  color:var(--brand-strong);background:color-mix(in srgb,var(--brand-soft) 78%,var(--surface));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-strong) 10%,transparent);
}
.warehouse-app .tab-btn[data-ui-icon]:hover>.ui-icon{transform:translateY(-1px);background:color-mix(in srgb,var(--brand-soft) 92%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-strong) 16%,transparent),0 6px 14px -10px rgba(104,15,67,.55)}
.warehouse-app .tab-btn.active[data-ui-icon]>.ui-icon{color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.warehouse-app .header-actions .btn[data-ui-icon]>.ui-icon,.warehouse-app .header-select-with-icon>.ui-icon,.warehouse-app .current-user-pill>.ui-icon,.warehouse-app .offline-queue-pill>.ui-icon{
  width:18px;height:18px;padding:5px;box-sizing:content-box;border-radius:9px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)
}
.warehouse-app .btn[data-ui-icon]:hover>.ui-icon{transform:translateY(-1px)}
.warehouse-app .btn-whatsapp[data-ui-icon]>.ui-icon{color:currentColor}
.warehouse-app .btn-whatsapp{background:linear-gradient(135deg,#087d70,#11a98f);box-shadow:0 14px 28px -20px rgba(8,125,112,.72)}
.warehouse-app .btn-whatsapp:hover{background:linear-gradient(135deg,#076d63,#0d987f)}
.warehouse-app .item-card-avatar[data-ui-icon],.warehouse-app .settings-card-icon,.warehouse-app .kpi-icon,.warehouse-app .metric-icon,.warehouse-app .reports-kpi-icon{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 8%,transparent),0 10px 24px -20px currentColor
}
body[data-theme="dark"].warehouse-app .tab-btn[data-ui-icon]>.ui-icon{background:color-mix(in srgb,var(--brand-soft) 66%,var(--surface));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}

/* ===== WhatsApp setup experience ===== */
#whatsappReportModal .whatsapp-setup-card{
  --setup-accent:#64748b;--setup-soft:rgba(100,116,139,.065);
  margin-bottom:18px;padding:16px;border:1px solid color-mix(in srgb,var(--setup-accent) 20%,var(--border-color));
  border-radius:20px;background:linear-gradient(145deg,var(--surface,#fff),color-mix(in srgb,var(--setup-soft) 68%,var(--surface-soft,#fbf8fa)));
  box-shadow:0 16px 34px -30px color-mix(in srgb,var(--setup-accent) 50%,transparent);
}
#whatsappReportModal .whatsapp-setup-card[data-state="ready"]{--setup-accent:#0f9f75;--setup-soft:rgba(15,159,117,.075)}
#whatsappReportModal .whatsapp-setup-card[data-state="missing"]{--setup-accent:#d97706;--setup-soft:rgba(217,119,6,.07)}
#whatsappReportModal .whatsapp-setup-card[data-state="unavailable"]{--setup-accent:#dc3545;--setup-soft:rgba(220,53,69,.06)}
#whatsappReportModal .whatsapp-setup-card[data-state="checking"]{--setup-accent:#6b7280;--setup-soft:rgba(107,114,128,.055)}
#whatsappReportModal .whatsapp-setup-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px}
#whatsappReportModal .whatsapp-setup-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--setup-accent);background:color-mix(in srgb,var(--setup-accent) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--setup-accent) 18%,transparent);--ui-icon-size:22px}
#whatsappReportModal .whatsapp-setup-copy{display:grid;gap:2px;min-width:0}
#whatsappReportModal .whatsapp-setup-copy>span{color:var(--setup-accent);font-size:9px;font-weight:900;letter-spacing:.5px}
#whatsappReportModal .whatsapp-setup-copy>strong{color:var(--text-main);font-size:13.5px;line-height:1.45}
#whatsappReportModal .whatsapp-setup-copy>small{color:var(--text-muted);font-size:10px;line-height:1.6;overflow-wrap:anywhere}
#whatsappReportModal .whatsapp-status-dot{width:11px;height:11px;background:var(--setup-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--setup-accent) 12%,transparent)}
#whatsappReportModal .whatsapp-delivery-mode{color:var(--setup-accent);background:color-mix(in srgb,var(--setup-accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--setup-accent) 18%,var(--border));font-size:10px}
#whatsappReportModal .whatsapp-secret-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
#whatsappReportModal .whatsapp-secret-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 11px;border-radius:13px;background:var(--surface);border:1px solid var(--border)}
#whatsappReportModal .whatsapp-secret-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--brand-strong);background:var(--brand-soft);--ui-icon-size:16px}
#whatsappReportModal .whatsapp-secret-row>div{min-width:0}
#whatsappReportModal .whatsapp-secret-row strong{display:block;color:var(--text-main);font:800 9.5px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start}
#whatsappReportModal .whatsapp-secret-row small{display:block;margin-top:2px;color:var(--text-muted);font-size:8.5px;line-height:1.45}
#whatsappReportModal .whatsapp-secret-row em{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:5px 8px;border-radius:999px;font-size:9px;font-style:normal;font-weight:900;color:#64748b;background:rgba(100,116,139,.08)}
#whatsappReportModal .whatsapp-secret-row.is-ok{border-color:color-mix(in srgb,#0f9f75 24%,var(--border));background:color-mix(in srgb,#0f9f75 3%,var(--surface))}
#whatsappReportModal .whatsapp-secret-row.is-ok em{color:#08785a;background:rgba(15,159,117,.09)}
#whatsappReportModal .whatsapp-secret-row.is-missing{border-color:color-mix(in srgb,#d97706 28%,var(--border));background:color-mix(in srgb,#d97706 3%,var(--surface))}
#whatsappReportModal .whatsapp-secret-row.is-missing em{color:#a75605;background:rgba(217,119,6,.10)}
#whatsappReportModal .whatsapp-setup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
#whatsappReportModal .whatsapp-setup-actions .btn{min-height:38px;padding:7px 11px;font-size:10px}
#whatsappReportModal .whatsapp-send-error{display:none;padding:11px 12px;border-radius:13px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--surface));color:var(--danger);font-size:10px;font-weight:850;line-height:1.65}
#whatsappReportModal .whatsapp-send-error:not(:empty){display:block}
#whatsappReportModal .whatsapp-template-info{border-inline-start:4px solid #3b82f6}
#whatsappReportModal .whatsapp-policy-note{border-inline-start:4px solid #0f9f75}
#whatsappReportModal .whatsapp-direct-send-btn{min-width:176px;background:linear-gradient(135deg,#087d70,#13ad90);border-color:transparent;box-shadow:0 14px 26px -18px rgba(8,125,112,.62)}
#whatsappReportModal .whatsapp-direct-send-btn:hover{background:linear-gradient(135deg,#076d63,#0c977f)}

@media (max-width:760px){
  .warehouse-app .brand-logo-shell{width:52px;height:52px;border-radius:17px}
  .warehouse-app .erp-header h1{font-size:19px;gap:5px}
  .warehouse-app .brand-company-kicker{font-size:7.5px}
  .warehouse-app .tab-btn[data-ui-icon]>.ui-icon{width:18px;height:18px;padding:5px;border-radius:9px}
  #whatsappReportModal .whatsapp-setup-card{padding:13px;border-radius:17px}
  #whatsappReportModal .whatsapp-setup-head{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}
  #whatsappReportModal .whatsapp-delivery-mode{grid-column:2/4;justify-self:start}
  #whatsappReportModal .whatsapp-secret-grid{grid-template-columns:1fr}
  #whatsappReportModal .whatsapp-setup-actions{display:grid;grid-template-columns:1fr 1fr}
  #whatsappReportModal .whatsapp-setup-actions .btn{width:100%}
}

@media (max-width:430px){
  .warehouse-app .brand-company-kicker .company-seal{display:none}
  .warehouse-app .brand-subtitle{display:none}
  #whatsappReportModal .whatsapp-setup-actions{grid-template-columns:1fr}
  #whatsappReportModal .whatsapp-secret-row{grid-template-columns:auto minmax(0,1fr)}
  #whatsappReportModal .whatsapp-secret-row em{grid-column:2;justify-self:start}
}