/* PRT — Flat official icon chips (สีทึบ ชัด ทางการ) */

.prt-ig {
  --ig-bg: #f1f5f9;
  --ig-fg: #334155;
  --ig-border: #cbd5e1;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--ig-bg);
  border: 1px solid var(--ig-border);
  box-shadow: none;
  overflow: hidden;
}

.prt-ig::before,
.prt-ig::after {
  display: none;
}

.prt-ig--sm { width: 28px; height: 28px; border-radius: 7px; }
.prt-ig--md { width: 32px; height: 32px; border-radius: 8px; }
.prt-ig--lg { width: 44px; height: 44px; border-radius: 10px; }
.prt-ig--xl { width: 52px; height: 52px; border-radius: 11px; }

.prt-ig .prt-ic,
.prt-ig .prt-ic-graphic {
  position: relative;
  z-index: 1;
  display: block;
  color: var(--ig-fg);
}

.prt-ig--sm .prt-ic,
.prt-ig--sm .prt-ic-graphic { width: 16px; height: 16px; }
.prt-ig--md .prt-ic,
.prt-ig--md .prt-ic-graphic { width: 18px; height: 18px; }
.prt-ig--lg .prt-ic,
.prt-ig--lg .prt-ic-graphic { width: 22px; height: 22px; }
.prt-ig--xl .prt-ic,
.prt-ig--xl .prt-ic-graphic { width: 26px; height: 26px; }

/* โทนสีทางการ — พื้นทึบ + ไอคอนเข้ม */
.prt-ig--default,
.prt-ig--home {
  --ig-bg: #eef2ff;
  --ig-fg: #3730a3;
  --ig-border: #c7d2fe;
}

.prt-ig--checkin,
.prt-ig--schedule {
  --ig-bg: #ecfdf5;
  --ig-fg: #047857;
  --ig-border: #a7f3d0;
}

.prt-ig--ontrade,
.prt-ig--bill {
  --ig-bg: #fff7ed;
  --ig-fg: #c2410c;
  --ig-border: #fed7aa;
}

.prt-ig--leave {
  --ig-bg: #eff6ff;
  --ig-fg: #1d4ed8;
  --ig-border: #bfdbfe;
}

.prt-ig--account,
.prt-ig--settings-accounts {
  --ig-bg: #f8fafc;
  --ig-fg: #475569;
  --ig-border: #cbd5e1;
}

.prt-ig--settings,
.prt-ig--settings-overview {
  --ig-bg: #f5f3ff;
  --ig-fg: #6d28d9;
  --ig-border: #ddd6fe;
}

.prt-ig--settings-employees {
  --ig-bg: #faf5ff;
  --ig-fg: #7e22ce;
  --ig-border: #e9d5ff;
}

.prt-ig--settings-supervisors {
  --ig-bg: #ecfeff;
  --ig-fg: #0e7490;
  --ig-border: #a5f3fc;
}

.prt-ig--settings-events {
  --ig-bg: #fdf2f8;
  --ig-fg: #be185d;
  --ig-border: #fbcfe8;
}

.prt-ig--it {
  --ig-bg: #fefce8;
  --ig-fg: #a16207;
  --ig-border: #fde047;
}

.prt-ig--store {
  --ig-bg: #fce7f3;
  --ig-fg: #9d174d;
  --ig-border: #f9a8d4;
}

.prt-ig--alert {
  --ig-bg: #fef2f2;
  --ig-fg: #b91c1c;
  --ig-border: #fecaca;
}

.prt-ig--products {
  --ig-bg: #f0fdf4;
  --ig-fg: #15803d;
  --ig-border: #bbf7d0;
}

.prt-ig--schedules {
  --ig-bg: #fff7ed;
  --ig-fg: #9a3412;
  --ig-border: #fdba74;
}

.prt-nav-ic {
  all: unset;
  display: contents;
}

.prt-module-tile-ic {
  background: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
}

.prt-kpi-icon {
  padding: 0;
  background: transparent !important;
  font-size: inherit !important;
}

.prt-kpi-top .prt-ig,
.prt-sup-panel-head h2 .prt-ig {
  flex-shrink: 0;
}

.prt-sup-panel-head h2,
.prt-sup-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.prt-sup-alert-bell {
  display: inline-flex;
  align-items: center;
}

.prt-settings-hero-icon {
  background: transparent !important;
  border: none !important;
  padding: 0;
}

.prt-st-item-ic {
  background: transparent !important;
  border: none !important;
  padding: 0;
  width: auto;
  height: auto;
}

.prt-st-item-ic .prt-ig--sm {
  width: 28px;
  height: 28px;
}

/* Active nav — ขีดซ้ายทางการ ไม่ใช้ gradient */
.prt-mob-drawer-nav .prt-nav-item.active .prt-ig,
.prt-sidebar-nav .prt-nav-item.active .prt-ig {
  --ig-border: var(--ig-fg);
  box-shadow: inset 0 0 0 1px var(--ig-fg);
}

html.theme-dark .prt-ig {
  --ig-bg: #1e293b;
  --ig-fg: #e2e8f0;
  --ig-border: #475569;
}

html.theme-dark .prt-ig--checkin { --ig-bg: #064e3b; --ig-fg: #6ee7b7; --ig-border: #047857; }
html.theme-dark .prt-ig--ontrade { --ig-bg: #7c2d12; --ig-fg: #fdba74; --ig-border: #c2410c; }
html.theme-dark .prt-ig--home { --ig-bg: #312e81; --ig-fg: #c7d2fe; --ig-border: #4338ca; }

.prt-mob-icon-btn [data-theme-icon-svg],
.prt-auth-theme-btn [data-theme-icon-svg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.prt-mob-icon-btn [data-theme-icon-svg] .prt-ic {
  color: #fff;
  stroke-width: 2.1;
}