/* AfiaỌru UI 1.10.0. Applies the approved emerald and gold design to the plugin's own screens.
 * Scoped to body.afiaoru-app-shell so it wins over the look layer and stays easy to undo. */

body.afiaoru-app-shell {
  --afia-emerald-900: #17262f;
  --afia-emerald-700: #1e323e;
  --afia-emerald-500: #2b4657;
  --afia-emerald-300: #547387;
  --afia-gold: #c9a24d;
  --afia-gold-soft: #f1e3bd;
  --afia-ivory: #f7f3ea;
  --afia-paper: #fffdf8;
  --afia-ink: #171b1d;
  --afia-muted: #5b6b63;
  --afia-line: #e6dfcd;
  --afia-shadow-1: 0 1px 0 rgba(255,255,255,.7) inset, 0 2px 4px rgba(30, 50, 62,.10), 0 10px 22px -10px rgba(30, 50, 62,.30);
  --afia-shadow-2: 0 1px 0 rgba(255,255,255,.8) inset, 0 6px 10px rgba(30, 50, 62,.12), 0 24px 40px -16px rgba(30, 50, 62,.40);
}

/* Cards: the shared box used across screens */
body.afiaoru-app-shell .afiaoru-card,
body.afiaoru-app-shell .afiaoru-account-card,
body.afiaoru-app-shell .afiaoru-request-card,
body.afiaoru-app-shell .afiaoru-notification-card,
body.afiaoru-app-shell .afiaoru-favorite-card,
body.afiaoru-app-shell .afiaoru-dashboard-section,
body.afiaoru-app-shell .afiaoru-payment-panel,
body.afiaoru-app-shell .afiaoru-request-form,
body.afiaoru-app-shell .afiaoru-discovery-form,
body.afiaoru-app-shell .afiaoru-favorite-detail {
  background: linear-gradient(180deg, #fff, #fbf8f0);
  border: 1px solid rgba(201, 162, 77, .25);
  border-radius: 16px;
  box-shadow: var(--afia-shadow-1);
  color: var(--afia-ink);
}

body.afiaoru-app-shell .afiaoru-card,
body.afiaoru-app-shell .afiaoru-account-card {
  padding: 14px 16px;
  transition: transform .15s ease, box-shadow .15s ease;
}

body.afiaoru-app-shell a.afiaoru-card:active,
body.afiaoru-app-shell a.afiaoru-account-card:active {
  transform: translateY(1px) scale(.99);
  box-shadow: 0 1px 2px rgba(30, 50, 62, .12);
}

/* Notices and messages */
body.afiaoru-app-shell .afiaoru-notice,
body.afiaoru-app-shell .afiaoru-message,
body.afiaoru-app-shell .afiaoru-message-success,
body.afiaoru-app-shell .afiaoru-cancellation-success,
body.afiaoru-app-shell .afiaoru-cancellation-error {
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--afia-line);
  background: var(--afia-paper);
  box-shadow: var(--afia-shadow-1);
  font-size: 14px;
  line-height: 1.5;
}

body.afiaoru-app-shell .afiaoru-message-success,
body.afiaoru-app-shell .afiaoru-cancellation-success {
  background: linear-gradient(180deg, #f0f3f5, #e7ebee);
  border-color: rgba(84, 115, 135, .35);
  color: var(--afia-emerald-700);
}

body.afiaoru-app-shell .afiaoru-cancellation-error {
  background: linear-gradient(180deg, #fdf1ee, #f9e4df);
  border-color: rgba(160, 60, 40, .25);
  color: #7a2a1c;
}

/* Status pill */
body.afiaoru-app-shell .afiaoru-status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  background: linear-gradient(180deg, var(--afia-gold-soft), #ecd49a);
  color: #6b4b00;
  box-shadow: 0 2px 4px rgba(120, 80, 20, .15);
}

/* Eyebrow labels above headings */
body.afiaoru-app-shell .afiaoru-eyebrow {
  font-size: 12px;
  font-weight: 700;
  color: var(--afia-emerald-500);
  text-transform: uppercase;
  letter-spacing: .12em;
}

/* Buttons */
body.afiaoru-app-shell .afiaoru-save-button,
body.afiaoru-app-shell .afiaoru-request-form button,
body.afiaoru-app-shell .afiaoru-discovery-form button,
body.afiaoru-app-shell .afiaoru-favorite-form button,
body.afiaoru-app-shell .afiaoru-cancel-request,
body.afiaoru-app-shell .afiaoru-discovery-actions .button {
  position: relative;
  overflow: hidden;
  min-height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--afia-emerald-300), var(--afia-emerald-700));
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 12px 22px -8px rgba(30, 50, 62, .7);
  cursor: pointer;
}

