/* EMII v5.9 Source CSS — Tokens and root scope */
/*
 * EMII Admin Framework v5.1 — Pure Core Styles
 * Root: .emii-app or [data-emii-app]
 * No legacy compatibility selectors.
 */

.emii-app,
[data-emii-app] {
  --emii-bg: #f2f2f7;
  --emii-bg-rgb: 242,242,247;
  --emii-surface: rgba(255,255,255,.86);
  --emii-surface-strong: rgba(255,255,255,.94);
  --emii-surface-soft: rgba(255,255,255,.72);
  --emii-solid: #fff;
  --emii-elevated: rgba(255,255,255,.96);
  --emii-field-bg: rgba(242,242,247,.88);
  --emii-hover: rgba(0,122,255,.07);
  --emii-pressed: rgba(0,0,0,.045);
  --emii-text: #1c1c1e;
  --emii-text-rgb: 28,28,30;
  --emii-muted: #8e8e93;
  --emii-muted-2: #6b7280;
  --emii-inverted: #fff;
  --emii-line: rgba(60,60,67,.15);
  --emii-line-strong: rgba(60,60,67,.24);
  --emii-blue: #007aff;
  --emii-green: #34c759;
  --emii-red: #ff3b30;
  --emii-orange: #ff9500;
  --emii-purple: #af52de;
  --emii-yellow: #ffcc00;
  --emii-blue-soft: rgba(0,122,255,.10);
  --emii-green-soft: rgba(52,199,89,.12);
  --emii-red-soft: rgba(255,59,48,.10);
  --emii-orange-soft: rgba(255,149,0,.12);
  --emii-purple-soft: rgba(175,82,222,.12);
  --emii-gray-soft: rgba(120,120,128,.16);
  --emii-shadow: 0 18px 52px rgba(0,0,0,.12);
  --emii-soft-shadow: 0 10px 30px rgba(0,0,0,.08);
  --emii-modal-shadow: 0 26px 76px rgba(0,0,0,.26);
  --emii-radius: 24px;
  --emii-radius-sm: 15px;
  --emii-radius-md: 18px;
  --emii-radius-lg: 28px;

  --emii-border: var(--emii-line);
  --emii-primary: var(--emii-blue);
  --emii-primary-soft: var(--emii-blue-soft);
  --emii-danger: var(--emii-red);
  --emii-bg-soft: var(--emii-field-bg);
  --emii-radius-xl: var(--emii-radius);
  --emii-shadow-soft: var(--emii-soft-shadow);
  --emii-shadow-pop: var(--emii-modal-shadow);
  --emii-z-popover: 1200;
  --emii-success-border: rgba(52,199,89,.34);
  --emii-success-soft: var(--emii-green-soft);
  --emii-danger-border: rgba(255,59,48,.34);
  --emii-danger-soft: var(--emii-red-soft);
  --emii-warning-border: rgba(255,149,0,.34);
  --emii-warning-soft: var(--emii-orange-soft);
  --emii-info-border: rgba(0,122,255,.30);
  --emii-info-soft: var(--emii-blue-soft);
  --emii-safe-bottom: env(safe-area-inset-bottom, 0px);
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  position: relative;
  color: var(--emii-text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Tahoma, sans-serif;
  direction: rtl;
  box-sizing: border-box;
  padding: 18px 16px 96px;
  background: radial-gradient(circle at 10% 0%, rgba(0,122,255,.14), transparent 28%),
    radial-gradient(circle at 94% 6%, rgba(175,82,222,.13), transparent 28%),
    radial-gradient(circle at 48% 100%, rgba(52,199,89,.08), transparent 35%),
    var(--emii-bg);
}

/* EMII v5.14 Source CSS — Base reset and layer base */
.emii-app * {
  box-sizing: border-box;
}

.emii-app *::before {
  box-sizing: border-box;
}

.emii-app *::after {
  box-sizing: border-box;
}

.emii-app input {
  font: inherit;
}

.emii-app select {
  font: inherit;
}

.emii-app textarea {
  font: inherit;
}

.emii-app button {
  font: inherit;
  cursor: pointer;
}

.emii-layer-root {
  position: fixed;
  inset: 0;
  z-index: 9000;
  pointer-events: none;
  direction: rtl;
}

.emii-layer-root > .emii-floating-layer {
  position: fixed;
  top: var(--emii-layer-top, 0px);
  left: var(--emii-layer-left, 0px);
  width: var(--emii-layer-width, auto);
  max-height: var(--emii-layer-max-height, min(360px, 56vh));
  pointer-events: auto;
  margin: 0;
}

.emii-layer-root > .emii-floating-layer.is-above {
  transform-origin: bottom center;
}

.emii-layer-root > .emii-floating-layer.is-below {
  transform-origin: top center;
}

/* v5.9 Native document defaults: prevents browser user-agent body margin from leaking into previews/apps */
html {
  min-height: 100%;
  background: var(--emii-bg, #f2f2f7);
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-width: 0;
  min-height: 100%;
  background: var(--emii-bg, #f2f2f7);
  color: var(--emii-text, #1c1c1e);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Tahoma, sans-serif;
  direction: rtl;
  overflow-x: clip;
}

.emii-layer-root > .emii-floating-layer.is-mobile-sheet {
  top: auto;
  left: max(10px, env(safe-area-inset-left, 0px));
  right: max(10px, env(safe-area-inset-right, 0px));
  bottom: max(10px, env(safe-area-inset-bottom, 0px));
  width: auto;
  max-height: min(72vh, 560px);
  transform-origin: bottom center;
}

.emii-layer-root > .emii-floating-layer.is-mobile-sheet.is-mobile-menu-safe {
  bottom: max(10px, var(--emii-mobile-menu-space, env(safe-area-inset-bottom, 0px)));
}

/* EMII v5.9 Strict Core Theme — root variables only */
.emii-app[data-theme="dark"] {
  --emii-bg: #050506;
  --emii-surface: rgba(28,28,30,.86);
  --emii-solid: #1c1c1e;
  --emii-text: #f5f5f7;
  --emii-muted: #a1a1aa;
  --emii-line: rgba(235,235,245,.16);
  background: radial-gradient(circle at 10% 0%, rgba(0,122,255,.22), transparent 28%),
    radial-gradient(circle at 94% 6%, rgba(175,82,222,.18), transparent 28%),
    #000;
  color-scheme: dark;
  --emii-bg-rgb: 5,5,6;
  --emii-surface-strong: rgba(36,36,38,.96);
  --emii-surface-soft: rgba(28,28,30,.72);
  --emii-elevated: rgba(44,44,46,.96);
  --emii-field-bg: rgba(58,58,60,.72);
  --emii-hover: rgba(10,132,255,.14);
  --emii-pressed: rgba(255,255,255,.08);
  --emii-text-rgb: 245,245,247;
  --emii-muted-2: #c7c7cc;
  --emii-inverted: #050506;
  --emii-line-strong: rgba(235,235,245,.26);
  --emii-blue: #0a84ff;
  --emii-green: #30d158;
  --emii-red: #ff453a;
  --emii-orange: #ff9f0a;
  --emii-purple: #bf5af2;
  --emii-yellow: #ffd60a;
  --emii-blue-soft: rgba(10,132,255,.18);
  --emii-green-soft: rgba(48,209,88,.18);
  --emii-red-soft: rgba(255,69,58,.18);
  --emii-orange-soft: rgba(255,159,10,.18);
  --emii-purple-soft: rgba(191,90,242,.18);
  --emii-gray-soft: rgba(142,142,147,.22);
  --emii-shadow: 0 18px 52px rgba(0,0,0,.42);
  --emii-soft-shadow: 0 10px 30px rgba(0,0,0,.28);
  --emii-modal-shadow: 0 26px 76px rgba(0,0,0,.58);
}

/* EMII core toast -------------------------------------------------------- */
.emii-toast-stack {
  position: fixed;
  inset-block-start: max(1rem, env(safe-area-inset-top));
  inset-inline-start: 1rem;
  width: min(22rem, calc(100vw - 2rem));
  display: flex;
  flex-direction: column;
  gap: .55rem;
  z-index: 2147483000;
  pointer-events: none;
}

.emii-toast {
  box-sizing: border-box;
  display: block;
  min-height: 2.75rem;
  padding: .78rem .9rem;
  border: 1px solid rgba(255, 255, 255, .12);
  border-inline-start: .26rem solid var(--emii-blue, #007aff);
  border-radius: 1rem;
  background: rgba(20, 24, 32, .94);
  color: #fff;
  box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, .22);
  backdrop-filter: blur(18px) saturate(1.14);
  -webkit-backdrop-filter: blur(18px) saturate(1.14);
  font-size: .82rem;
  font-weight: 850;
  line-height: 1.7;
  text-align: start;
  direction: inherit;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity .2s ease, transform .2s ease;
  animation: emiiToastIn .22s ease both;
}

.emii-toast-success { border-inline-start-color: var(--emii-green, #34c759); }
.emii-toast-error { border-inline-start-color: var(--emii-red, #ff3b30); }
.emii-toast-warning { border-inline-start-color: var(--emii-orange, #ff9500); }
.emii-toast-info { border-inline-start-color: var(--emii-blue, #007aff); }

@keyframes emiiToastIn {
  from { opacity: 0; transform: translateY(-.55rem); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 520px) {
  .emii-toast-stack {
    inset-inline: .875rem;
    width: auto;
  }
}