:root {
  --ihsan-ink: #0d0d0e;
  --ihsan-ink-2: #171719;
  --ihsan-ink-3: #232326;
  --ihsan-gold: #c8a45c;
  --ihsan-gold-deep: #8f6e2f;
  --ihsan-gold-soft: #ead9ad;
  --ihsan-paper: #f4f0e7;
  --ihsan-paper-2: #ebe4d7;
  --ihsan-white: #fffefa;
  --ihsan-copy: #1b1915;
  --ihsan-muted: #746e64;
  --ihsan-line: #dcd2c1;
  --ihsan-success: #2d7757;
  --ihsan-danger: #a44949;
  --ihsan-radius: 18px;
  --ihsan-shadow: 0 20px 60px rgba(40, 31, 17, .08);
}

body.ihsan-admin-ui {
  background: var(--ihsan-paper);
  color: var(--ihsan-copy);
  overflow-x: hidden;
}

body.ihsan-admin-ui ::selection,
body.ihsan-admin-login ::selection {
  background: rgba(200, 164, 92, .35);
  color: inherit;
}

/* Secure sign-in */
body.ihsan-admin-login {
  background: var(--ihsan-ink);
}

body.ihsan-admin-login .ihsan-login-shell {
  min-height: 100vh !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
  align-items: stretch !important;
  background: var(--ihsan-paper) !important;
  position: relative;
}

.ihsan-login-story {
  min-height: 100vh;
  padding: 48px 54px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 15%, rgba(200, 164, 92, .16), transparent 30%),
    linear-gradient(145deg, #080809 0%, #151310 58%, #0b0b0c 100%);
}

.ihsan-login-story::after {
  content: "إحسان";
  position: absolute;
  right: -3vw;
  bottom: -10vw;
  font: 400 clamp(150px, 25vw, 430px)/1 "Playfair Display", serif;
  color: rgba(200, 164, 92, .045);
  transform: rotate(-8deg);
}

.ihsan-login-mark,
.ihsan-login-copy,
.ihsan-login-foot { position: relative; z-index: 1; }
.ihsan-login-mark { display: flex; align-items: center; gap: 16px; }
.ihsan-login-mark span {
  display: grid; place-items: center; width: 48px; height: 48px;
  border: 1px solid rgba(200, 164, 92, .48); border-radius: 50%;
  font: 500 18px/1 "Playfair Display", serif; color: var(--ihsan-gold);
}
.ihsan-login-mark small,
.ihsan-login-foot { font: 700 9px/1.4 "Space Mono", monospace; letter-spacing: .17em; color: rgba(255,255,255,.42); }
.ihsan-login-copy { max-width: 730px; }
.ihsan-login-copy > p { margin-bottom: 18px; font: 700 10px/1.4 "Space Mono", monospace; letter-spacing: .2em; color: var(--ihsan-gold); }
.ihsan-login-copy h2 { margin: 0; font: 400 clamp(54px, 6.7vw, 108px)/.9 "Playfair Display", serif; letter-spacing: -.045em; }
.ihsan-login-copy h2 em { color: var(--ihsan-gold); font-weight: 400; }
.ihsan-login-copy > span { display: block; max-width: 570px; margin-top: 28px; font-size: 14px; line-height: 1.8; color: rgba(255,255,255,.52); }
.ihsan-login-foot { display: flex; justify-content: space-between; }

body.ihsan-admin-login .ihsan-login-panel {
  width: 100% !important;
  max-width: none !important;
  padding: 64px clamp(34px, 6vw, 96px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--ihsan-paper);
  color: var(--ihsan-copy);
}