body.afiaoru-app-shell .afiaoru-cancel-request {
  background: linear-gradient(180deg, #fff, #f6f1e4);
  color: #8a1d12;
  border: 1px solid var(--afia-line);
  box-shadow: 0 2px 4px rgba(30, 50, 62, .08);
}

/* Forms */
body.afiaoru-app-shell .afiaoru-request-form input,
body.afiaoru-app-shell .afiaoru-request-form select,
body.afiaoru-app-shell .afiaoru-request-form textarea,
body.afiaoru-app-shell .afiaoru-discovery-form input,
body.afiaoru-app-shell .afiaoru-discovery-form select,
body.afiaoru-app-shell .afiaoru-favorite-form input,
body.afiaoru-app-shell .afiaoru-favorite-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid var(--afia-line);
  border-radius: 12px;
  background: #fff;
  color: var(--afia-ink);
  font-size: 15px;
  box-shadow: inset 0 2px 3px rgba(30, 50, 62, .06);
}

body.afiaoru-app-shell .afiaoru-request-form input:focus,
body.afiaoru-app-shell .afiaoru-request-form select:focus,
body.afiaoru-app-shell .afiaoru-request-form textarea:focus,
body.afiaoru-app-shell .afiaoru-discovery-form input:focus,
body.afiaoru-app-shell .afiaoru-discovery-form select:focus,
body.afiaoru-app-shell .afiaoru-favorite-form input:focus,
body.afiaoru-app-shell .afiaoru-favorite-form textarea:focus {
  outline: none;
  border-color: var(--afia-gold);
  box-shadow: 0 0 0 3px rgba(201, 162, 77, .25);
}

/* Lists and grids: spacing only, keeps each screen's own layout */
body.afiaoru-app-shell .afiaoru-request-row,
body.afiaoru-app-shell .afiaoru-onboarding-row {
  padding: 12px 14px;
  border-bottom: 1px solid var(--afia-line);
  font-size: 15px;
}

body.afiaoru-app-shell .afiaoru-dashboard-grid,
body.afiaoru-app-shell .afiaoru-favorites-grid {
  gap: 12px;
}

body.afiaoru-app-shell .afiaoru-notification-date {
  font-size: 12px;
  color: #8a968f;
}

/* Gentle entrance for cards */
@keyframes afia-ui-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

body.afiaoru-app-shell .afiaoru-card,
body.afiaoru-app-shell .afiaoru-request-card,
body.afiaoru-app-shell .afiaoru-notification-card,
body.afiaoru-app-shell .afiaoru-favorite-card {
  animation: afia-ui-up .45s ease both;
}

@media (prefers-reduced-motion: reduce) {
  body.afiaoru-app-shell .afiaoru-card,
  body.afiaoru-app-shell .afiaoru-request-card,
  body.afiaoru-app-shell .afiaoru-notification-card,
  body.afiaoru-app-shell .afiaoru-favorite-card {
    animation: none;
  }
}

/* Top bar on phones: emerald with a gold edge, like the approved design.
 * Uses the theme's standard header ids. If the header does not change, send a screenshot. */
@media (max-width: 768px) {
  body.afiaoru-app-shell #masthead,
  body.afiaoru-app-shell .site-header {
    background: linear-gradient(180deg, var(--afia-emerald-500), var(--afia-emerald-700)) !important;
    box-shadow: 0 4px 0 var(--afia-gold), 0 10px 22px -6px rgba(23, 38, 47, .55);
    color: #fff;
  }

  body.afiaoru-app-shell #masthead a,
  body.afiaoru-app-shell .site-header a,
  body.afiaoru-app-shell #masthead .site-title,
  body.afiaoru-app-shell #masthead .site-title a {
    color: #fff !important;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .25);
  }

  body.afiaoru-app-shell #masthead .menu-toggle,
  body.afiaoru-app-shell #masthead button {
    color: #fff;
    border-color: rgba(255, 255, 255, .5);
  }
}

