/* Arabpedia encyclopedia contributions — Core 5.56.1 / workflow V8 */

html.ap-user-edit-modal-open,
body.ap-user-edit-modal-open { overflow: hidden !important; }

/* Login / OTP modal: the article's featured image is the full card background. */
.ap-user-edit-dialog[hidden] { display: none !important; }
.ap-user-edit-dialog {
  position: fixed !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  font-family: inherit !important;
  line-height: normal !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  padding: 20px !important;
  direction: rtl !important;
}
.ap-user-edit-dialog__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.72) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}
.ap-user-edit-dialog__panel {
  --ap-edit-radius: 28px;
  position: relative !important;
  isolation: isolate !important;
  width: min(420px, calc(100vw - 28px)) !important;
  min-height: 250px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: var(--ap-edit-radius) !important;
  background: #171717 !important;
  color: #fff !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.48), 0 8px 28px rgba(0,0,0,.22) !important;
  outline: none !important;
}
.ap-user-edit-dialog[data-step="code"] .ap-user-edit-dialog__panel { min-height: 344px !important; }
.ap-user-edit-dialog__media,
.ap-user-edit-dialog__shade {
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}
.ap-user-edit-dialog__media {
  z-index: -3 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  transform: scale(1.012) !important;
}
.ap-user-edit-dialog__shade {
  z-index: -2 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.13) 40%, rgba(0,0,0,.30) 100%),
    linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.05)) !important;
}
.ap-user-edit-dialog.is-cover-missing .ap-user-edit-dialog__media {
  background-image: radial-gradient(circle at 80% 20%, #3d3d3d 0, #191919 48%, #090909 100%) !important;
}
.ap-user-edit-dialog__content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  min-height: inherit !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 29px 26px 25px !important;
}
.ap-user-edit-dialog[data-step="code"] .ap-user-edit-dialog__content { padding: 25px 26px 23px !important; }
.ap-user-edit-dialog__close {
  position: absolute !important;
  z-index: 5 !important;
  top: 14px !important;
  left: 14px !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 50% !important;
  background: rgba(20,20,20,.18) !important;
  color: #fff !important;
  cursor: pointer !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.ap-user-edit-dialog__close svg { width: 15px !important; height: 15px !important; stroke: currentColor !important; stroke-width: 1.85 !important; stroke-linecap: round !important; stroke-linejoin: round !important; opacity: .96 !important; }
.ap-user-edit-dialog__close:hover { background: rgba(24,24,24,.28) !important; border-color: rgba(255,255,255,.24) !important; }
.ap-user-edit-dialog__close { transition: none !important; animation: none !important; transform: none !important; }
.ap-user-edit-dialog__close:focus-visible { outline: 2px solid rgba(255,255,255,.92) !important; outline-offset: 2px !important; }
.ap-user-edit-step,
.ap-user-edit-step form { width: 100% !important; margin: 0 !important; padding: 0 !important; }
.ap-user-edit-dialog [data-ap-user-edit-email-form][hidden],
.ap-user-edit-dialog [data-ap-user-edit-code-form][hidden] { display: none !important; }
.ap-user-edit-step form { display: grid !important; justify-items: stretch !important; gap: 19px !important; }
.ap-user-edit-login-heading {
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 2px !important;
  text-align: center !important;
}
.ap-user-edit-login-heading strong {
  color: #fff !important;
  font-family: inherit !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.44) !important;
  filter: drop-shadow(0 1px 12px rgba(0,0,0,.20)) !important;
}
.ap-user-edit-email-field { display: block !important; margin: 0 !important; }
.ap-user-edit-dialog .ap-user-edit-step input[type="email"] {
  display: block !important;
  width: 100% !important;
  height: 49px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  border-radius: 13px !important;
  background: rgba(244,244,244,.74) !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  outline: none !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.ap-user-edit-dialog .ap-user-edit-step input[type="email"]::placeholder { color: rgba(73,73,73,.58) !important; -webkit-text-fill-color: rgba(73,73,73,.58) !important; opacity: 1 !important; }
.ap-user-edit-dialog .ap-user-edit-step input[type="email"]:focus { border-color: rgba(255,255,255,.82) !important; background: rgba(255,255,255,.86) !important; box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 12px 30px rgba(0,0,0,.18) !important; }
.ap-user-edit-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: min(100%, 318px) !important;
  height: 44px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  margin: 2px 0 0 !important;
  padding: 0 24px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.90) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.26) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: none !important;
  animation: none !important;
  transform: none !important;
}
.ap-user-edit-primary:hover { background: rgba(8,8,8,.90) !important; }
.ap-user-edit-primary:active { background: rgba(8,8,8,.90) !important; transform: none !important; }
.ap-user-edit-primary:focus-visible { outline: 2px solid #fff !important; outline-offset: 3px !important; }
.ap-user-edit-primary:disabled { opacity: .55 !important; cursor: wait !important; transform: none !important; }
.ap-user-edit-status { min-height: 0 !important; margin: -4px 0 0 !important; color: rgba(255,255,255,.88) !important; font-size: 11px !important; line-height: 1.55 !important; text-align: center !important; text-shadow: 0 1px 8px rgba(0,0,0,.35) !important; }
.ap-user-edit-status:empty { display: none !important; }
.ap-user-edit-status[data-state="error"] { color: #ffd8d4 !important; }
.ap-user-edit-status[data-state="success"] { color: #d5ffdf !important; }
.ap-user-edit-status[data-state="warning"] { color: #ffe8b5 !important; }

/* OTP — intentionally motion-free per product decision. */
[data-ap-user-edit-code-form] { gap: 14px !important; }
.ap-user-edit-code-heading { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; text-align: right !important; }
.ap-user-edit-code-heading__icon { display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; flex: 0 0 34px !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 50% !important; background: rgba(0,0,0,.46) !important; color: #fff !important; backdrop-filter: blur(8px) !important; }
.ap-user-edit-code-heading__icon svg { width: 17px !important; height: 17px !important; stroke: currentColor !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
.ap-user-edit-code-heading > div { display: grid !important; gap: 1px !important; }
.ap-user-edit-code-heading strong { color: #fff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; text-shadow: 0 1px 10px rgba(0,0,0,.42) !important; }
.ap-user-edit-code-heading span:not(.ap-user-edit-code-heading__icon) { color: rgba(255,255,255,.82) !important; font-size: 11px !important; line-height: 1.4 !important; }
.ap-user-edit-masked-email { display: flex !important; align-items: center !important; justify-content: center !important; justify-self: center !important; max-width: 100% !important; min-height: 29px !important; box-sizing: border-box !important; padding: 5px 13px !important; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 999px !important; background: rgba(0,0,0,.38) !important; color: #fff !important; font-family: inherit !important; font-size: 11px !important; font-weight: 550 !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; backdrop-filter: blur(8px) !important; }
.ap-user-edit-code { display: flex !important; justify-content: center !important; gap: 8px !important; width: 100% !important; direction: ltr !important; }
.ap-user-edit-dialog .ap-user-edit-code input[type="text"] {
  display: block !important;
  width: 46px !important;
  height: 50px !important;
  flex: 0 0 46px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 11px !important;
  background: rgba(238,238,238,.93) !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  caret-color: #111 !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
  text-align: center !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: none !important;
  animation: none !important;
  transform: none !important;
}
.ap-user-edit-dialog .ap-user-edit-code input[type="text"]:hover { background: rgba(247,247,247,.96) !important; transform: none !important; }
.ap-user-edit-dialog .ap-user-edit-code input[type="text"]:focus { background: #fff !important; border-color: #000 !important; box-shadow: 0 0 0 2px rgba(255,255,255,.58) !important; transition: none !important; animation: none !important; transform: none !important; }
.ap-user-edit-code-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; box-sizing: border-box !important; margin: 2px 0 0 !important; padding: 11px 2px 0 !important; border-top: 1px solid rgba(255,255,255,.18) !important; }
.ap-user-edit-code-actions button { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: rgba(255,255,255,.88) !important; -webkit-text-fill-color: rgba(255,255,255,.88) !important; font-family: inherit !important; font-size: 11px !important; font-weight: 600 !important; cursor: pointer !important; text-shadow: 0 1px 8px rgba(0,0,0,.35) !important; box-shadow: none !important; }
.ap-user-edit-code-actions button:hover { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.ap-user-edit-code-actions button:disabled { opacity: .48 !important; cursor: not-allowed !important; }


/* Article-side edit icon: local SVG, no icon-library fallback. */
body.ap-single-page .arabpedia-single__side-action--edit .arabpedia-edit-action-icon,
body.ap-single-page .arabpedia-single__side-action--edit .arabpedia-edit-chevron-icon {
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}
body.ap-single-page .arabpedia-single__side-action--edit .arabpedia-edit-action-icon { width: 18px !important; height: 18px !important; }
body.ap-single-page .arabpedia-single__side-action--edit .arabpedia-edit-chevron-icon { width: 14px !important; height: 14px !important; }

/* Inline edit mode. */
body.ap-user-editing .arabpedia-single__title.is-ap-editing,
body.ap-user-editing .arabpedia-single__summary.is-ap-editing,
body.ap-user-editing .arabpedia-single__content.is-ap-editing {
  outline: none !important;
  cursor: text !important;
}
body.ap-user-editing .arabpedia-single__title.is-ap-editing:hover,
body.ap-user-editing .arabpedia-single__summary.is-ap-editing:hover,
body.ap-user-editing .arabpedia-single__content.is-ap-editing > :hover {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.10) !important;
  border-radius: 6px !important;
}
body.ap-user-editing .arabpedia-single__title.is-ap-editing:focus,
body.ap-user-editing .arabpedia-single__summary.is-ap-editing:focus,
body.ap-user-editing .arabpedia-single__content.is-ap-editing:focus { box-shadow: inset 3px 0 0 #111 !important; }
body.ap-user-editing .arabpedia-single__content img,
body.ap-user-editing .arabpedia-single__featured img { cursor: pointer !important; }
body.ap-user-editing img.is-selected-for-edit { outline: 3px solid #111 !important; outline-offset: 4px !important; border-radius: 8px !important; }

/* Floating edit controls: centered below the real sticky header. */
.ap-user-edit-toolbar[hidden] { display: none !important; }
.ap-user-edit-toolbar {
  --ap-user-edit-gap: 10px;
  --ap-user-edit-top: calc(var(--arabpedia-adminbar-offset, 0px) + var(--arabpedia-header-height, 44px) + var(--ap-user-edit-gap));
  --ap-user-edit-available-height: calc(100dvh - var(--ap-user-edit-top) - 12px);
  position: fixed !important;
  z-index: 9998 !important;
  top: var(--ap-user-edit-top) !important;
  left: 50% !important;
  width: min(980px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  direction: rtl !important;
  pointer-events: none !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
}
.ap-user-edit-toolbar__shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ap-user-edit-toolbar__toggle {
  pointer-events: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 206px !important;
  height: 44px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 4px 5px 4px 17px !important;
  border: 1px solid rgba(20,20,20,.11) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.72) inset !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.ap-user-edit-toolbar__toggle:hover { background: rgba(255,255,255,.99) !important; }
.ap-user-edit-toolbar__toggle:focus-visible { outline: 2px solid rgba(255,255,255,.94) !important; outline-offset: 3px !important; box-shadow: 0 0 0 2px #111, 0 12px 34px rgba(0,0,0,.17) !important; }
.ap-user-edit-toolbar__toggle-icon {
  order: -1 !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 50% !important;
  background: #090909 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;
}
.ap-user-edit-toolbar__toggle-icon svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.ap-user-edit-toolbar__toggle[aria-expanded="true"] .ap-user-edit-toolbar__toggle-icon svg { transform: rotate(180deg) !important; }
.ap-user-edit-toolbar__drawer[hidden] { display: none !important; }
.ap-user-edit-toolbar__drawer {
  pointer-events: auto !important;
  width: 100% !important;
  max-height: var(--ap-user-edit-available-height, calc(100dvh - var(--ap-user-edit-top) - 12px)) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 11px 9px !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  border: 1px solid rgba(20,20,20,.09) !important;
  border-radius: 20px !important;
  background: rgba(252,252,252,.975) !important;
  color: #111 !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.17), 0 1px 0 rgba(255,255,255,.9) inset !important;
  backdrop-filter: blur(22px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
}
.ap-user-edit-toolbar__tools {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
  width: 100% !important;
}
.ap-user-edit-toolgroup {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 4px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 0 0 8px !important;
  border: 0 !important;
  border-inline-start: 1px solid #e5e5e5 !important;
}
.ap-user-edit-toolgroup:first-child { border-inline-start: 0 !important; padding-inline-start: 0 !important; }
.ap-user-edit-toolbar__tools button,
.ap-user-edit-toolbar__tools select,
.ap-user-edit-color {
  min-height: 36px !important;
  height: 36px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: 1px solid #e1e1e1 !important;
  border-radius: 10px !important;
  background: #f7f7f7 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-family: inherit !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.ap-user-edit-toolbar__tools button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 36px !important;
  padding: 0 9px !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.ap-user-edit-toolbar__tools button:hover { background: #ededed !important; border-color: #d9d9d9 !important; }
.ap-user-edit-toolbar button { transition: none !important; animation: none !important; transform: none !important; }
.ap-user-edit-toolbar__tools button:focus-visible,
.ap-user-edit-toolbar__tools select:focus-visible,
.ap-user-edit-color:focus-within { outline: 2px solid #111 !important; outline-offset: 2px !important; }
.ap-user-edit-toolbar__tools button svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}
.ap-user-edit-toolbar__tools button b,
.ap-user-edit-toolbar__tools button i,
.ap-user-edit-toolbar__tools button u { font-size: 14px !important; line-height: 1 !important; }
.ap-user-edit-toolbar__tools select {
  min-width: 96px !important;
  max-width: 118px !important;
  padding: 0 10px !important;
  background-color: #f7f7f7 !important;
  color-scheme: light !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}
.ap-user-edit-color {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 8px !important;
  cursor: pointer !important;
}
.ap-user-edit-color input {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d3d3d3 !important;
  border-radius: 7px !important;
  background: transparent !important;
  cursor: pointer !important;
}
.ap-user-edit-color input::-webkit-color-swatch-wrapper { padding: 0 !important; }
.ap-user-edit-color input::-webkit-color-swatch { border: 0 !important; border-radius: 6px !important; }
.ap-user-edit-alt-mark { font-size: 10px !important; font-weight: 850 !important; letter-spacing: .02em !important; }
.ap-user-edit-toolbar__actions {
  display: grid !important;
  grid-template-columns: minmax(220px,1fr) auto auto !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  margin-top: 9px !important;
  padding-top: 9px !important;
  border-top: 1px solid #ececec !important;
}
.ap-user-edit-summary-input {
  min-width: 0 !important;
  width: 100% !important;
  height: 39px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid #dedede !important;
  border-radius: 11px !important;
  background: #fafafa !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 450 !important;
  line-height: 1 !important;
  outline: none !important;
  box-shadow: none !important;
}
.ap-user-edit-summary-input::placeholder { color: #999 !important; -webkit-text-fill-color: #999 !important; opacity: 1 !important; }
.ap-user-edit-summary-input:focus { border-color: #aaa !important; background: #fff !important; box-shadow: 0 0 0 2px rgba(0,0,0,.045) !important; }
.ap-user-edit-cancel,
.ap-user-edit-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 39px !important;
  min-height: 39px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.ap-user-edit-cancel { border: 1px solid #dedede !important; background: #fff !important; color: #333 !important; -webkit-text-fill-color: #333 !important; }
.ap-user-edit-cancel:hover { background: #f4f4f4 !important; }
.ap-user-edit-submit { border: 1px solid #000 !important; background: #000 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; min-width: 118px !important; }
.ap-user-edit-submit:hover { background: #151515 !important; }
.ap-user-edit-submit:focus-visible,
.ap-user-edit-cancel:focus-visible { outline: 2px solid #111 !important; outline-offset: 2px !important; }
.ap-user-edit-submit:disabled { opacity: .52 !important; cursor: wait !important; }
.ap-user-edit-toolbar__status {
  display: block !important;
  min-height: 0 !important;
  margin: 7px 3px 0 !important;
  padding: 0 !important;
  color: #656565 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: right !important;
}
.ap-user-edit-toolbar__status:empty { display: none !important; }
.ap-user-edit-toolbar__status[data-state="error"] { color: #a32117 !important; }
.ap-user-edit-toolbar__status[data-state="success"] { color: #17613a !important; }
.ap-user-edit-toolbar__status[data-state="warning"] { color: #7b5714 !important; }

/* Editing affordances stay visible on both dark article canvas and light infoboxes. */
body.ap-user-editing .arabpedia-single__title.is-ap-editing,
body.ap-user-editing .arabpedia-single__summary.is-ap-editing,
body.ap-user-editing .arabpedia-single__content.is-ap-editing { caret-color: currentColor !important; }
body.ap-user-editing .arabpedia-single__title.is-ap-editing:focus,
body.ap-user-editing .arabpedia-single__summary.is-ap-editing:focus,
body.ap-user-editing .arabpedia-single__content.is-ap-editing:focus {
  outline: 1px dashed rgba(128,128,128,.55) !important;
  outline: 1px dashed color-mix(in srgb, currentColor 34%, transparent) !important;
  outline-offset: 5px !important;
  box-shadow: none !important;
}
body.ap-user-editing img.is-selected-for-edit {
  outline: 2px solid #fff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(0,0,0,.34) !important;
  border-radius: 8px !important;
}

@media (max-width: 900px) {
  .ap-user-edit-toolbar { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; }
  .ap-user-edit-toolbar__tools { justify-content: flex-start !important; }
}
@media (max-width: 782px) {
  .ap-user-edit-toolbar {
    --ap-user-edit-gap: 8px;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
  .ap-user-edit-toolbar__toggle { width: 190px !important; height: 43px !important; min-height: 43px !important; }
  .ap-user-edit-toolbar__drawer { border-radius: 18px !important; padding: 9px !important; }
  .ap-user-edit-toolbar__actions { grid-template-columns: 1fr auto auto !important; }
}
@media (max-width: 620px) {
  .ap-user-edit-toolbar { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; }
  .ap-user-edit-toolbar__drawer { border-radius: 17px !important; }
  .ap-user-edit-toolgroup { border-inline-start: 0 !important; padding: 0 !important; }
  .ap-user-edit-toolbar__tools { gap: 5px !important; }
  .ap-user-edit-toolbar__actions { grid-template-columns: 1fr 1fr !important; }
  .ap-user-edit-summary-input { grid-column: 1 / -1 !important; }
  .ap-user-edit-submit, .ap-user-edit-cancel { width: 100% !important; }
}
@media (max-width: 390px) {
  .ap-user-edit-toolbar__toggle { width: 182px !important; }
  .ap-user-edit-toolbar__tools button { padding-inline: 8px !important; }
  .ap-user-edit-toolbar__tools button span:not(.ap-user-edit-alt-mark) { display: none !important; }
  .ap-user-edit-toolbar__tools select { min-width: 88px !important; max-width: 96px !important; }
}

/* Logged-in member avatar is circular; official Arabpedia identity remains unchanged. */
.arabpedia-account-link--member .arabpedia-account-link__avatar,
.arabpedia-account-link--member .arabpedia-account-link__avatar.ap-identity-square,
.arabpedia-mobile-account--member .ap-identity-square { border-radius: 50% !important; overflow: hidden !important; }
.arabpedia-account-link--member .arabpedia-account-link__avatar img,
.arabpedia-account-link--member .arabpedia-account-link__avatar .ap-identity-square__image,
.arabpedia-mobile-account--member .ap-identity-square img,
.arabpedia-mobile-account--member .ap-identity-square__image { width: 100% !important; height: 100% !important; border-radius: 50% !important; object-fit: cover !important; }

/* Profile contribution history. */
.ap-person-profile-v3__contributions { display: grid; gap: 10px; }
.ap-contribution-card { display: grid; grid-template-columns: 1fr auto; gap: 10px 18px; align-items: center; padding: 17px 18px; border: 1px solid rgba(18,18,18,.09); border-radius: 16px; background: #fff; color: inherit; box-shadow: 0 4px 18px rgba(0,0,0,.025); }
.ap-contribution-card__main { min-width: 0; }
.ap-contribution-card__eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 5px; color: #777; font-size: 11px; font-weight: 600; }
.ap-contribution-card__state { display: inline-flex; align-items: center; min-height: 23px; padding: 0 8px; border-radius: 999px; background: #f1f1f1; color: #555; }
.ap-contribution-card__state--approved { background: #eaf6ed; color: #17613a; }
.ap-contribution-card__state--pending { background: #fff4d8; color: #755313; }
.ap-contribution-card__state--rejected { background: #f8eaea; color: #8b2b25; }
.ap-contribution-card__state--conflict { background: #f4ecff; color: #5f3b84; }
.ap-contribution-card h3 { margin: 0; font-size: 16px; line-height: 1.45; }
.ap-contribution-card h3 a { color: inherit; text-decoration: none; }
.ap-contribution-card h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ap-contribution-card__summary { margin: 7px 0 0; color: #666; font-size: 12px; line-height: 1.7; }
.ap-contribution-card__link { display: inline-flex; align-items: center; justify-content: center; min-width: 82px; min-height: 36px; padding: 0 12px; border: 1px solid #e3e3e3; border-radius: 999px; color: #111; text-decoration: none; font-size: 12px; font-weight: 650; white-space: nowrap; }
.ap-contribution-card__link:hover { background: #f4f4f4; }

/* Contribution tab follows the light editorial profile instead of introducing a separate card language. */
body.ap-template-user-profile .ap-person-profile-v3__contributions { gap: 0 !important; }
body.ap-template-user-profile .ap-contribution-card {
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 10px 18px !important;
  padding: 18px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ap-profile-line, rgba(18,18,18,.11)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.ap-template-user-profile .ap-contribution-card__eyebrow,
body.ap-template-user-profile .ap-contribution-card__summary { color: var(--ap-profile-muted, #666) !important; }
body.ap-template-user-profile .ap-contribution-card__link {
  border-color: var(--ap-profile-line, rgba(18,18,18,.11)) !important;
  background: transparent !important;
  color: var(--ap-profile-ink, #17120f) !important;
}
body.ap-template-user-profile .ap-person-profile-v3__tabs a small {
  background: rgba(255,255,255,.12) !important;
  color: inherit !important;
}
body.ap-template-user-profile .ap-person-profile-v3__tabs a[aria-current="page"] small {
  background: rgba(255,255,255,.20) !important;
  color: #fff !important;
}

@media (max-width: 782px) {
  .ap-user-edit-dialog { padding: 14px !important; }
  .ap-user-edit-dialog__panel { width: min(420px, calc(100vw - 22px)) !important; border-radius: 24px !important; }
}
@media (max-width: 560px) {
  .ap-user-edit-dialog__content { padding: 25px 20px 22px !important; }
  .ap-user-edit-login-heading strong { font-size: 24px !important; }
  .ap-user-edit-dialog .ap-user-edit-code input[type="text"] { width: 42px !important; height: 47px !important; flex-basis: 42px !important; }
  .ap-user-edit-code { gap: 6px !important; }
  .ap-contribution-card { grid-template-columns: 1fr; }
  .ap-contribution-card__link { justify-self: start; }
}
@media (max-width: 390px) {
  .ap-user-edit-dialog__panel { min-height: 238px !important; }
  .ap-user-edit-dialog .ap-user-edit-code input[type="text"] { width: 39px !important; height: 45px !important; flex-basis: 39px !important; border-radius: 10px !important; }
  .ap-user-edit-code { gap: 5px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .ap-user-edit-dialog *, .ap-user-edit-toolbar * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

.ap-person-profile-v3__tabs a small {
  display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; margin-inline-start: 5px; padding: 0 6px;
  border-radius: 999px; background: rgba(0,0,0,.055); color: #737373; font-size: 10px; font-weight: 700; line-height: 1;
}
.ap-person-profile-v3__tabs a[aria-current="page"] small { background: #111; color: #fff; }


/* V8.2 layout isolation: never inherit footer/article flow geometry. */
body > .ap-user-edit-dialog,
body > .ap-user-edit-toolbar { box-sizing: border-box !important; }
.ap-user-edit-dialog button,
.ap-user-edit-dialog input,
.ap-user-edit-dialog select,
.ap-user-edit-toolbar button,
.ap-user-edit-toolbar input,
.ap-user-edit-toolbar select { font-family: inherit !important; }
.ap-user-edit-dialog button::before,
.ap-user-edit-dialog button::after { content: none !important; }