body.ihsan-admin-login .ihsan-login-panel > div:first-child { text-align: left !important; margin-bottom: 30px !important; }
body.ihsan-admin-login .ihsan-login-panel > div:first-child img { width: 68px !important; height: 68px !important; margin: 0 0 22px !important; border-radius: 16px !important; box-shadow: 0 12px 30px rgba(0,0,0,.14); }
body.ihsan-admin-login .ihsan-login-panel h1 { color: var(--ihsan-copy) !important; font-size: 38px !important; letter-spacing: -.025em; text-transform: none !important; }
body.ihsan-admin-login .ihsan-login-panel h1 + p { color: var(--ihsan-muted) !important; margin-top: 7px; }
body.ihsan-admin-login .ihsan-login-card {
  padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
body.ihsan-admin-login .ihsan-login-card form { display: flex; flex-direction: column; gap: 14px; }
body.ihsan-admin-login .ihsan-login-card input {
  height: 54px !important; width: 100%; padding: 0 16px !important;
  color: var(--ihsan-copy) !important; background: var(--ihsan-white) !important;
  border: 1px solid var(--ihsan-line) !important; border-radius: 12px !important;
  box-shadow: 0 8px 25px rgba(45,35,18,.035);
}
body.ihsan-admin-login .ihsan-login-card input:focus { border-color: var(--ihsan-gold-deep) !important; box-shadow: 0 0 0 4px rgba(200,164,92,.12); }
body.ihsan-admin-login .ihsan-login-card .btn-gold {
  min-height: 54px; border-radius: 12px !important; background: var(--ihsan-ink) !important; color: #fff !important;
  border: 1px solid var(--ihsan-ink) !important; font: 700 10px/1 "Space Mono", monospace; letter-spacing: .14em; text-transform: uppercase;
}
body.ihsan-admin-login .ihsan-login-card .btn-gold:hover { background: var(--ihsan-gold) !important; color: var(--ihsan-ink) !important; border-color: var(--ihsan-gold) !important; }
body.ihsan-admin-login .ihsan-login-card button:not(.btn-gold) { color: var(--ihsan-muted) !important; padding: 10px; }
body.ihsan-admin-login .ihsan-login-panel > a { margin-top: 30px; color: var(--ihsan-muted) !important; }

/* Main admin shell */
.ihsan-admin-shell { min-height: 100vh !important; background: var(--ihsan-paper) !important; }
.ihsan-admin-sidebar {
  width: 276px !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(200,164,92,.08), transparent 28%),
    var(--ihsan-ink) !important;
  border-right: 0 !important;
  box-shadow: 18px 0 50px rgba(22,16,8,.08);
  overflow-y: auto;
  scrollbar-width: none;
}
.ihsan-admin-sidebar::-webkit-scrollbar { display: none; }
.ihsan-admin-brand { padding: 24px 22px 21px !important; border-bottom: 1px solid rgba(200,164,92,.14) !important; }
.ihsan-admin-brand a { gap: 13px !important; }
.ihsan-admin-brand img { width: 42px !important; height: 42px !important; object-fit: cover; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(0,0,0,.3); }
.ihsan-admin-brand p:first-of-type { font: 500 17px/1.1 "Playfair Display", serif !important; letter-spacing: .01em; color: #fff !important; }
.ihsan-admin-brand p:last-of-type { margin-top: 4px; color: var(--ihsan-gold) !important; letter-spacing: .16em !important; }

.ihsan-admin-nav { padding: 18px 14px 92px !important; }
.ihsan-admin-nav-group {
  margin: 21px 12px 8px;
  font: 700 8px/1.2 "Space Mono", monospace;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: rgba(255,255,255,.24);
}
.ihsan-admin-nav-group:first-child { margin-top: 2px; }
.ihsan-admin-nav .ihsan-admin-nav-item {
  min-height: 42px;
  padding: 0 13px !important;
  margin: 3px 0;
  gap: 12px !important;
  border-radius: 10px !important;
  border: 1px solid transparent;
  color: rgba(255,255,255,.5) !important;
  font: 700 9px/1 "Space Mono", monospace !important;
  letter-spacing: .1em !important;
}
.ihsan-admin-nav .ihsan-admin-nav-item svg { width: 17px !important; height: 17px !important; opacity: .78; }
.ihsan-admin-nav .ihsan-admin-nav-item:hover { color: #fff !important; background: rgba(255,255,255,.055) !important; border-color: rgba(255,255,255,.04); }
.ihsan-admin-nav .ihsan-admin-nav-item:focus-visible { outline: 2px solid var(--ihsan-gold); outline-offset: 2px; }
.ihsan-admin-nav .ihsan-admin-nav-item[class*="bg-gold"],
.ihsan-admin-nav .ihsan-admin-nav-item[aria-current="page"],
.ihsan-admin-nav .ihsan-admin-proof-link.is-open {
  color: var(--ihsan-gold-soft) !important;
  background: linear-gradient(90deg, rgba(200,164,92,.19), rgba(200,164,92,.07)) !important;
  border-color: rgba(200,164,92,.2);
  box-shadow: inset 3px 0 0 var(--ihsan-gold);
}
.ihsan-admin-proof-link { width: 100%; text-transform: uppercase; text-align: left; }
.ihsan-admin-sidebar > div:last-child { padding: 17px 22px !important; border-color: rgba(200,164,92,.14) !important; background: rgba(0,0,0,.22); }
.ihsan-admin-sidebar > div:last-child button { width: 100%; padding: 10px 0; font: 700 9px/1 "Space Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }

.ihsan-admin-content { min-width: 0; background: var(--ihsan-paper); }
.ihsan-admin-header {
  height: 84px !important;
  padding: 0 clamp(20px, 3vw, 46px) !important;
  position: sticky; top: 0; z-index: 35;
  background: rgba(244,240,231,.9) !important;
  border-bottom: 1px solid rgba(148,125,83,.2) !important;
  backdrop-filter: blur(18px);
}
.ihsan-admin-header > button { color: var(--ihsan-copy) !important; margin-right: 14px; }
.ihsan-admin-identity { min-width: 0; }
.ihsan-admin-identity p { font: 700 8px/1.3 "Space Mono", monospace; letter-spacing: .18em; color: var(--ihsan-gold-deep); }
.ihsan-admin-identity h1 { margin-top: 4px; font: 500 19px/1 "Playfair Display", serif; color: var(--ihsan-copy); }
.ihsan-admin-tools { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.ihsan-live-status, .ihsan-admin-date { font: 700 8px/1 "Space Mono", monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--ihsan-muted); white-space: nowrap; }
.ihsan-live-status { display: flex; align-items: center; gap: 7px; }
.ihsan-live-status i { width: 7px; height: 7px; border-radius: 50%; background: #4d9d72; box-shadow: 0 0 0 4px rgba(77,157,114,.11); }
.ihsan-view-site {
  min-height: 36px; padding: 0 14px; display: inline-flex; align-items: center;
  border: 1px solid var(--ihsan-line); border-radius: 9px;
  background: rgba(255,255,255,.5); color: var(--ihsan-copy) !important;
  font: 700 8px/1 "Space Mono", monospace !important; letter-spacing: .1em !important;
}
.ihsan-view-site:hover { background: var(--ihsan-ink); color: #fff !important; border-color: var(--ihsan-ink); }

.ihsan-admin-main {
  padding: 34px clamp(20px, 3.4vw, 54px) 70px !important;
  width: 100%; max-width: 1520px; margin: 0 auto;
  color: var(--ihsan-copy);
}
.ihsan-page-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.ihsan-page-intro p { margin-bottom: 7px; font: 700 9px/1.4 "Space Mono", monospace; letter-spacing: .18em; text-transform: uppercase; color: var(--ihsan-gold-deep); }
.ihsan-page-intro h2 { font: 500 clamp(32px, 3.3vw, 52px)/1 "Playfair Display", serif; letter-spacing: -.035em; color: var(--ihsan-copy); }
.ihsan-page-intro h2 + span { display: block; max-width: 680px; margin-top: 10px; color: var(--ihsan-muted); font-size: 12px; line-height: 1.6; }
.ihsan-page-actions { display: flex; gap: 8px; flex-shrink: 0; }
.ihsan-page-actions[hidden] { display: none !important; }
.ihsan-page-actions a, .ihsan-page-actions button {
  min-height: 40px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 10px; border: 1px solid var(--ihsan-ink); background: var(--ihsan-ink); color: #fff;
  font: 700 8px/1 "Space Mono", monospace; letter-spacing: .1em; text-transform: uppercase;
}
.ihsan-page-actions button { background: transparent; color: var(--ihsan-copy); border-color: var(--ihsan-line); }
.ihsan-page-actions button:hover { border-color: var(--ihsan-gold-deep); color: var(--ihsan-gold-deep); }

/* Re-skin all existing admin views without replacing their behaviour */
.ihsan-admin-main > div > h1:first-child,
.ihsan-admin-main > div > div:first-child > h1:first-child { display: none; }
.ihsan-admin-main .card-gold,
.ihsan-admin-main [class*="bg-dark-card"],
.ihsan-admin-main [class*="bg-[#0A0A0B]"],
.ihsan-admin-main [class*="bg-[#141416]"] {
  background: var(--ihsan-white) !important;
  border-color: var(--ihsan-line) !important;
  border-radius: var(--ihsan-radius) !important;
  box-shadow: var(--ihsan-shadow);
}
.ihsan-admin-main .card-gold { padding: 18px; }
.ihsan-admin-main [class*="text-white"] { color: var(--ihsan-copy) !important; }
.ihsan-admin-main [class*="text-white/20"],
.ihsan-admin-main [class*="text-white/30"],
.ihsan-admin-main [class*="text-white/40"],
.ihsan-admin-main [class*="text-white/50"],
.ihsan-admin-main [class*="text-white/60"] { color: var(--ihsan-muted) !important; }
.ihsan-admin-main .text-gold { color: var(--ihsan-gold-deep) !important; }
.ihsan-admin-main .border-gold-15,
.ihsan-admin-main [class*="border-gold"] { border-color: var(--ihsan-line) !important; }
.ihsan-admin-main [class*="hover:bg-dark-light"]:hover,
.ihsan-admin-main [class*="hover:bg-white"]:hover { background: rgba(200,164,92,.07) !important; }

.ihsan-admin-main .font-display { font-family: "Playfair Display", serif !important; letter-spacing: -.015em; }
.ihsan-admin-main h1, .ihsan-admin-main h2, .ihsan-admin-main h3 { color: var(--ihsan-copy) !important; }
.ihsan-admin-main h2 { font-size: 20px; }
.ihsan-admin-main table { width: 100%; border-collapse: separate; border-spacing: 0; }
.ihsan-admin-main thead { background: #eee7da; }
.ihsan-admin-main th {
  padding: 13px 15px !important; color: var(--ihsan-muted) !important;
  font: 700 8px/1.3 "Space Mono", monospace !important; letter-spacing: .14em !important; text-transform: uppercase;
  border-bottom: 1px solid var(--ihsan-line) !important;
}
.ihsan-admin-main th:first-child { border-radius: 11px 0 0 0; }
.ihsan-admin-main th:last-child { border-radius: 0 11px 0 0; }
.ihsan-admin-main td { padding: 14px 15px !important; color: var(--ihsan-copy) !important; border-bottom: 1px solid rgba(220,210,193,.72) !important; }
.ihsan-admin-main tbody tr:last-child td { border-bottom: 0 !important; }
.ihsan-admin-main tbody tr { transition: background .18s ease; }
.ihsan-admin-main tbody tr:hover { background: rgba(200,164,92,.07) !important; }
.ihsan-admin-main table button, .ihsan-admin-main table a { border-radius: 8px !important; }

.ihsan-admin-main input,
.ihsan-admin-main textarea,
.ihsan-admin-main select,
.ihsan-admin-main .input-dark {
  color: var(--ihsan-copy) !important;
  background: #fbf9f4 !important;
  border: 1px solid var(--ihsan-line) !important;
  border-radius: 10px !important;
  min-height: 44px;
  outline: none;
}
.ihsan-admin-main input:focus,
.ihsan-admin-main textarea:focus,
.ihsan-admin-main select:focus { border-color: var(--ihsan-gold-deep) !important; box-shadow: 0 0 0 4px rgba(200,164,92,.11); }
.ihsan-admin-main input::placeholder,
.ihsan-admin-main textarea::placeholder { color: #9d9589 !important; }
.ihsan-admin-main .btn-gold {
  background: var(--ihsan-ink) !important; color: #fff !important; border: 1px solid var(--ihsan-ink) !important;
  border-radius: 10px !important; min-height: 40px; padding-left: 15px; padding-right: 15px;
}
.ihsan-admin-main .btn-gold:hover { background: var(--ihsan-gold) !important; color: var(--ihsan-ink) !important; border-color: var(--ihsan-gold) !important; }
.ihsan-admin-main .btn-outline {
  color: var(--ihsan-copy) !important; background: transparent !important; border-color: var(--ihsan-line) !important; border-radius: 10px !important;
}
.ihsan-admin-main .btn-outline:hover { border-color: var(--ihsan-gold-deep) !important; color: var(--ihsan-gold-deep) !important; }

body[data-admin-route="dashboard"] .ihsan-admin-main .grid.grid-cols-2 { gap: 14px !important; }
body[data-admin-route="dashboard"] .ihsan-admin-main .grid.grid-cols-2 > a {
  min-height: 132px; padding: 21px !important; position: relative; overflow: hidden;
  background: var(--ihsan-white) !important; border: 1px solid var(--ihsan-line) !important;
  border-radius: var(--ihsan-radius) !important; box-shadow: var(--ihsan-shadow);
}
body[data-admin-route="dashboard"] .ihsan-admin-main .grid.grid-cols-2 > a::after {
  content: "↗"; position: absolute; top: 17px; right: 18px; color: #a79d8d; font-size: 14px;
}
body[data-admin-route="dashboard"] .ihsan-admin-main .grid.grid-cols-2 > a:hover { transform: translateY(-2px); border-color: rgba(143,110,47,.55) !important; }
body[data-admin-route="dashboard"] .ihsan-admin-main .grid.grid-cols-2 > a p:last-child { margin-top: 18px !important; font-size: 34px !important; }

/* Products catalogue workspace */
body[data-admin-route="products"] {
  --ihsan-product-surface: #ffffff;
  --ihsan-product-field: #ffffff;
  --ihsan-product-line: #ddd7cc;
}
body[data-admin-route="products"] .ihsan-products-toolbar {
  display: flex !important; justify-content: flex-end !important; margin: -66px 0 25px !important; position: relative; z-index: 2;
}
body[data-admin-route="products"] .ihsan-products-toolbar > h1 { display: none !important; }
body[data-admin-route="products"] .ihsan-products-toolbar .btn-gold { min-width: 132px; }
body[data-admin-route="products"] .ihsan-product-editor,
body[data-admin-route="products"] .ihsan-product-variant-manager,
body[data-admin-route="products"] .ihsan-products-table {
  padding: 0 !important; overflow: hidden; border-radius: 18px !important;
  background: var(--ihsan-product-surface) !important;
  border-color: var(--ihsan-product-line) !important;
}
body[data-admin-route="products"] .ihsan-product-editor > h3,
body[data-admin-route="products"] .ihsan-product-variant-manager > div:first-child {
  margin: 0 !important; padding: 20px 24px !important; border-bottom: 1px solid var(--ihsan-product-line);
  background: var(--ihsan-product-surface) !important;
}
body[data-admin-route="products"] .ihsan-product-editor > h3 {
  font: 500 24px/1.2 "Playfair Display", serif !important; color: var(--ihsan-copy) !important;
}
body[data-admin-route="products"] .ihsan-product-form { padding: 24px; }
body[data-admin-route="products"] .ihsan-product-form > div:not(.ihsan-product-section):not(.ihsan-product-form-actions) { position: relative; }
body[data-admin-route="products"] .ihsan-product-form input,
body[data-admin-route="products"] .ihsan-product-form select,
body[data-admin-route="products"] .ihsan-product-form textarea,
body[data-admin-route="products"] .ihsan-product-variant-manager input {
  min-height: 47px; padding: 0 14px !important; background: var(--ihsan-product-field) !important; border-color: var(--ihsan-product-line) !important;
}
body[data-admin-route="products"] .ihsan-product-form textarea { padding-top: 12px !important; min-height: 90px; }
body[data-admin-route="products"] .ihsan-product-form input:hover,
body[data-admin-route="products"] .ihsan-product-form select:hover,
body[data-admin-route="products"] .ihsan-product-form textarea:hover { border-color: #bcae95 !important; }
body[data-admin-route="products"] .ihsan-product-form input[type="checkbox"] {
  min-height: 0; width: 17px; height: 17px; padding: 0 !important; accent-color: var(--ihsan-gold-deep);
}
body[data-admin-route="products"] .ihsan-product-form label { color: var(--ihsan-muted) !important; }

body[data-admin-route="products"] .ihsan-product-section {
  padding: 19px !important; background: var(--ihsan-product-surface) !important; border: 1px solid var(--ihsan-product-line) !important;
  border-radius: 14px !important; box-shadow: none !important;
}
body[data-admin-route="products"] .ihsan-product-section h4 {
  color: var(--ihsan-copy) !important; font: 500 18px/1.2 "Playfair Display", serif !important;
}
body[data-admin-route="products"] .ihsan-product-section p,
body[data-admin-route="products"] .ihsan-product-section label,
body[data-admin-route="products"] .ihsan-product-section span { color: var(--ihsan-muted) !important; }
body[data-admin-route="products"] .ihsan-product-section .text-red-400 { color: var(--ihsan-danger) !important; }
body[data-admin-route="products"] .ihsan-product-section .btn-outline { background: var(--ihsan-white) !important; }

body[data-admin-route="products"] .ihsan-product-upload {
  min-height: 58px; padding: 8px 10px; grid-column: span 2 / span 2;
  display: flex !important; align-items: center; gap: 12px !important;
  background: var(--ihsan-product-surface) !important; border: 1px dashed var(--ihsan-product-line); border-radius: 11px;
}
body[data-admin-route="products"] .ihsan-product-upload input[type="file"] {
  min-height: 0; padding: 0 !important; border: 0 !important; background: transparent !important;
}
body[data-admin-route="products"] .ihsan-product-upload input[type="file"]::file-selector-button {
  height: 38px; margin-right: 12px; padding: 0 14px; border: 1px solid var(--ihsan-ink); border-radius: 8px;
  background: var(--ihsan-ink); color: #fff; font: 700 8px/1 "Space Mono", monospace; letter-spacing: .08em; text-transform: uppercase; cursor: pointer;
}
body[data-admin-route="products"] .ihsan-product-upload img { width: 46px !important; height: 46px !important; border-radius: 9px !important; }

body[data-admin-route="products"] .ihsan-product-variant-list { display: flex; flex-direction: column; gap: 8px !important; }
body[data-admin-route="products"] .ihsan-product-variant-list > div:first-child:not(.ihsan-product-variant-row) {
  padding: 0 10px 2px !important;
}
body[data-admin-route="products"] .ihsan-product-variant-row {
  margin: 0 !important; padding: 10px !important; border: 1px solid var(--ihsan-product-line) !important;
  border-radius: 11px; background: var(--ihsan-product-surface) !important; align-items: center;
}
body[data-admin-route="products"] .ihsan-product-variant-row input { min-height: 42px !important; background: var(--ihsan-product-field) !important; }
body[data-admin-route="products"] .ihsan-product-variant-row button { padding: 10px 4px; color: var(--ihsan-danger) !important; font: 700 8px/1 "Space Mono", monospace; text-transform: uppercase; }
body[data-admin-route="products"] .ihsan-product-form-actions {
  margin: 6px -24px -24px !important; padding: 18px 24px !important; background: var(--ihsan-product-surface) !important; border-top: 1px solid var(--ihsan-product-line);
}
body[data-admin-route="products"] .ihsan-product-form-actions button { min-width: 145px; min-height: 44px; }

body[data-admin-route="products"] .ihsan-product-variant-manager { margin-bottom: 18px; }
body[data-admin-route="products"] .ihsan-product-variant-manager > .space-y-2 { padding: 18px 22px 10px; }
body[data-admin-route="products"] .ihsan-product-variant-manager > div:last-child { padding: 10px 22px 20px; }
body[data-admin-route="products"] .ihsan-products-table { margin-top: 18px; }
body[data-admin-route="products"] .ihsan-products-table table { min-width: 940px; }
body[data-admin-route="products"] .ihsan-products-table td:first-child { font-family: "Playfair Display", serif; font-size: 14px !important; }
body[data-admin-route="products"] .ihsan-products-table td button { min-height: 29px; }

/* Keep every legacy product-editing container on the same white surface. */
body[data-admin-route="products"] .ihsan-products-page .bg-dark-light,
body[data-admin-route="products"] .ihsan-products-page .bg-dark-card,
body[data-admin-route="products"] .ihsan-products-page [class*="bg-[#0A0A0B]"],
body[data-admin-route="products"] .ihsan-products-page [class*="bg-[#141416]"],
body[data-admin-route="products"] .ihsan-products-page [class*="bg-[#171719]"] {
  background: var(--ihsan-product-surface) !important;
  color: var(--ihsan-copy) !important;
}
body[data-admin-route="products"] .ihsan-products-page form,
body[data-admin-route="products"] .ihsan-products-page .space-y-2,
body[data-admin-route="products"] .ihsan-products-page table,
body[data-admin-route="products"] .ihsan-products-page tbody,
body[data-admin-route="products"] .ihsan-products-page tr,
body[data-admin-route="products"] .ihsan-products-page td {
  background-color: var(--ihsan-product-surface) !important;
}
body[data-admin-route="products"] .ihsan-products-page thead {
  background: #f5f3ee !important;
}

/* Payment proof workspace */
body.ihsan-proof-open { overflow: hidden; }
.ihsan-proof-workspace {
  position: fixed;
  top: 84px;
  left: 276px;
  right: 0;
  bottom: 0;
  z-index: 34;
  overflow-y: auto;
  background:
    radial-gradient(circle at 92% 4%, rgba(200,164,92,.11), transparent 24%),
    var(--ihsan-paper);
  color: var(--ihsan-copy);
}
.ihsan-proof-page { width: min(100%, 1460px); margin: 0 auto; padding: 36px clamp(24px, 3.4vw, 54px) 72px; }
.ihsan-proof-page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.ihsan-proof-eyebrow { margin-bottom: 9px; font: 700 9px/1.4 "Space Mono", monospace; letter-spacing: .19em; color: var(--ihsan-gold-deep); }
.ihsan-proof-page-header h2 { margin: 0; color: var(--ihsan-copy); font: 500 clamp(36px, 4vw, 58px)/1 "Playfair Display", serif; letter-spacing: -.04em; }
.ihsan-proof-page-header h2 + span { display: block; max-width: 700px; margin-top: 11px; color: var(--ihsan-muted); font-size: 12px; line-height: 1.65; }
.ihsan-proof-close {
  min-height: 42px; padding: 0 14px 0 16px; display: inline-flex; align-items: center; gap: 14px; flex-shrink: 0;
  border: 1px solid var(--ihsan-line); border-radius: 10px; background: rgba(255,255,255,.55); color: var(--ihsan-copy);
  font: 700 8px/1 "Space Mono", monospace; letter-spacing: .1em; text-transform: uppercase;
}
.ihsan-proof-close b { font: 400 18px/1 sans-serif; color: var(--ihsan-muted); }
.ihsan-proof-close:hover { border-color: var(--ihsan-gold-deep); color: var(--ihsan-gold-deep); }

.ihsan-proof-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-bottom: 18px; }
.ihsan-proof-summary article {
  min-height: 128px; padding: 20px 21px; background: var(--ihsan-white); border: 1px solid var(--ihsan-line);
  border-radius: 16px; box-shadow: 0 14px 40px rgba(40,31,17,.055); position: relative; overflow: hidden;
}
.ihsan-proof-summary article:first-child { background: var(--ihsan-ink); border-color: var(--ihsan-ink); color: #fff; }
.ihsan-proof-summary article::after { content: ""; position: absolute; width: 70px; height: 70px; right: -28px; top: -28px; border: 1px solid rgba(200,164,92,.35); border-radius: 50%; }
.ihsan-proof-summary span { display: block; font: 700 8px/1.3 "Space Mono", monospace; letter-spacing: .13em; text-transform: uppercase; color: var(--ihsan-muted); }
.ihsan-proof-summary article:first-child span { color: rgba(255,255,255,.48); }
.ihsan-proof-summary strong { display: block; margin-top: 12px; font: 500 34px/1 "Playfair Display", serif; color: var(--ihsan-gold-deep); }
.ihsan-proof-summary article:first-child strong { color: var(--ihsan-gold-soft); }
.ihsan-proof-summary small { display: block; margin-top: 7px; color: var(--ihsan-muted); font-size: 9px; }
.ihsan-proof-summary article:first-child small { color: rgba(255,255,255,.4); }

.ihsan-proof-panel { background: var(--ihsan-white); border: 1px solid var(--ihsan-line); border-radius: 18px; box-shadow: var(--ihsan-shadow); overflow: hidden; }
.ihsan-proof-toolbar { padding: 20px 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--ihsan-line); }
.ihsan-proof-toolbar h3 { margin: 0; font: 500 21px/1.2 "Playfair Display", serif; color: var(--ihsan-copy); }
.ihsan-proof-toolbar h3 + p { margin-top: 6px; color: var(--ihsan-muted); font-size: 10px; }
.ihsan-proof-toolbar h3 + p.is-error { color: var(--ihsan-danger); }
.ihsan-proof-controls { display: flex; gap: 9px; }
.ihsan-proof-controls label { display: flex; flex-direction: column; gap: 5px; }
.ihsan-proof-controls label > span { font: 700 7px/1 "Space Mono", monospace; letter-spacing: .13em; text-transform: uppercase; color: var(--ihsan-muted); }
.ihsan-proof-controls input, .ihsan-proof-controls select {
  width: 190px; height: 39px; padding: 0 12px; border: 1px solid var(--ihsan-line); border-radius: 9px;
  background: #faf7f1; color: var(--ihsan-copy); outline: none; font-size: 11px;
}
.ihsan-proof-controls select { width: 155px; }
.ihsan-proof-controls input:focus, .ihsan-proof-controls select:focus { border-color: var(--ihsan-gold-deep); box-shadow: 0 0 0 3px rgba(200,164,92,.1); }
.ihsan-proof-list { display: flex; flex-direction: column; }
.ihsan-proof-card {
  padding: 18px 20px; display: grid; grid-template-columns: 190px minmax(0, 1fr) 168px; align-items: center; gap: 22px;
  border-bottom: 1px solid var(--ihsan-line); background: var(--ihsan-white); transition: background .18s ease;
}
.ihsan-proof-card:last-child { border-bottom: 0; }
.ihsan-proof-card:hover { background: #fcfaf6; }
.ihsan-proof-card[hidden] { display: none; }
.ihsan-proof-preview { width: 190px; height: 128px; margin: 0; border-radius: 12px; overflow: hidden; border: 1px solid var(--ihsan-line); background: #eee8dd; position: relative; }
.ihsan-proof-preview img { width: 100%; height: 100%; object-fit: cover; }
.ihsan-proof-preview > [hidden] { display: none !important; }
.ihsan-proof-preview > div { width: 100%; height: 100%; display: grid; place-content: center; justify-items: center; gap: 8px; background: linear-gradient(145deg, #eee8dc, #f8f4ec); }
.ihsan-proof-preview > div span { font: 700 9px/1 "Space Mono", monospace; letter-spacing: .16em; color: var(--ihsan-gold-deep); }
.ihsan-proof-preview > div small { font-size: 8px; color: var(--ihsan-muted); }
.ihsan-proof-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ihsan-proof-card-top p { color: var(--ihsan-gold-deep); font: 700 9px/1.3 "Space Mono", monospace; letter-spacing: .08em; }
.ihsan-proof-card-top span { padding: 6px 8px; border-radius: 999px; font: 700 7px/1 "Space Mono", monospace; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.ihsan-proof-card-top .is-pending { color: #936319; background: #f3e7ca; border: 1px solid #dfc58c; }
.ihsan-proof-card-top .is-confirmed { color: var(--ihsan-success); background: #e2f0e8; border: 1px solid #b9d8c7; }
.ihsan-proof-details h3 { margin: 8px 0 13px; color: var(--ihsan-copy); font: 500 22px/1.1 "Playfair Display", serif; }
.ihsan-proof-details dl { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }
.ihsan-proof-details dt { margin-bottom: 3px; color: var(--ihsan-muted); font: 700 7px/1.2 "Space Mono", monospace; letter-spacing: .11em; text-transform: uppercase; }
.ihsan-proof-details dd { margin: 0; color: var(--ihsan-copy); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ihsan-proof-row-message { min-height: 14px; margin-top: 9px; color: var(--ihsan-danger); font-size: 9px; }
.ihsan-proof-row-message.is-success { color: var(--ihsan-success); }
.ihsan-proof-actions { display: flex; flex-direction: column; gap: 8px; }
.ihsan-proof-actions button {
  width: 100%; min-height: 42px; padding: 0 13px; border-radius: 9px; border: 1px solid var(--ihsan-line);
  font: 700 8px/1 "Space Mono", monospace; letter-spacing: .08em; text-transform: uppercase;
}
.ihsan-proof-actions button:first-child { background: transparent; color: var(--ihsan-copy); }
.ihsan-proof-actions button:first-child span { float: right; }
.ihsan-proof-actions button:last-child { background: var(--ihsan-ink); color: #fff; border-color: var(--ihsan-ink); }
.ihsan-proof-actions button:hover:not(:disabled) { border-color: var(--ihsan-gold-deep); color: var(--ihsan-gold-deep); background: transparent; }
.ihsan-proof-actions button:disabled { background: #e9eee9; border-color: #d1ddd4; color: var(--ihsan-success); cursor: default; }
.ihsan-proof-empty { padding: 48px 20px; text-align: center; color: var(--ihsan-muted); font-size: 11px; }

@media (max-width: 1023px) {
  .ihsan-admin-sidebar { width: 276px !important; }
  .ihsan-admin-header { height: 72px !important; }
  .ihsan-live-status, .ihsan-admin-date { display: none; }
  .ihsan-page-intro { align-items: flex-start; }
  .ihsan-proof-workspace { top: 72px; left: 0; }
  .ihsan-proof-card { grid-template-columns: 160px minmax(0, 1fr); }
  .ihsan-proof-preview { width: 160px; height: 120px; }
  .ihsan-proof-actions { grid-column: 1 / -1; flex-direction: row; justify-content: flex-end; }
  .ihsan-proof-actions button { width: auto; min-width: 160px; }
}

@media (max-width: 820px) {
  body.ihsan-admin-login .ihsan-login-shell { grid-template-columns: 1fr; }
  .ihsan-login-story { min-height: 300px; padding: 30px 28px; }
  .ihsan-login-copy h2 { font-size: clamp(44px, 10vw, 72px); }
  .ihsan-login-copy > span { display: none; }
  .ihsan-login-foot { display: none; }
  body.ihsan-admin-login .ihsan-login-panel { padding: 46px 26px 60px; }
  .ihsan-page-intro { flex-direction: column; }
  .ihsan-page-actions { width: 100%; }
  .ihsan-page-actions > * { flex: 1; }
  .ihsan-proof-page-header, .ihsan-proof-toolbar { align-items: stretch; flex-direction: column; }
  .ihsan-proof-summary { grid-template-columns: 1fr; }
  .ihsan-proof-summary article { min-height: 105px; }
  .ihsan-proof-controls { width: 100%; }
  .ihsan-proof-controls label { flex: 1; }
  .ihsan-proof-controls input, .ihsan-proof-controls select { width: 100%; }
  .ihsan-proof-card { grid-template-columns: 130px minmax(0, 1fr); gap: 16px; }
  .ihsan-proof-preview { width: 130px; height: 130px; }
  .ihsan-proof-details dl { grid-template-columns: 1fr; gap: 7px; }
  body[data-admin-route="products"] .ihsan-products-toolbar { margin: 0 0 16px !important; }
  body[data-admin-route="products"] .ihsan-product-form { padding: 18px; }
  body[data-admin-route="products"] .ihsan-product-form-actions { margin: 4px -18px -18px !important; padding: 16px 18px !important; }
  body[data-admin-route="products"] .ihsan-product-upload { grid-column: auto; }
}

@media (max-width: 620px) {
  .ihsan-admin-header { padding: 0 16px !important; }
  .ihsan-admin-identity p { display: none; }
  .ihsan-admin-identity h1 { font-size: 16px; }
  .ihsan-view-site { width: 36px; padding: 0; font-size: 0 !important; justify-content: center; }
  .ihsan-view-site::after { content: "↗"; font-size: 14px; }
  .ihsan-admin-main { padding: 24px 15px 48px !important; }
  .ihsan-page-intro h2 { font-size: 34px; }
  .ihsan-page-intro h2 + span { font-size: 11px; }
  body[data-admin-route="dashboard"] .ihsan-admin-main .grid.grid-cols-2 { grid-template-columns: 1fr !important; }
  .ihsan-proof-page { padding: 24px 15px 48px; }
  .ihsan-proof-page-header { margin-bottom: 20px; }
  .ihsan-proof-page-header h2 { font-size: 36px; }
  .ihsan-proof-close { align-self: flex-start; }
  .ihsan-proof-controls { flex-direction: column; }
  .ihsan-proof-card { padding: 16px; grid-template-columns: 1fr; }
  .ihsan-proof-preview { width: 100%; height: 210px; }
  .ihsan-proof-actions { grid-column: auto; flex-direction: column; }
  .ihsan-proof-actions button { width: 100%; min-width: 0; }
  body[data-admin-route="products"] .ihsan-product-section { padding: 14px !important; }
  body[data-admin-route="products"] .ihsan-product-variant-row { grid-template-columns: 1fr 1fr !important; }
  body[data-admin-route="products"] .ihsan-product-form-actions { flex-direction: column; }
  body[data-admin-route="products"] .ihsan-product-form-actions button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .ihsan-admin-ui *, .ihsan-admin-login * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}