/* Stage 8: the owner's windows and «Xidmətlərimiz / Əlaqə / Məxfilik» in style E.
   The layout (lists, editor columns, import table, bulk bar) stays in the old stylesheets; this layer only gives
   them the E look: white surface, ink text, green actions, orange for discounts, 44 px touch targets.
   Every rule starts with body.e-site dialog.customer-dialog:not(#e-none): the :not(#id) lifts it above the old theme
   (whose selectors stack several :not() filters) without !important. */
body.e-site dialog.customer-dialog:not(#e-none) {
  --d-green:#17703F; --d-green-dark:#0F5530; --d-green-soft:#EAF4EE; --d-orange:#B8500C; --d-orange-soft:#FFF6EF;
  --d-ink:#1C1F1A; --d-muted:#4A5046; --d-line:#E7E9E4; --d-field:#C9CFC5;
  width:min(640px,calc(100% - 24px)); max-height:90dvh; padding:20px; border:0; border-radius:18px; background:#fff; color:var(--d-ink);
  box-shadow:0 20px 70px rgb(28 31 26 / .25); font:400 15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body.e-site dialog.customer-dialog:not(#e-none)::backdrop { background:rgb(28 31 26 / .45); backdrop-filter:none; }

/* header and text */
body.e-site dialog.customer-dialog:not(#e-none) .customer-head { margin:-4px 0 14px; padding-bottom:12px; border-bottom:1px solid var(--d-line); }
body.e-site dialog.customer-dialog:not(#e-none) .customer-head h2, body.e-site dialog.customer-dialog:not(#e-none) h2 { margin:0; font-size:20px; font-weight:800; line-height:1.25; color:var(--d-ink); }
body.e-site dialog.customer-dialog:not(#e-none) h3 { margin:14px 0 6px; font-size:16px; font-weight:800; color:var(--d-ink); }
body.e-site dialog.customer-dialog:not(#e-none) .customer-head button { width:44px; height:44px; min-width:44px; padding:0; border:1px solid #D5D9D2; border-radius:12px; background:#fff; color:var(--d-ink); font-size:22px; line-height:1; }
body.e-site dialog.customer-dialog:not(#e-none) p, body.e-site dialog.customer-dialog:not(#e-none) .customer-hint { color:var(--d-muted); font-size:14px; }
body.e-site dialog.customer-dialog:not(#e-none) .customer-hint { font-size:12.5px; }
body.e-site dialog.customer-dialog:not(#e-none) a { color:var(--d-green); }

/* fields */
body.e-site dialog.customer-dialog:not(#e-none) label { color:var(--d-ink); font-size:13.5px; font-weight:600; }
body.e-site dialog.customer-dialog:not(#e-none) input:not([type=checkbox]):not([type=radio]):not([type=file]),
body.e-site dialog.customer-dialog:not(#e-none) textarea, body.e-site dialog.customer-dialog:not(#e-none) select {
  min-height:46px; padding:10px 12px; border:1.5px solid var(--d-field); border-radius:12px; background:#fff; color:var(--d-ink); font:400 16px/1.3 inherit;
}
body.e-site dialog.customer-dialog:not(#e-none) input:focus, body.e-site dialog.customer-dialog:not(#e-none) textarea:focus, body.e-site dialog.customer-dialog:not(#e-none) select:focus {
  border-color:var(--d-green); outline:none; box-shadow:0 0 0 3px var(--d-green-soft);
}
body.e-site dialog.customer-dialog:not(#e-none) input[type=checkbox], body.e-site dialog.customer-dialog:not(#e-none) input[type=radio] { accent-color:var(--d-green); }
body.e-site dialog.customer-dialog:not(#e-none) input:disabled, body.e-site dialog.customer-dialog:not(#e-none) select:disabled { background:#F2F4F0; color:#7A8075; }
body.e-site dialog.customer-dialog:not(#e-none) .phone-input { border:1.5px solid var(--d-field); border-radius:12px; }
body.e-site dialog.customer-dialog:not(#e-none) .phone-input > span { color:var(--d-muted); background:#F2F4F0; }
body.e-site dialog.customer-dialog:not(#e-none) .phone-input:focus-within { outline:none; border-color:var(--d-green); box-shadow:0 0 0 3px var(--d-green-soft); }

/* buttons: outline by default, green for the main action */
body.e-site dialog.customer-dialog:not(#e-none) button:not(.primary), body.e-site dialog.customer-dialog:not(#e-none) a.button,
body.e-site dialog.customer-dialog:not(#e-none) .customer-actions button, body.e-site dialog.customer-dialog:not(#e-none) .customer-actions a, body.e-site dialog.customer-dialog:not(#e-none) .recipe-card button, body.e-site dialog.customer-dialog:not(#e-none) .backup-link {
  min-height:44px; padding:0 16px; border:1.5px solid var(--d-ink); border-radius:12px; background:#fff; color:var(--d-ink); font-size:14px; font-weight:700; text-decoration:none;
}
body.e-site dialog.customer-dialog:not(#e-none) .customer-head button { padding:0; }
body.e-site dialog.customer-dialog:not(#e-none) button.primary, body.e-site dialog.customer-dialog:not(#e-none) .primary {
  min-height:46px; padding:0 18px; border:0; border-radius:12px; background:var(--d-green); color:#fff; font-size:15px; font-weight:700;
}
body.e-site dialog.customer-dialog:not(#e-none) button.primary:hover { background:var(--d-green-dark); }
body.e-site dialog.customer-dialog:not(#e-none) button:not(.primary):hover, body.e-site dialog.customer-dialog:not(#e-none) a.button:hover { background:#F2F4F0; }
body.e-site dialog.customer-dialog:not(#e-none) .customer-actions [aria-pressed=true] { background:var(--d-ink); color:#fff; border-color:var(--d-ink); }
body.e-site dialog.customer-dialog:not(#e-none) button:disabled { opacity:.55; cursor:not-allowed; }
body.e-site dialog.customer-dialog:not(#e-none) .customer-actions { gap:8px; }

/* lists, sections, tables */
body.e-site dialog.customer-dialog:not(#e-none) .stock-list li, body.e-site dialog.customer-dialog:not(#e-none) .stock-history li, body.e-site dialog.customer-dialog:not(#e-none) .stock-items li,
body.e-site dialog.customer-dialog:not(#e-none) .note-items > div, body.e-site dialog.customer-dialog:not(#e-none) .admin-result { border-bottom-color:var(--d-line); }
body.e-site dialog.customer-dialog:not(#e-none) .stock-list li { padding:10px 0; align-items:center; }
body.e-site dialog.customer-dialog:not(#e-none) .stock-section, body.e-site dialog.customer-dialog:not(#e-none) .recipe-card { border:1px solid var(--d-line); border-radius:14px; background:#fff; }
body.e-site dialog.customer-dialog:not(#e-none) .recipe-card h3 { color:var(--d-ink); }
body.e-site dialog.customer-dialog:not(#e-none) .stock-bulk-bar { border-bottom-color:var(--d-line); }
body.e-site dialog.customer-dialog:not(#e-none) .import-table td, body.e-site dialog.customer-dialog:not(#e-none) .import-table th { border-color:var(--d-line); }
body.e-site dialog.customer-dialog:not(#e-none) .import-table th { background:#F2F4F0; color:var(--d-ink); }
body.e-site dialog.customer-dialog:not(#e-none) .upload-preview, body.e-site dialog.customer-dialog:not(#e-none) .saved-product, body.e-site dialog.customer-dialog:not(#e-none) .admin-result > img { background:#F3EDE8; border-radius:12px; }

/* states */
body.e-site dialog.customer-dialog:not(#e-none) .stock-error, body.e-site dialog.customer-dialog:not(#e-none) [role=alert] { color:#9B1C1C; }
body.e-site dialog.customer-dialog:not(#e-none) p.stock-error[role=alert] { padding:10px 12px; border-radius:12px; background:#FDECEA; }
body.e-site dialog.customer-dialog:not(#e-none) .stock-ok { background:var(--d-green-soft); color:var(--d-green-dark); border-radius:12px; }
body.e-site dialog.customer-dialog:not(#e-none) .import-warning, body.e-site dialog.customer-dialog:not(#e-none) .import-progress { background:var(--d-orange-soft); color:#6B2E05; border-radius:12px; }
body.e-site dialog.customer-dialog:not(#e-none) .barcode-status[data-state=ok] { color:var(--d-green); }
body.e-site dialog.customer-dialog:not(#e-none) .admin-badge { background:var(--d-orange); }
body.e-site dialog.customer-dialog:not(#e-none) .support-open { color:var(--d-orange); }
body.e-site dialog.customer-dialog:not(#e-none) .support-thread li { background:#F2F4F0; }
body.e-site dialog.customer-dialog:not(#e-none) .support-thread li.shop { background:var(--d-green-soft); }

/* «Əlaqə» and other customer windows */
body.e-site dialog.customer-dialog:not(#e-none) .contact-actions a, body.e-site dialog.customer-dialog:not(#e-none) .contact-actions button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; }
body.e-site dialog.customer-dialog:not(#e-none) .contact-actions .primary { background:var(--d-green); color:#fff; }
body.e-site dialog.customer-dialog:not(#e-none) .contact-actions a.contact-whatsapp, body.e-site dialog.customer-dialog:not(#e-none) a.button.contact-whatsapp { background:#1FA855; border-color:#1FA855; color:#fff; }

/* phones: the window becomes a full-height sheet */
@media (max-width:640px) {
  body.e-site dialog.customer-dialog:not(#e-none) { width:100%; max-width:100%; height:100dvh; max-height:100dvh; margin:0; border-radius:0; padding:16px 16px 28px; }
}
body.e-site dialog.customer-dialog:not(#e-none) .contact-actions a, body.e-site dialog.customer-dialog:not(#e-none) .contact-actions button { border-radius:12px; padding:0 18px; }
body.e-site dialog.customer-dialog:not(#e-none) h4 { margin:12px 0 4px; font-size:15px; font-weight:700; color:var(--d-ink); }