/* Warehouse EXP Date — Settings module visual owner.
   v21.26 root-first ownership: module-specific selectors live here once. */

/* Migrated from app/app.css; source-order preserved inside this owner. */
html[dir="rtl"] .settings-eyebrow{text-transform:none;letter-spacing:0}
.settings-page{display:grid; gap:18px;}
.settings-hero{display:flex; justify-content:space-between; align-items:center; gap:18px; padding:24px; border-radius:24px; color:#fff; background:linear-gradient(135deg,#0f2f55,#a50f62 62%,#f04aa7); box-shadow:0 20px 44px rgba(122,16,77,.16);}
.settings-hero-copy h2{margin:4px 0 6px;}
.settings-hero-copy p{margin:0; opacity:.82;}
.settings-eyebrow{font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; opacity:.75;}
.settings-hero-actions{display:flex; gap:8px; flex-wrap:wrap;}
.settings-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.settings-card{background:var(--surface); border:1px solid var(--border); border-radius:22px; padding:19px; box-shadow:var(--shadow-sm);}
.settings-card.full{grid-column:1/-1;}
.settings-card-head{display:flex; gap:11px; align-items:center; margin-bottom:16px;}
.settings-card-icon{width:40px; height:40px; border-radius:13px; display:grid; place-items:center; color:#c21875; background:rgba(194,24,117,.08);}
.settings-card-icon .ui-icon{width:21px; height:21px;}
.settings-card-head strong{display:block;}
.settings-card-head small{display:block; color:var(--text-muted);  margin-top:2px;}
.settings-fields{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }

.settings-field.full{grid-column:1/-1;}

.settings-field input,.settings-field select{width:100%; border:1px solid var(--border); background:var(--surface-soft); color:var(--text); border-radius:12px; padding:10px 11px; font:inherit; outline:none;}
.settings-field input:focus{border-color:var(--secondary); box-shadow:0 0 0 3px rgba(185,21,104,.10);}
.settings-switch-row{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 0; border-bottom:1px dashed var(--border);}
.settings-switch-row:last-child{border-bottom:0;}
.settings-switch-copy strong{display:block;}
.settings-switch-copy small{display:block; color:var(--text-muted); font-size:9px; margin-top:2px;}
.settings-switch{position:relative; width:46px; height:26px; flex:0 0 auto;}
.settings-switch input{opacity:0; width:0; height:0;}
.settings-switch span{position:absolute; inset:0; border-radius:999px; background:#cbd5e1; cursor:pointer; transition:.2s;}
.settings-switch span::after{content:""; position:absolute; width:20px; height:20px; top:3px; left:3px; border-radius:50%; background:#fff; transition:.2s; box-shadow:0 2px 6px rgba(0,0,0,.16);}
.settings-switch input:checked + span{background:linear-gradient(135deg,#c21875,#f04aa7);}
.settings-switch input:checked + span::after{transform:translateX(20px);}
[dir="rtl"] .settings-switch input:checked + span::after{transform:translateX(20px);}
@media (max-width: 900px){
.settings-grid{grid-template-columns:1fr;}
.settings-card.full{grid-column:auto;}
.settings-hero{align-items:flex-start; flex-direction:column;}
}
@media (max-width: 560px){
.settings-fields{grid-template-columns:1fr;}
}
.pwa-install-btn{display:none;}
.pwa-install-btn.ready{display:inline-flex;}
.pwa-status-pill{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px;
            font-size:10px; font-weight:800; border:1px solid var(--border); background:var(--surface);
            color:var(--text-muted);}
.pwa-status-pill.online{color:#047857; border-color:rgba(5,150,105,.24); background:rgba(5,150,105,.08);}
.pwa-status-pill.offline{color:#b45309; border-color:rgba(217,119,6,.28); background:rgba(217,119,6,.08);}
.pwa-status-pill.installed{color:#a50f62; border-color:rgba(194,24,117,.24); background:rgba(194,24,117,.08);}
.pwa-card-actions{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px;}
.pwa-details-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px;}
.pwa-detail{padding:11px 12px; border-radius:14px; border:1px solid var(--border); background:var(--surface-soft);}
.pwa-detail span{display:block; color:var(--text-muted); font-size:9px; font-weight:800; margin-bottom:4px;}
.pwa-detail strong{display:block; color:var(--primary); font-size:11px; overflow-wrap:anywhere;}
.pwa-help{margin-top:10px; color:var(--text-muted); font-size:10px; line-height:1.8;}
@media (max-width:760px){
.pwa-details-grid{grid-template-columns:1fr;}
}
.users-table-wrap{overflow:auto; border:1px solid var(--border); border-radius:15px;}
.users-table{width:100%; border-collapse:collapse; min-width:720px;}
.users-table th,.users-table td{padding:10px 11px; border-bottom:1px solid var(--border); text-align:start; font-size:10px;}
.users-table th{color:var(--text-muted); font-weight:900; background:var(--surface-soft);}
.users-table tr:last-child td{border-bottom:0;}
.cloud-sync-card{position:relative; overflow:hidden;}
.cloud-sync-card::after{content:""; position:absolute; width:180px; height:180px; border-radius:50%; inset-inline-end:-95px; top:-105px; background:radial-gradient(circle,rgba(194,24,117,.10),transparent 68%); pointer-events:none;}
.cloud-sync-actions{   flex-wrap:wrap; margin-top:11px;}
.cloud-sync-note{margin-top:10px; padding:9px 11px; border:1px solid var(--border); border-radius:12px; background:var(--surface-soft); color:var(--text-muted); font-size:9px; line-height:1.75;}
.cloud-sync-note strong{color:var(--primary);}
@media (max-width: 760px){
.settings-hero{border-radius:16px}
.settings-card{border-radius:16px}
.settings-grid{grid-template-columns:1fr;gap:10px}
.settings-card.full{grid-column:auto}
.settings-fields{grid-template-columns:1fr}
.settings-field.full{grid-column:auto}
.cloud-sync-actions,.settings-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
.cloud-sync-actions .btn,.settings-hero-actions .btn{width:100%;justify-content:center}
.users-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}
@media (max-width: 430px){
.cloud-sync-actions,.settings-hero-actions{grid-template-columns:1fr}
}
.data-integrity-card{display:grid;gap:16px}
.data-integrity-card.is-loading{opacity:.78;pointer-events:none}
.data-integrity-health{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:10px;font-weight:800;white-space:nowrap}
.data-integrity-health.ok{color:#08795b;background:rgba(16,185,129,.09);border-color:rgba(16,185,129,.22)}
.data-integrity-health.warning{color:#a05d00;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.24)}
.data-integrity-health.danger{color:#b42318;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.20)}
.data-integrity-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.data-integrity-stat{min-width:0;padding:13px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-soft);display:grid;gap:5px}
.data-integrity-stat span{font-size:9.5px;color:var(--text-muted);font-weight:650}
.data-integrity-stat strong{font-size:20px;font-variant-numeric:tabular-nums}
.data-integrity-stat.good strong{color:#07966d}
.data-integrity-stat.warning strong{color:#c77600}
.data-integrity-stat.danger strong{color:#d03445}
.data-integrity-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.settings-switch-row.compact{flex:1 1 560px;margin:0;padding:11px 13px}
.data-integrity-generated{font-size:9.5px;color:var(--text-muted);font-weight:650}
.data-integrity-table-wrap{max-height:430px;overflow:auto}
.data-integrity-table{min-width:980px}
.data-integrity-table td{vertical-align:top}
.data-integrity-table td code{display:inline-block;padding:5px 7px;border-radius:8px;background:var(--surface-soft);font-size:10px}
.data-integrity-table td strong{display:block;font-size:10.5px}
.data-integrity-table td small{display:block;margin-top:4px;color:var(--brand);font-size:9px}
.data-integrity-empty{text-align:center;color:var(--text-muted);padding:28px}
.data-integrity-empty.danger{color:#b42318}
@media (max-width:900px){
.data-integrity-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:540px){
.data-integrity-summary-grid{grid-template-columns:1fr 1fr}
.data-integrity-stat{padding:11px}
.data-integrity-stat strong{font-size:17px}
}
/* Migrated from app/styles/architecture-system.css; source-order preserved inside this owner. */
.warehouse-app .settings-card{color:var(--text-main);   }
.warehouse-app .settings-page{gap:15px;}
.warehouse-app .settings-hero{position:relative; overflow:hidden; padding:24px 25px; border-radius:21px; color:#fff;
  background:linear-gradient(120deg,#26141f 0%,#551a3d 54%,#7a104d 100%); border:1px solid rgba(255,255,255,.10); box-shadow:0 24px 60px -40px rgba(80,17,53,.82);}
.warehouse-app .settings-hero::after{content:""; position:absolute; inset-inline-end:-60px; top:-110px; width:220px; height:220px; border-radius:50%; background:rgba(237,28,145,.12); pointer-events:none;}
.warehouse-app .settings-hero-copy,.warehouse-app .settings-hero-actions{position:relative; z-index:1;}
.warehouse-app .settings-hero-copy h2{margin:3px 0 5px; font-size:var(--type-section-title); line-height:1.3;}
.warehouse-app .settings-hero-copy p{max-width:720px; font-size:11.5px; line-height:1.75; color:rgba(255,248,252,.76);}
.warehouse-app .settings-eyebrow{color:#ffd6ea; opacity:.92;}
.warehouse-app .settings-nav{display:flex; align-items:center; gap:8px; overflow-x:auto; padding:7px; border:1px solid var(--border);    scrollbar-width:none;}
.warehouse-app .settings-nav::-webkit-scrollbar{display:none;}
.warehouse-app .settings-nav-btn{min-height:42px; flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border:1px solid transparent;  background:transparent; color:var(--text-muted); font:800 10px/1.3 Tahoma,Arial,sans-serif; cursor:pointer;}
.warehouse-app .settings-nav-btn:hover{color:var(--text-main); background:var(--surface-soft); border-color:var(--border);}
.warehouse-app .settings-nav-btn.active{border-color:#8f154f;}
.warehouse-app .settings-nav-btn .ui-icon{width:16px; height:16px;}
.warehouse-app .settings-grid{display:grid; grid-template-columns:repeat(12,minmax(0,1fr));}
.warehouse-app .settings-card{grid-column:span 6;    border:1px solid var(--border); }
.warehouse-app .settings-card.full{grid-column:1/-1;}
.warehouse-app .settings-card-head{margin-bottom:15px;}
.warehouse-app .settings-card-icon{width:42px; height:42px; border-radius:12px; color:var(--brand-strong); background:var(--brand-soft); border:1px solid color-mix(in srgb,var(--brand-strong) 13%,var(--border));}
.warehouse-app .settings-card-head strong{color:var(--text-main);  line-height:1.5;}
.warehouse-app .settings-card-head small{color:var(--text-muted);  line-height:1.65;}
.warehouse-app .settings-group-heading{grid-column:1/-1; display:flex; align-items:center; gap:11px;  scroll-margin-top:92px;}
.warehouse-app .settings-group-heading:not(:first-child){margin-top:4px; padding-top:18px; border-top:1px solid var(--border);}
.warehouse-app .settings-group-index{flex:0 0 34px; display:grid; place-items:center;  color:var(--brand-strong); background:var(--brand-soft); font:900 10px/1 Arial,sans-serif;}
.warehouse-app .settings-group-heading strong{display:block; color:var(--text-main);  line-height:1.45;}
.warehouse-app .settings-group-heading small{display:block; margin-top:2px; color:var(--text-muted); font-size:9.5px; line-height:1.55;}
.warehouse-app .settings-field label{color:var(--text-muted); font-size:10px; line-height:1.45;}
.warehouse-app .settings-field input,.warehouse-app .settings-field select{min-height:44px; color:var(--text-main); background:var(--input-bg); border-color:var(--border);}
.warehouse-app .settings-switch-row{border-bottom-color:var(--border);}
.warehouse-app .settings-switch-copy strong{color:var(--text-main); font-size:11px; line-height:1.5;}
.warehouse-app .settings-switch-copy small{color:var(--text-muted); line-height:1.55;}
.warehouse-app .pwa-detail,.warehouse-app .cloud-sync-note{color:var(--text-main); background:var(--surface-soft); border-color:var(--border);}
.warehouse-app .pwa-detail span,.warehouse-app .pwa-help{color:var(--text-muted);}
.warehouse-app .pwa-detail strong{color:var(--text-main);}
.warehouse-app .pwa-status-pill{background:var(--surface-soft); border-color:var(--border); color:var(--text-muted);}
.warehouse-app .pwa-status-pill.online{color:var(--success); background:color-mix(in srgb,var(--success) 9%,var(--surface)); border-color:color-mix(in srgb,var(--success) 22%,var(--border));}
.warehouse-app .pwa-status-pill.offline{color:var(--warning); background:color-mix(in srgb,var(--warning) 9%,var(--surface)); border-color:color-mix(in srgb,var(--warning) 24%,var(--border));}
.warehouse-app .pwa-status-pill.installed{color:var(--brand-strong); background:var(--brand-soft); border-color:color-mix(in srgb,var(--brand-strong) 18%,var(--border));}
body[data-theme="dark"].warehouse-app .settings-card,body[data-theme="dark"].warehouse-app .settings-nav{color:var(--text-main); background:var(--surface); border-color:var(--border);}
body[data-theme="dark"].warehouse-app .settings-card-head strong,body[data-theme="dark"].warehouse-app .settings-switch-copy strong,body[data-theme="dark"].warehouse-app .settings-group-heading strong{color:var(--text-main);}
body[data-theme="dark"].warehouse-app .settings-card-head small,body[data-theme="dark"].warehouse-app .settings-group-heading small,body[data-theme="dark"].warehouse-app .settings-field label,body[data-theme="dark"].warehouse-app .settings-switch-copy small{color:var(--text-muted);}
body[data-theme="dark"].warehouse-app .settings-card-icon,body[data-theme="dark"].warehouse-app .settings-group-index{color:#ff81c6; background:#351d2b; border-color:#543044;}
body[data-theme="dark"].warehouse-app .pwa-detail,body[data-theme="dark"].warehouse-app .cloud-sync-note{color:var(--text-main); background:var(--surface-soft); border-color:var(--border);}
@media (max-width:1200px){
.warehouse-app .settings-card{grid-column:span 6;}
}
@media (max-width:900px){
.warehouse-app .settings-card{grid-column:1/-1;}
}
@media (max-width:760px){
.warehouse-app .settings-hero{align-items:flex-start; flex-direction:column; padding:20px; border-radius:18px;}
.warehouse-app .settings-hero-actions{width:100%; display:grid; grid-template-columns:1fr 1fr;}
.warehouse-app .settings-hero-actions .stable-status-pill{grid-column:1/-1; width:max-content;}
.warehouse-app .settings-nav{position:sticky; top:60px; z-index:650; border-radius:14px;}
.warehouse-app .settings-card,.warehouse-app .settings-card.full,.warehouse-app .settings-group-heading{grid-column:1;}
.warehouse-app .settings-group-heading{padding-top:14px;}
.warehouse-app .settings-fields{grid-template-columns:1fr;}
.warehouse-app .settings-field.full{grid-column:auto;}
.warehouse-app .settings-card-head strong{font-size:12.5px;}
.warehouse-app .settings-card-head small{font-size:9.5px;}
.warehouse-app .users-table-wrap{overflow:visible; border:0;}
}
@media (max-width:430px){
.warehouse-app .settings-hero-actions{grid-template-columns:1fr;}
.warehouse-app .settings-hero-actions .stable-status-pill{grid-column:auto;}
}
.warehouse-app .settings-field select{min-height:44px;}
.site-create-row .settings-field{margin:0}

.warehouse-app .users-table{border-collapse:separate;border-spacing:0}
.warehouse-app .settings-grid{gap:14px}
.warehouse-app .settings-card{padding:17px 18px;}
.warehouse-app .settings-card-head{gap:12px}
.warehouse-app .settings-card-head strong{font-size:13.5px;font-weight:760}
.warehouse-app .settings-card-head small{font-size:11.5px}
.warehouse-app .settings-group-heading{margin:26px 0 12px;padding:0 4px}
.warehouse-app .settings-group-heading strong{font-size:14px}
.warehouse-app .settings-group-index{width:30px;height:30px;border-radius:9px}
.settings-fields{gap:14px}
.settings-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.settings-field label{color:var(--dlg-text);font-size:12.5px;font-weight:700;line-height:1.45}
.settings-field small{color:var(--dlg-muted);font-size:11.5px;font-weight:540;line-height:1.55}
.cloud-sync-actions{position:relative;bottom:auto;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:22px 0 0;padding:16px var(--dlg-pad-x) 18px;
  background:color-mix(in srgb,var(--dlg-surface) 97%,transparent 3%);border-top:1px solid var(--dlg-border);box-shadow:0 -18px 34px -34px rgba(45,26,39,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.modal-card>.cloud-sync-actions,.modal-box>.cloud-sync-actions{position:relative;bottom:auto;flex:0 0 auto;width:auto;margin:0;padding:16px var(--dlg-pad-x) 18px;background:color-mix(in srgb,var(--dlg-surface) 98%,transparent 2%);
  border-top:1px solid var(--dlg-border);box-shadow:0 -12px 28px -30px rgba(45,26,39,.42)}
@media (max-width:760px){
.settings-fields{grid-template-columns:1fr}
}
@media (max-width:760px){
.warehouse-app .settings-grid{grid-template-columns:1fr;gap:9px;}
.warehouse-app .settings-card{padding:14px;overflow:visible;}
.warehouse-app .settings-card-head{align-items:flex-start;gap:9px;}
.warehouse-app .settings-card-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;}
.warehouse-app .data-integrity-summary-grid{grid-template-columns:1fr 1fr;gap:7px;}
.warehouse-app .data-integrity-table-wrap{max-height:none;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.warehouse-app .data-integrity-table{min-width:760px;}
}
@media (max-width:430px){
.warehouse-app .data-integrity-summary-grid{grid-template-columns:1fr;}
}
.warehouse-app .settings-card-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 8%,transparent),0 10px 24px -20px currentColor}
.warehouse-app .settings-card{border-color:var(--premium-line);
  box-shadow:var(--premium-shadow-sm),inset 0 1px 0 color-mix(in srgb,#fff 62%,transparent);}
.warehouse-app .settings-card{border-radius:22px;
  background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface-soft) 62%,var(--surface)));}
.warehouse-app .settings-nav{border-radius:20px;
  border-color:var(--premium-line);
  box-shadow:var(--premium-shadow-sm);
  background:color-mix(in srgb,var(--surface) 96%,transparent);}
.warehouse-app .settings-nav-btn{border-radius:12px;transition:background .16s ease,color .16s ease,transform .16s ease}
.warehouse-app .settings-nav-btn:hover{transform:translateX(-1px)}
.warehouse-app .settings-nav-btn.active{background:linear-gradient(135deg,var(--brand-soft),color-mix(in srgb,var(--brand-soft) 50%,var(--surface)));color:var(--brand-strong)}
.warehouse-app #settingsSection{position:relative;}
.warehouse-app #settingsSection::before{content:"";
  position:absolute;
  z-index:0;
  width:190px;
  height:190px;
  inset-inline-end:18px;
  top:18px;
  background:url("../assets/warehouse-exp-mark.svg") center/contain no-repeat;
  opacity:.018;
  filter:grayscale(1);
  pointer-events:none;}
.warehouse-app #settingsSection>*{position:relative;z-index:1}
body[data-theme="dark"].warehouse-app .settings-nav{box-shadow:0 22px 54px -38px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.035);}
body[data-theme="dark"].warehouse-app .settings-card{background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface-soft) 72%,var(--surface)));}
@media (max-width:760px){
.warehouse-app .settings-card{border-radius:17px;box-shadow:0 12px 30px -26px rgba(40,15,31,.34)}
.warehouse-app #settingsSection::before{width:120px;height:120px;opacity:.012}
}