/* ===== 1.12.0: full app look for the remaining screens (scoped to the app shell) ===== */

/* Page titles */
body.afiaoru-app-shell .entry-title,
body.afiaoru-app-shell .page-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 700;
  color: var(--afia-emerald-700);
  letter-spacing: .01em;
}

/* Buttons used by the theme, WooCommerce and login forms */
body.afiaoru-app-shell .button,
body.afiaoru-app-shell button[type="submit"],
body.afiaoru-app-shell input[type="submit"],
body.afiaoru-app-shell .woocommerce-Button,
body.afiaoru-app-shell .woocommerce-button {
  min-height: 48px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--afia-emerald-300), var(--afia-emerald-700));
  color: #fff;
  font-weight: 700;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 12px 22px -8px rgba(30, 50, 62, .7);
}

/* Login and account forms: cards with the same inputs as the design */
body.afiaoru-app-shell form.login,
body.afiaoru-app-shell form#loginform,
body.afiaoru-app-shell .woocommerce-form-login,
body.afiaoru-app-shell .woocommerce-form-register,
body.afiaoru-app-shell .woocommerce-form-register__submit,
body.afiaoru-app-shell .woocommerce-address-fields,
body.afiaoru-app-shell .woocommerce-EditAccountForm {
  background: linear-gradient(180deg, #fff, #fbf8f0);
  border: 1px solid rgba(201, 162, 77, .25);
  border-radius: 18px;
  box-shadow: var(--afia-shadow-1);
  padding: 18px;
}

body.afiaoru-app-shell form.login input[type="text"],
body.afiaoru-app-shell form.login input[type="password"],
body.afiaoru-app-shell form.login input[type="email"],
body.afiaoru-app-shell #loginform input[type="text"],
body.afiaoru-app-shell #loginform input[type="password"],
body.afiaoru-app-shell .woocommerce-form input.input-text,
body.afiaoru-app-shell .woocommerce-form input[type="email"],
body.afiaoru-app-shell .woocommerce-form input[type="password"],
body.afiaoru-app-shell .woocommerce-form select,
body.afiaoru-app-shell .woocommerce-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid var(--afia-line);
  border-radius: 12px;
  background: #fff;
  font-size: 15px;
  box-shadow: inset 0 2px 3px rgba(30, 50, 62, .06);
}

body.afiaoru-app-shell .woocommerce-form input:focus,
body.afiaoru-app-shell form.login input:focus,
body.afiaoru-app-shell #loginform input:focus {
  outline: none;
  border-color: var(--afia-gold);
  box-shadow: 0 0 0 3px rgba(201, 162, 77, .25);
}

