/* Moonya AI — Approval review cockpit v2.
   Loaded after the legacy HQ styles so the existing Approval behavior can stay intact. */

body.theme-mono.moonya-v2 #v-odobravanje.view {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 0 24px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-approval-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-command-head {
  align-items: flex-end !important;
  margin: 8px 0 18px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-command-head .hd-page-title {
  margin: 0 !important;
  color: #0b1b3d !important;
  font-family: "Bricolage Grotesque", "Manrope", sans-serif !important;
  font-size: clamp(38px, 4vw, 56px) !important;
  font-weight: 760 !important;
  line-height: .96 !important;
  letter-spacing: -.058em !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-command-head .hd-page-desc {
  max-width: 680px !important;
  margin: 11px 0 0 !important;
  color: #66758f !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

/* Filters */
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-toolbar-shell {
  margin-bottom: 13px !important;
  padding: 5px !important;
  border: 1px solid rgba(112, 132, 171, .13) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .52) !important;
  box-shadow: 0 13px 38px rgba(32, 61, 119, .055) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-toolbar {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 8px 10px !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-tabs {
  min-width: max-content !important;
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 3px !important;
  border-radius: 12px !important;
  background: #f0f4fb !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-tabs > button {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #687994 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  transition: color .5s var(--moonya-ease), background .5s var(--moonya-ease), transform .5s var(--moonya-ease) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-tabs > button:hover {
  color: #173465 !important;
  transform: translateY(-1px) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-tabs > button em {
  min-width: 20px !important;
  padding: 2px 6px !important;
  border-radius: 999px !important;
  color: #5d6c84 !important;
  background: rgba(24, 48, 93, .065) !important;
  font-style: normal !important;
  font-size: 9px !important;
  text-align: center !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-tabs > button.on {
  color: #fff !important;
  background: linear-gradient(108deg, #0c397f, #4546ad) !important;
  box-shadow: 0 6px 15px rgba(24, 51, 126, .2) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-tabs > button.on em {
  color: #09245d !important;
  background: #7ee9f7 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-filters {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-search,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-select {
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 10px !important;
  border: 1px solid #dce5f2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #64738f !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-search {
  width: 166px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-search svg,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-select svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-search input,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-select select {
  min-width: 0 !important;
  width: 100% !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  appearance: none !important;
  color: #53637e !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-select {
  min-width: 112px !important;
}

/* Double-bezel cockpit */
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-feed {
  min-height: 620px !important;
  padding: 6px !important;
  border: 1px solid rgba(112, 132, 171, .14) !important;
  border-radius: 27px !important;
  background: rgba(255, 255, 255, .54) !important;
  box-shadow: 0 25px 68px rgba(27, 56, 111, .09) !important;
  overflow: visible !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.ap-card.ap-card-ig {
  position: relative !important;
  min-height: 600px !important;
  height: clamp(600px, calc(100dvh - 335px), 760px) !important;
  display: grid !important;
  grid-template-columns: minmax(205px, 220px) minmax(420px, 580px) minmax(360px, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 21px !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 #fff !important;
  overflow: hidden !important;
}

/* Queue */
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-queue {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 18px 12px 14px !important;
  border-right: 1px solid #e4eaf4 !important;
  background: #fbfcff !important;
  overflow: hidden !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 5px 12px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-section-head span {
  color: #687791 !important;
  font-family: "Space Mono", monospace !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-section-tools {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-section-head b {
  min-width: 25px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  color: #194c82 !important;
  background: #dff7fc !important;
  font-size: 9px !important;
  text-align: center !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-hidden-toggle {
  max-width: 100% !important;
  min-height: 24px !important;
  padding: 3px 8px !important;
  border: 1px solid #d5deec !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #35517a !important;
  font: 700 9px/1.2 "Space Mono", monospace !important;
  letter-spacing: .02em !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-hidden-toggle:hover {
  border-color: #9bd9e8 !important;
  background: #f6fcfe !important;
  color: #194c82 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-hidden-toggle.is-on {
  border-color: #49c7e3 !important;
  background: #f1fbfe !important;
  color: #0f4f86 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-hidden-toggle:focus-visible {
  outline: 3px solid rgba(18, 200, 242, .35) !important;
  outline-offset: 2px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-queue-list {
  min-height: 0 !important;
  display: flex !important;
  flex: 1 !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 1px 2px 10px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: #ccd8e9 transparent !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft {
  position: relative !important;
  width: 100% !important;
  min-height: 84px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 8px !important;
  border: 1px solid transparent !important;
  border-radius: 15px !important;
  color: #182945 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: transform .55s var(--moonya-ease), background .55s var(--moonya-ease), box-shadow .55s var(--moonya-ease) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft:hover {
  transform: translateY(-1px) !important;
  background: #f2f6fc !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft[aria-current="true"] {
  border-color: rgba(55, 109, 203, .22) !important;
  background: #fff !important;
  box-shadow: 0 11px 29px rgba(35, 65, 126, .09), inset 3px 0 0 #18c8ef !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mini {
  position: relative !important;
  width: 54px !important;
  height: 68px !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(155deg, #071f59, #1b285c 64%, #5a3ac1) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mini[data-format="single"] {
  color: #2c2440 !important;
  background: linear-gradient(155deg, #f6efff, #eadfff) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mini[data-format="story"] {
  background: linear-gradient(170deg, #11285d, #06204d) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mini::after {
  content: "" !important;
  position: absolute !important;
  right: -12px !important;
  bottom: 7px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #20d2ef, #c24ce9) !important;
  opacity: .64 !important;
}
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mini.ap-engine-render-host::after,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mini.ap-engine-render-host > b { display: none !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mini img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mini b {
  position: absolute !important;
  z-index: 2 !important;
  left: 7px !important;
  right: 6px !important;
  bottom: 9px !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  color: inherit !important;
  font-family: "Bricolage Grotesque", sans-serif !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft-copy {
  min-width: 0 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft-copy strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #172843 !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  line-height: 1.36 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft-copy span,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft-copy small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft-copy span {
  margin-top: 5px !important;
  color: #64728b !important;
  font-size: 9.5px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft-copy small {
  margin-top: 5px !important;
  color: #77859c !important;
  font-family: "Space Mono", monospace !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft-copy small i {
  width: 5px !important;
  height: 5px !important;
  display: inline-block !important;
  margin-right: 4px !important;
  border-radius: 50% !important;
  background: var(--moonya-warning) !important;
}



/* Preview studio */
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 13px 12px !important;
  background: radial-gradient(circle at 50% 10%, rgba(62, 112, 211, .08), transparent 28%), #f6f8fc !important;
  overflow: hidden !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-brand {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-brand i {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #14cbea, #9954e7) !important;
  font-style: normal !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-brand b,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-brand span {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-brand b { color: #20304c !important; font-size: 11px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-brand span { margin-top: 1px !important; color: #6f7d93 !important; font-size: 9px !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-format,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-sync {
  padding: 5px 8px !important;
  border-radius: 8px !important;
  color: #56657d !important;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(31, 55, 100, .05) !important;
  font-family: "Space Mono", monospace !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-sync { color: #147d5f !important; background: #e9f8f2 !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mobile-back { display: none !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-light-table {
  position: relative !important;
  min-height: 0 !important;
  display: flex !important;
  flex: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(18, 200, 242, .14), transparent 25%),
    radial-gradient(circle at 84% 88%, rgba(179, 76, 244, .14), transparent 33%),
    linear-gradient(155deg, #072765, #04153f 70%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11), 0 14px 34px rgba(4, 21, 63, .13) !important;
  overflow: hidden !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig {
  position: relative !important;
  width: min(100%, 420px) !important;
  max-width: 420px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-frame {
  position: relative !important;
  width: auto !important;
  height: min(100%, 510px) !important;
  max-width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #0b0d12 !important;
  box-shadow: 0 20px 48px rgba(0, 6, 28, .4), 0 0 0 1px rgba(255, 255, 255, .14) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-frame.is-story {
  height: min(100%, 530px) !important;
  max-width: 300px !important;
  aspect-ratio: 9 / 16 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-frame.is-network-pinterest {
  aspect-ratio: 2 / 3 !important;
  background: #f4f6fb !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-frame.is-network-googlebusiness {
  width: min(100%, 420px) !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  background: #f4f6fb !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-network-media {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .is-network-pinterest .ap-network-media {
  top: 50% !important;
  bottom: auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  transform: translateY(-50%) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .is-network-googlebusiness .ap-network-media {
  left: 50% !important;
  right: auto !important;
  width: auto !important;
  height: 100% !important;
  aspect-ratio: 4 / 5 !important;
  transform: translateX(-50%) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-cv,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-engine-preview {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Navigation overlays the artwork, leaving the inspector more horizontal room. */
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-nav {
  position: absolute !important;
  z-index: 4 !important;
  top: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  border-radius: 50% !important;
  color: #0d285b !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 10px 26px rgba(0, 9, 38, .25) !important;
  font-size: 25px !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  transition: transform .5s var(--moonya-ease), background .5s var(--moonya-ease) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-nav:hover { transform: translateY(-50%) scale(1.06) !important; background: #fff !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-nav.prev { left: 10px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-nav.next { right: 10px !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-slidebar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-slide-step {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid #dce5f2 !important;
  border-radius: 10px !important;
  color: #50617f !important;
  background: #fff !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-slide-step svg { width: 14px !important; height: 14px !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-dots {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: safe center !important;
  gap: 6px !important;
  padding: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-dots button {
  position: relative !important;
  width: 38px !important;
  height: 48px !important;
  flex: 0 0 38px !important;
  padding: 0 !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  background: #eef3fa !important;
  box-shadow: none !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-dots button.on { border-color: #3b79d0 !important; box-shadow: 0 0 0 2px rgba(59, 121, 208, .13) !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-thumb { position: absolute !important; inset: 2px !important; display: block !important; overflow: hidden !important; border-radius: 5px !important; background: #e9eef7 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-thumb > img,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-thumb > canvas { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 9px !important;
}



body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-action {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
  border: 1px solid #dce5f2 !important;
  border-radius: 9px !important;
  color: #465873 !important;
  background: #fff !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-action.primary { color: #fff !important; border-color: #164b9f !important; background: #164b9f !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-action.is-busy { color: #184f95 !important; border-color: #9fdce8 !important; background: #eafafd !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-action svg { width: 13px !important; height: 13px !important; }

/* Decision inspector */
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 16px 17px 13px !important;
  border-left: 1px solid #e4eaf4 !important;
  background: #fff !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: #ccd8e9 transparent !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector-scroll {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: #ccd8e9 transparent !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 13px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector-head > span:first-child {
  color: #6e7c93 !important;
  font-family: "Space Mono", monospace !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  color: #8b520c !important;
  background: #fff5dc !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-status::before { content: "" !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: currentColor !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-status.is-approved,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-status.is-scheduled,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-status.is-published { color: #147d5f !important; background: #e9f8f2 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-status.is-error { color: #b23f53 !important; background: #fff0f2 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-status.is-skipped { color: #64728a !important; background: #eef2f7 !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector h3 {
  margin: 0 !important;
  color: #13233f !important;
  font-family: "Bricolage Grotesque", "Manrope", sans-serif !important;
  font-size: 20px !important;
  font-weight: 740 !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-flow-name { margin: 6px 0 13px !important; color: #68768d !important; font-size: 10px !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-schedule {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 10px !important;
  border: 1px solid #dce5f1 !important;
  border-radius: 13px !important;
  background: #f8faff !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-schedule-icon { width: 36px !important; height: 36px !important; display: grid !important; place-items: center !important; border-radius: 10px !important; color: #315cb7 !important; background: #e8effc !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-schedule-icon svg { width: 17px !important; height: 17px !important; display: block !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-schedule > div > span,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-schedule > div > b { display: block !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-schedule > div > span { color: #6d7b92 !important; font-size: 9px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-schedule > div > b { margin-top: 2px !important; color: #263a5c !important; font-family: "Space Mono", monospace !important; font-size: 9.5px !important; line-height: 1.35 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-change { padding: 5px !important; border: 0 !important; color: #285bab !important; background: transparent !important; font-size: 9px !important; font-weight: 800 !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-note {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 9px 0 0 !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  color: #72510d !important;
  background: #fff8e8 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-field-label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 14px 1px 6px !important;
  color: #53627b !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-field-tools { display: flex !important; align-items: center !important; gap: 8px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-field-tools > span { color: #78869b !important; font-family: "Space Mono", monospace !important; font-size: 8px !important; font-weight: 400 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-expand { min-height: 28px !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 0 7px !important; border: 1px solid #dce5f2 !important; border-radius: 8px !important; color: #315daf !important; background: #fff !important; font-size: 8.5px !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-expand svg { width: 12px !important; height: 12px !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-networks {
  margin-top: 12px !important;
  padding: 10px !important;
  border: 1px solid #dce5f1 !important;
  border-radius: 12px !important;
  background: #f8faff !important;
}
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-networks .moonya-ap-field-label { margin: 0 0 7px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network-list { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 8px 4px 5px !important;
  border: 1px solid #d8e1ee !important;
  border-radius: 10px !important;
  color: #516079 !important;
  background: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network .msn-ic { width: 22px !important; height: 22px !important; border-radius: 7px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network .msn-ic svg { width: 13px !important; height: 13px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network > span:last-child { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 1px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network small { color: #748198 !important; font-size: 8px !important; font-weight: 800 !important; line-height: 1.15 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network.is-published small { color: #13715a !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network.is-failed small { color: #b42318 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network.is-publishing small { color: #255bab !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network.is-on { color: #164d99 !important; border-color: #7fa8e5 !important; background: #eaf2ff !important; box-shadow: inset 0 0 0 1px rgba(54, 105, 190, .08) !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network:focus-visible,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network-manage:focus-visible { outline: 3px solid rgba(41, 105, 206, .2) !important; outline-offset: 2px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network:disabled { cursor: default !important; opacity: 1 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network:not(.is-on):disabled { display: none !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-networks > p { margin: 7px 0 0 !important; color: #748198 !important; font-size: 9px !important; line-height: 1.4 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network-manage { padding: 3px 0 !important; border: 0 !important; color: #255bab !important; background: transparent !important; font-size: 8.5px !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-networks.is-empty .moonya-ap-network-manage { margin-top: 7px !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-caption-tabs {
  display: flex !important;
  gap: 5px !important;
  margin-top: 12px !important;
  padding-bottom: 2px !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-caption-tab {
  min-height: 30px !important;
  flex: 0 0 auto !important;
  padding: 5px 9px !important;
  border: 1px solid #d8e1ee !important;
  border-radius: 9px !important;
  color: #59677d !important;
  background: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-caption-tab.is-on {
  color: #164d99 !important;
  border-color: #7fa8e5 !important;
  background: #eaf2ff !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-caption-reset {
  margin-top: 6px !important;
  padding: 3px 1px !important;
  border: 0 !important;
  color: #255bab !important;
  background: transparent !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-caption-reset:disabled {
  color: #98a3b5 !important;
}
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-platform-title {
  width: 100%;
  min-height: 42px;
  margin: 0 0 6px;
  font-size: 12px;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-network-preview {
  color: rgba(255,255,255,.7) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-caption,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-tags-edit {
  width: 100% !important;
  padding: 11px 12px !important;
  border: 1px solid #dce4ef !important;
  border-radius: 12px !important;
  outline: 0 !important;
  color: #263955 !important;
  background: #fbfcfe !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
  resize: none !important;
  transition: border-color .45s var(--moonya-ease), box-shadow .45s var(--moonya-ease) !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-caption { min-height: 118px !important; max-height: 240px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-tags-edit { min-height: 58px !important; max-height: 92px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-caption:focus,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-tags-edit:focus { border-color: #5e8ed4 !important; box-shadow: 0 0 0 3px rgba(41, 105, 206, .13) !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-refine { margin-top: 8px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-refine .pchat-open { width: 100% !important; min-height: 36px !important; justify-content: center !important; padding: 0 12px !important; border: 1px solid #d6e1f1 !important; color: #214f9c !important; background: #f3f7ff !important; box-shadow: none !important; font-size: 10px !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-actions {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 auto !important;
  display: grid !important;
  gap: 7px !important;
  margin-top: 10px !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid #edf1f7 !important;
  background: #fff !important;
}


body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-primary-action {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 7px 0 14px !important;
  border: 0 !important;
  border-radius: 13px !important;
  color: #fff !important;
  background: linear-gradient(108deg, #154ea9, #734cdd) !important;
  box-shadow: 0 12px 27px rgba(52, 72, 181, .2) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-align: left !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-primary-action i {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .14) !important;
  font-style: normal !important;
}
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-primary-action svg { width: 14px !important; height: 14px !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-action-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-action {
  min-height: 37px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 9px !important;
  border: 1px solid #dce4ef !important;
  border-radius: 11px !important;
  color: #394b68 !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-align: center !important;
}
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-action svg { width: 14px !important; height: 14px !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-action.danger { color: #b23f53 !important; border-color: #f0d7dd !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-action.full { grid-column: 1 / -1 !important; }

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-sched-picker {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 7px !important;
  margin: 8px 0 0 !important;
  padding: 10px !important;
  border: 1px solid #dce5f1 !important;
  border-radius: 12px !important;
  background: #f8faff !important;
}
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-sched-picker[hidden] { display: none !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-sched-picker > [id^="apTimezone-"]{grid-column:1/-1;min-width:0}
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-sched-lbl,
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-sched-note { grid-column: 1 / -1 !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-sched-picker .inp { width: 100% !important; min-width: 0 !important; height: 38px !important; padding: 0 9px !important; font-size: 10px !important; }

/* Expanded caption mode: the inspector becomes a focused writing sheet without leaving the review. */
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-caption-expanded .moonya-ap-inspector {
  position: absolute !important;
  z-index: 8 !important;
  inset: 12px 12px 12px auto !important;
  width: min(520px, calc(100% - 24px)) !important;
  border: 1px solid rgba(78, 105, 157, .18) !important;
  border-radius: 20px !important;
  box-shadow: 0 26px 70px rgba(4, 21, 63, .24) !important;
  animation: moonyaApSheetIn .58s var(--moonya-ease) both !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-caption-expanded .ap-caption {
  min-height: 310px !important;
  max-height: none !important;
  flex: 1 !important;
  font-size: 13px !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-caption-expanded .moonya-ap-inspector-scroll {
  display: flex !important;
  flex-direction: column !important;
}

@keyframes moonyaApSheetIn {
  from { opacity: 0; transform: translateX(24px) scale(.985); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

/* Video render lives above the cockpit, so progress never disappears below caption/hashtags. */
body.theme-mono.moonya-v2 .ap-video-dialog-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100050 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  background: rgba(3, 12, 34, .72) !important;
  backdrop-filter: blur(14px) saturate(115%) !important;
  animation: moonyaApVideoFade .28s ease both !important;
}

body.theme-mono.moonya-v2 .ap-video-progress-card,
body.theme-mono.moonya-v2 .ap-video-result-card {
  position: relative !important;
  box-sizing: border-box !important;
  width: min(100%, 510px) !important;
  max-height: min(92dvh, 820px) !important;
  overflow: auto !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 26px !important;
  box-shadow: 0 34px 90px rgba(0, 14, 52, .38) !important;
  animation: moonyaApVideoIn .42s var(--moonya-ease) both !important;
}

body.theme-mono.moonya-v2 .ap-video-progress-card {
  padding: 31px !important;
  color: #fff !important;
  background: radial-gradient(circle at 82% 8%, rgba(178, 73, 231, .38), transparent 34%), radial-gradient(circle at 8% 88%, rgba(16, 205, 238, .22), transparent 34%), linear-gradient(145deg, #082c72, #071a4e 62%, #171452) !important;
}

body.theme-mono.moonya-v2 .ap-video-progress-card h2,
body.theme-mono.moonya-v2 .ap-video-result-card h2 { margin: 0 !important; font-family: "Bricolage Grotesque", "Manrope", sans-serif !important; font-size: clamp(26px, 4vw, 35px) !important; font-weight: 760 !important; line-height: 1.02 !important; letter-spacing: -.045em !important; }
body.theme-mono.moonya-v2 .ap-video-progress-card h2 { color: #fff !important; }
body.theme-mono.moonya-v2 .ap-video-progress-card > p:not(.ap-video-dialog-eyebrow):not(.vp-sr-only),
body.theme-mono.moonya-v2 .ap-video-result-copy > p:last-child { margin: 10px 0 0 !important; color: rgba(255, 255, 255, .68) !important; font-size: 13px !important; line-height: 1.55 !important; }

body.theme-mono.moonya-v2 .ap-video-dialog-eyebrow { margin: 22px 0 9px !important; color: #7ceaf7 !important; font-family: "Space Mono", monospace !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: .15em !important; text-transform: uppercase !important; }
body.theme-mono.moonya-v2 .ap-video-dialog-close { position: absolute !important; z-index: 2 !important; top: 16px !important; right: 16px !important; width: 36px !important; height: 36px !important; display: grid !important; place-items: center !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .18) !important; border-radius: 11px !important; color: #fff !important; background: rgba(255, 255, 255, .1) !important; font-size: 22px !important; cursor: pointer !important; }
body.theme-mono.moonya-v2 .ap-video-result-card .ap-video-dialog-close { color: #264467 !important; border-color: #dce5f1 !important; background: #f6f9fd !important; }

body.theme-mono.moonya-v2 .ap-video-progress-art { position: relative !important; width: 72px !important; height: 72px !important; display: grid !important; place-items: center !important; border-radius: 22px !important; background: rgba(255, 255, 255, .1) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12) !important; }
body.theme-mono.moonya-v2 .ap-video-progress-art span { position: absolute !important; inset: 10px !important; border: 2px solid rgba(123, 234, 247, .22) !important; border-top-color: #7ceaf7 !important; border-radius: 50% !important; animation: moonyaApVideoSpin 1.6s linear infinite !important; }
body.theme-mono.moonya-v2 .ap-video-progress-art i { color: #fff !important; font-size: 15px !important; font-style: normal !important; transform: translateX(1px) !important; }
body.theme-mono.moonya-v2 .ap-video-progress-card.is-failed .ap-video-progress-art span { border-color: rgba(255, 255, 255, .2) !important; animation: none !important; }

body.theme-mono.moonya-v2 .ap-video-progress-status { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-top: 27px !important; color: rgba(255, 255, 255, .78) !important; font-size: 11px !important; font-weight: 700 !important; }
body.theme-mono.moonya-v2 .ap-video-progress-status b { color: #fff !important; font-family: "Space Mono", monospace !important; font-size: 10px !important; }
body.theme-mono.moonya-v2 .ap-video-progress-track { height: 7px !important; margin-top: 10px !important; overflow: hidden !important; border-radius: 999px !important; background: rgba(255, 255, 255, .12) !important; }
body.theme-mono.moonya-v2 .ap-video-progress-track span { width: 0; height: 100% !important; display: block !important; border-radius: inherit !important; background: linear-gradient(90deg, #19d0ef, #b64fe9) !important; box-shadow: 0 0 16px rgba(25, 208, 239, .35) !important; transition: width .55s ease !important; }

body.theme-mono.moonya-v2 .ap-video-dialog-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 9px !important; margin-top: 23px !important; }
body.theme-mono.moonya-v2 .ap-video-dialog-actions .btn { min-width: 0 !important; min-height: 43px !important; justify-content: center !important; padding: 8px 10px !important; border-radius: 11px !important; font-size: 10.5px !important; line-height: 1.25 !important; text-align: center !important; white-space: normal !important; }
body.theme-mono.moonya-v2 .ap-video-progress-card .ap-video-dialog-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.theme-mono.moonya-v2 .ap-video-progress-card .ap-video-dialog-actions .btn { color: #fff !important; border-color: rgba(255, 255, 255, .19) !important; background: rgba(255, 255, 255, .1) !important; }
body.theme-mono.moonya-v2 .ap-video-progress-card .ap-video-dialog-actions .btn.acc { background: linear-gradient(110deg, #176bc2, #744edb) !important; }
body.theme-mono.moonya-v2 .ap-video-progress-card [data-ap-video-retry][hidden] { display: none !important; }

body.theme-mono.moonya-v2 .ap-video-result-card { width: min(100%, 760px) !important; padding: 24px !important; background: #fff !important; }
body.theme-mono.moonya-v2 .ap-video-result-copy { padding-right: 48px !important; }
body.theme-mono.moonya-v2 .ap-video-result-copy .ap-video-dialog-eyebrow { margin-top: 0 !important; color: #3264b1 !important; }
body.theme-mono.moonya-v2 .ap-video-result-copy h2 { color: #102345 !important; }
body.theme-mono.moonya-v2 .ap-video-result-copy > p:last-child { color: #687991 !important; }
body.theme-mono.moonya-v2 .ap-video-result-card video { width: 100% !important; max-height: 58dvh !important; display: block !important; margin-top: 18px !important; border-radius: 16px !important; aspect-ratio: 4 / 5 !important; object-fit: contain !important; background: #07112c !important; }
body.theme-mono.moonya-v2 .ap-video-stale { margin-top: 10px !important; padding: 9px 11px !important; border: 1px solid #f1d596 !important; border-radius: 10px !important; color: #89570c !important; background: #fff8e8 !important; font-size: 11px !important; line-height: 1.45 !important; }

@keyframes moonyaApVideoFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes moonyaApVideoIn { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes moonyaApVideoSpin { to { transform: rotate(360deg); } }

/* Error / empty states */
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-feed > .vp-empty {
  min-height: 606px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 21px !important;
  background: #fff !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-feed > .vp-empty.moonya-ap-hidden-empty {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-feed > .vp-empty .vp-ic { width: 46px !important; height: 46px !important; display: grid !important; place-items: center !important; border-radius: 15px !important; color: #315db3 !important; background: #eef4ff !important; }
body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-feed > .vp-empty .vp-ic svg { width: 22px !important; height: 22px !important; }

@media (max-width: 1220px) {
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.ap-card.ap-card-ig {
    grid-template-columns: 200px minmax(380px, 520px) minmax(330px, 1fr) !important;
  }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage { padding-inline: 13px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-light-table { padding-inline: 15px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-filters .moonya-ap-search { display: none !important; }
}

@media (max-width: 1160px) {
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-command-head { align-items: flex-start !important; flex-direction: column !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-head-actions { width: 100% !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-head-actions .btn { flex: 1 !important; justify-content: center !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-toolbar { align-items: flex-start !important; overflow-x: auto !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-filters { display: none !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-feed { min-height: 0 !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.ap-card.ap-card-ig {
    min-height: 560px !important;
    height: auto !important;
    display: block !important;
  }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-queue { min-height: 560px !important; border-right: 0 !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage,
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector { display: none !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-review-open .moonya-ap-queue { display: none !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-review-open .moonya-ap-stage,
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-review-open .moonya-ap-inspector { display: flex !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-review-open .moonya-ap-stage { min-height: 650px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-review-open .moonya-ap-inspector { border-top: 1px solid #e4eaf4 !important; border-left: 0 !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mobile-back { width: 34px !important; height: 34px !important; display: grid !important; place-items: center !important; flex: 0 0 auto !important; padding: 0 !important; border: 1px solid #dce5f2 !important; border-radius: 10px !important; color: #385276 !important; background: #fff !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-mobile-back svg { width: 15px !important; height: 15px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.is-caption-expanded .moonya-ap-inspector { position: static !important; width: 100% !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; animation: none !important; }
}

@media (max-width: 620px) {
  body.theme-mono.moonya-v2 .ap-video-dialog-backdrop { padding: 10px !important; }
  body.theme-mono.moonya-v2 .ap-video-progress-card,
  body.theme-mono.moonya-v2 .ap-video-result-card { max-height: calc(100dvh - 20px) !important; border-radius: 20px !important; }
  body.theme-mono.moonya-v2 .ap-video-progress-card { padding: 24px 20px 20px !important; }
  body.theme-mono.moonya-v2 .ap-video-result-card { padding: 18px !important; }
  body.theme-mono.moonya-v2 .ap-video-result-card video { max-height: 54dvh !important; }
  body.theme-mono.moonya-v2 .ap-video-dialog-actions { grid-template-columns: 1fr !important; }
  body.theme-mono.moonya-v2 #v-odobravanje.view { padding-inline: 0 !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-command-head .hd-page-title { font-size: 39px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-command-head .hd-page-desc { font-size: 12px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-toolbar-shell { margin-inline: 0 !important; overflow: hidden !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-tabs > button { min-height: 40px !important; padding-inline: 11px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-feed { padding: 4px !important; border-radius: 23px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-cockpit.ap-card.ap-card-ig { border-radius: 19px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-queue { min-height: 510px !important; padding: 16px 11px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-draft { min-height: 92px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage { min-height: 585px !important; padding: 13px 10px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-head { align-items: flex-start !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-meta { align-items: flex-end !important; flex-direction: column !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-light-table { padding: 13px 10px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-nav.prev { left: 8px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage .ap-ig-nav.next { right: 8px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-foot { align-items: stretch !important; flex-direction: column !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-stage-action { min-height: 42px !important; padding-inline: 6px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector { min-height: 650px !important; padding: 18px 15px calc(20px + env(safe-area-inset-bottom)) !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-inspector .ap-caption { min-height: 180px !important; max-height: 330px !important; font-size: 13px !important; }
  body.theme-mono.moonya-v2 #v-odobravanje .moonya-ap-actions { bottom: 0 !important; padding-bottom: calc(9px + env(safe-area-inset-bottom)) !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-mono.moonya-v2 .ap-video-dialog-backdrop,
  body.theme-mono.moonya-v2 .ap-video-progress-card,
  body.theme-mono.moonya-v2 .ap-video-result-card,
  body.theme-mono.moonya-v2 .ap-video-progress-art span,
  body.theme-mono.moonya-v2 .ap-video-progress-track span,
  body.theme-mono.moonya-v2 #v-odobravanje *,
  body.theme-mono.moonya-v2 #v-odobravanje *::before,
  body.theme-mono.moonya-v2 #v-odobravanje *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  body.theme-mono.moonya-v2 .ap-video-progress-art span { animation: none !important; }
}