/* Messages area */
body.afiaoru-app-shell .afiaoru-messages,
body.afiaoru-app-shell .afiaoru-notifications,
body.afiaoru-app-shell .afiaoru-my-requests {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.afiaoru-app-shell .afiaoru-message {
  max-width: 82%;
  border-bottom-left-radius: 4px;
}

/* Footer on phones: calm, ivory, and clear of the tab bar */
@media (max-width: 768px) {
  body.afiaoru-app-shell #colophon,
  body.afiaoru-app-shell .site-footer {
    background: var(--afia-ivory) !important;
    color: var(--afia-muted);
    font-size: 13px;
    text-align: center;
    padding: 18px 16px 12px;
    border-top: 1px solid var(--afia-line);
  }

  body.afiaoru-app-shell #colophon a,
  body.afiaoru-app-shell .site-footer a {
    color: var(--afia-emerald-500);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  body.afiaoru-app-shell * {
    animation: none !important;
    transition: none !important;
  }
}

/* ===== 1.16.0: animation and richer colour ===== */
body.afiaoru-app-shell {
  --afia-jade: #416378;
  --afia-champagne: #f6ecd2;
  --afia-sheen: linear-gradient(100deg, #c9a24d 0%, #f6e3a6 45%, #c9a24d 70%, #a87c2e 100%);
}

/* Page titles: gold sheen that sweeps across once on load */
body.afiaoru-app-shell .entry-title,
body.afiaoru-app-shell .page-title {
  background: linear-gradient(100deg, #1e323e 0%, #1e323e 40%, #416378 50%, #1e323e 60%, #1e323e 100%);
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: afia-sheen-text 2.6s ease-out both;
}

@keyframes afia-sheen-text {
  from { background-position: 100% 0; opacity: 0; transform: translateY(6px); }
  to { background-position: 0 0; opacity: 1; transform: none; }
}

/* Staggered entrance for every list of cards */
body.afiaoru-app-shell .afiaoru-dashboard-grid > *,
body.afiaoru-app-shell .afiaoru-favorites-grid > *,
body.afiaoru-app-shell .afiaoru-notifications > *,
body.afiaoru-app-shell .afiaoru-my-requests > *,
body.afiaoru-app-shell .afiaoru-messages > * {
  animation: afia-rise .5s cubic-bezier(.2,.7,.2,1) both;
}
body.afiaoru-app-shell .afiaoru-dashboard-grid > *:nth-child(2),
body.afiaoru-app-shell .afiaoru-favorites-grid > *:nth-child(2),
body.afiaoru-app-shell .afiaoru-notifications > *:nth-child(2),
body.afiaoru-app-shell .afiaoru-my-requests > *:nth-child(2),
body.afiaoru-app-shell .afiaoru-messages > *:nth-child(2) { animation-delay: .07s; }
body.afiaoru-app-shell .afiaoru-dashboard-grid > *:nth-child(3),
body.afiaoru-app-shell .afiaoru-favorites-grid > *:nth-child(3),
body.afiaoru-app-shell .afiaoru-notifications > *:nth-child(3),
body.afiaoru-app-shell .afiaoru-my-requests > *:nth-child(3),
body.afiaoru-app-shell .afiaoru-messages > *:nth-child(3) { animation-delay: .14s; }
body.afiaoru-app-shell .afiaoru-dashboard-grid > *:nth-child(n+4),
body.afiaoru-app-shell .afiaoru-favorites-grid > *:nth-child(n+4),
body.afiaoru-app-shell .afiaoru-notifications > *:nth-child(n+4),
body.afiaoru-app-shell .afiaoru-my-requests > *:nth-child(n+4),
body.afiaoru-app-shell .afiaoru-messages > *:nth-child(n+4) { animation-delay: .21s; }

@keyframes afia-rise {
  from { opacity: 0; transform: translateY(12px) scale(.985); }
  to { opacity: 1; transform: none; }
}

/* Cards: lift and glow on hover, press on tap */
body.afiaoru-app-shell .afiaoru-card,
body.afiaoru-app-shell .afiaoru-request-card,
body.afiaoru-app-shell .afiaoru-notification-card,
body.afiaoru-app-shell .afiaoru-favorite-card {
  transition: transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease, border-color .25s ease;
}
body.afiaoru-app-shell a.afiaoru-card:hover,
body.afiaoru-app-shell a.afiaoru-request-card:hover,
body.afiaoru-app-shell a.afiaoru-favorite-card:hover {
  transform: translateY(-2px);
  border-color: rgba(201, 162, 77, .6);
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 8px 18px rgba(30, 50, 62, .14), 0 22px 36px -16px rgba(201, 162, 77, .35);
}

/* Buttons: sheen sweep on hover */
body.afiaoru-app-shell .button,
body.afiaoru-app-shell button[type="submit"],
body.afiaoru-app-shell input[type="submit"],
body.afiaoru-app-shell .afiaoru-save-button,
body.afiaoru-app-shell .afiaoru-discovery-actions .button {
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .25s ease, filter .25s ease;
}
body.afiaoru-app-shell .button::after,
body.afiaoru-app-shell button[type="submit"]::after,
body.afiaoru-app-shell input[type="submit"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 246, 210, .55), transparent);
  transform: skewX(-20deg);
  pointer-events: none;
}
body.afiaoru-app-shell .button:hover::after,
body.afiaoru-app-shell button[type="submit"]:hover::after,
body.afiaoru-app-shell input[type="submit"]:hover::after {
  animation: afia-btn-sheen .9s ease;
}
body.afiaoru-app-shell .button:hover,
body.afiaoru-app-shell button[type="submit"]:hover,
body.afiaoru-app-shell input[type="submit"]:hover {
  filter: brightness(1.06) saturate(1.05);
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 16px 26px -10px rgba(30, 50, 62, .75), 0 0 0 3px rgba(201, 162, 77, .18);
}
body.afiaoru-app-shell .button:active,
body.afiaoru-app-shell button[type="submit"]:active,
body.afiaoru-app-shell input[type="submit"]:active { transform: scale(.98); }

@keyframes afia-btn-sheen {
  from { left: -70%; }
  to { left: 130%; }
}

/* Status pills: a soft pulse for pending items */
body.afiaoru-app-shell .afiaoru-status {
  background: linear-gradient(180deg, #f6ecd2, #e9cf8a);
  animation: afia-glow 2.4s ease-in-out infinite;
}
@keyframes afia-glow {
  0%, 100% { box-shadow: 0 2px 4px rgba(120, 80, 20, .15); }
  50% { box-shadow: 0 0 0 4px rgba(201, 162, 77, .18), 0 2px 4px rgba(120, 80, 20, .15); }
}

/* Form fields: gold focus glow */
body.afiaoru-app-shell .afiaoru-request-form input,
body.afiaoru-app-shell .afiaoru-request-form select,
body.afiaoru-app-shell .afiaoru-request-form textarea,
body.afiaoru-app-shell .woocommerce-form input,
body.afiaoru-app-shell form.login input {
  transition: border-color .2s ease, box-shadow .25s ease, background .2s ease;
}
body.afiaoru-app-shell .afiaoru-request-form input:focus,
body.afiaoru-app-shell .woocommerce-form input:focus,
body.afiaoru-app-shell form.login input:focus {
  background: #fffdf8;
  box-shadow: 0 0 0 4px rgba(201, 162, 77, .22), 0 6px 14px -8px rgba(30, 50, 62, .35);
}

@media (prefers-reduced-motion: reduce) {
  body.afiaoru-app-shell .entry-title,
  body.afiaoru-app-shell .page-title,
  body.afiaoru-app-shell .afiaoru-status,
  body.afiaoru-app-shell .afiaoru-dashboard-grid > *,
  body.afiaoru-app-shell .afiaoru-favorites-grid > *,
  body.afiaoru-app-shell .afiaoru-notifications > *,
  body.afiaoru-app-shell .afiaoru-my-requests > *,
  body.afiaoru-app-shell .afiaoru-messages > * { animation: none !important; }
  body.afiaoru-app-shell .button::after,
  body.afiaoru-app-shell button[type="submit"]::after { display: none; }
}

/* ===== 1.16.1: CCMS motion style, copied into AfiaỌru (emerald and gold colours kept) ===== */

/* Cards: rise in one after another (like CCMS dashboard cards) */
body.afiaoru-app-shell .afia-home .cards > *,
body.afiaoru-app-shell .afs .svc,
body.afiaoru-app-shell .afs .card,
body.afiaoru-app-shell .afia-home .cat,
body.afiaoru-app-shell .afia-home .step,
body.afiaoru-app-shell .afia-home .why-card {
  animation: afia-cc-rise .5s cubic-bezier(.2,.7,.2,1) both;
  animation-delay: calc(var(--i, 1) * 45ms);
}
@keyframes afia-cc-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* Category rows slide in from the left (like CCMS category groups) */
body.afiaoru-app-shell .afia-home .cats > .cat {
  animation: afia-cc-slide .55s cubic-bezier(.2,.8,.2,1) both;
  animation-delay: calc(var(--i, 1) * 55ms);
}
@keyframes afia-cc-slide { from { opacity: 0; transform: translateX(-34px); } to { opacity: 1; transform: none; } }

/* 3D cards: lift on hover, press down on tap (like CCMS KPI tiles) */
body.afiaoru-app-shell .afia-home a.card,
body.afiaoru-app-shell .afia-home .cat,
body.afiaoru-app-shell .afs .svc,
body.afiaoru-app-shell .afs .card,
body.afiaoru-app-shell a.afiaoru-card,
body.afiaoru-app-shell a.afiaoru-request-card,
body.afiaoru-app-shell a.afiaoru-favorite-card {
  transition: transform .15s ease, box-shadow .15s ease;
}
body.afiaoru-app-shell .afia-home a.card:hover,
body.afiaoru-app-shell .afia-home .cat:hover,
body.afiaoru-app-shell .afs .svc:hover,
body.afiaoru-app-shell .afs .card:hover,
body.afiaoru-app-shell a.afiaoru-card:hover,
body.afiaoru-app-shell a.afiaoru-request-card:hover,
body.afiaoru-app-shell a.afiaoru-favorite-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 0 #c9a24d, 0 4px 0 #1e323e, 0 24px 30px -10px rgba(30, 50, 62, .45);
}
body.afiaoru-app-shell .afia-home a.card:active,
body.afiaoru-app-shell .afia-home .cat:active,
body.afiaoru-app-shell .afs .svc:active,
body.afiaoru-app-shell .afs .card:active,
body.afiaoru-app-shell a.afiaoru-card:active,
body.afiaoru-app-shell a.afiaoru-request-card:active,
body.afiaoru-app-shell a.afiaoru-favorite-card:active {
  transform: translateY(2px);
  box-shadow: 0 0 0 #c9a24d, 0 2px 0 #1e323e, 0 6px 10px -6px rgba(30, 50, 62, .5);
}

/* 3D buttons: raised solid edge, pressed flat (like CCMS action buttons) */
body.afiaoru-app-shell .afia-home .cta,
body.afiaoru-app-shell .afs .btn,
body.afiaoru-app-shell .afia-install-go,
body.afiaoru-app-shell .button,
body.afiaoru-app-shell button[type="submit"],
body.afiaoru-app-shell input[type="submit"],
body.afiaoru-app-shell .afiaoru-save-button {
  transition: transform .08s ease, box-shadow .08s ease, filter .15s ease;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 4px 0 #17262f, 0 12px 20px -8px rgba(30, 50, 62, .6);
}
body.afiaoru-app-shell .afia-home .cta:active,
body.afiaoru-app-shell .afs .btn:active,
body.afiaoru-app-shell .afia-install-go:active,
body.afiaoru-app-shell .button:active,
body.afiaoru-app-shell button[type="submit"]:active,
body.afiaoru-app-shell input[type="submit"]:active,
body.afiaoru-app-shell .afiaoru-save-button:active {
  transform: translateY(4px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 0 #17262f, 0 3px 6px -3px rgba(30, 50, 62, .5);
}

/* Hero tilts a little and straightens on hover (like the CCMS dashboard hero) */
body.afiaoru-app-shell .afs .hero {
  transform: perspective(1100px) rotateX(1.2deg);
  transform-origin: 50% 100%;
  transition: transform .35s ease;
}
body.afiaoru-app-shell .afs .hero:hover { transform: perspective(1100px) rotateX(0); }

/* Pending labels: a moving gold shine (like the CCMS "NEW" badge) */
body.afiaoru-app-shell .afiaoru-status,
body.afiaoru-app-shell .afia-home .pill,
body.afiaoru-app-shell .afs .pill:not(.ok) {
  background: linear-gradient(110deg, #c9a24d 20%, #f6e3a6 45%, #c9a24d 70%);
  background-size: 220% 100%;
  color: #fff;
  animation: afia-cc-shine 2.6s linear infinite;
}
@keyframes afia-cc-shine { 0% { background-position: -120% 0; } 100% { background-position: 220% 0; } }

/* Page titles: one sheen sweep when the page opens (like the CCMS title plaque) */
body.afiaoru-app-shell .entry-title::after {
  content: "";
}

@media (prefers-reduced-motion: reduce) {
  body.afiaoru-app-shell .afia-home .cards > *,
  body.afiaoru-app-shell .afia-home .cat,
  body.afiaoru-app-shell .afs .svc,
  body.afiaoru-app-shell .afs .card,
  body.afiaoru-app-shell .afs .hero,
  body.afiaoru-app-shell .afiaoru-status,
  body.afiaoru-app-shell .afia-home .pill,
  body.afiaoru-app-shell .afs .pill:not(.ok) { animation: none !important; transform: none !important; }
}