/*
 * Shahdad AI — mobile-palette shell / original Manzume beta
 *
 * Hard boundary:
 * - The original dashboard geometry is preserved.
 * - No selector in this file targets the Manzume portal or any of its children.
 * - Only the global canvas, header and right-side dashboard tools are recolored.
 */

body.mobile-shell-original-manzume {
  --shell-ink: #163d42;
  --shell-muted: #647b7d;
  --shell-green: #2f7d6b;
  --shell-green-2: #6ab39b;
  --shell-mint: #dff4e9;
  --shell-mint-2: #eef9f3;
  --shell-blush: #f8e2e9;
  --shell-gold: #e4c67d;
  --shell-blue: #dcecf8;
  --shell-lav: #ebe4f7;
  --shell-paper: #fffdf9;
  --shell-line: #dcebe3;
  background: #eef5f0;
}

body.mobile-shell-original-manzume #root {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(560px 420px at 101% -6%, rgba(248, 226, 233, 0.88), transparent 72%),
    radial-gradient(560px 460px at -8% 108%, rgba(223, 244, 233, 0.96), transparent 72%),
    radial-gradient(360px 300px at 52% 112%, rgba(235, 228, 247, 0.46), transparent 76%),
    linear-gradient(145deg, #f8fbf8 0%, #eef5f0 52%, #f8f5ef 100%);
}

body.mobile-shell-original-manzume #root::before,
body.mobile-shell-original-manzume #root::after {
  content: "";
  position: fixed;
  z-index: 0;
  pointer-events: none;
  border-radius: 999px;
}

body.mobile-shell-original-manzume #root::before {
  width: 250px;
  height: 250px;
  inset-inline-end: 17%;
  top: -184px;
  background: rgba(220, 236, 248, 0.62);
}

body.mobile-shell-original-manzume #root::after {
  width: 210px;
  height: 210px;
  inset-inline-start: 29%;
  bottom: -166px;
  background: rgba(235, 228, 247, 0.56);
}

/* Ambient decoration outside the Manzume card. */
body.mobile-shell-original-manzume .bg-decor .dot {
  background: var(--shell-green-2);
  opacity: 0.26;
  box-shadow: 0 0 0 4px rgba(255, 253, 249, 0.62);
}

body.mobile-shell-original-manzume .bg-decor .dot.g {
  background: var(--shell-gold);
}

body.mobile-shell-original-manzume .bg-decor .ring {
  border-color: rgba(47, 125, 107, 0.10);
  opacity: 0.58;
}

body.mobile-shell-original-manzume .bg-decor .ring.g {
  border-color: rgba(228, 198, 125, 0.16);
}

body.mobile-shell-original-manzume .bg-decor svg.wires {
  opacity: 0.15;
}

body.mobile-shell-original-manzume .bg-decor svg.wires path {
  stroke: var(--shell-green-2);
}

body.mobile-shell-original-manzume .bg-decor svg.wires path.gold {
  stroke: var(--shell-gold);
}

body.mobile-shell-original-manzume .loader {
  color: var(--shell-ink);
  background:
    radial-gradient(520px 380px at 24% 22%, rgba(248, 226, 233, 0.78), transparent 70%),
    radial-gradient(560px 420px at 78% 74%, rgba(223, 244, 233, 0.88), transparent 72%),
    var(--shell-paper);
}

/* Header: original dimensions, mobile color language. */
body.mobile-shell-original-manzume .topbar {
  border-bottom-color: rgba(47, 125, 107, 0.13);
  background:
    linear-gradient(105deg, rgba(255, 253, 249, 0.95), rgba(238, 249, 243, 0.91));
  box-shadow: 0 12px 34px rgba(34, 83, 73, 0.08);
  backdrop-filter: blur(18px) saturate(112%);
}

body.mobile-shell-original-manzume .brand-logo-img {
  filter: drop-shadow(0 7px 16px rgba(22, 61, 66, 0.11));
}

body.mobile-shell-original-manzume .brand-text .name,
body.mobile-shell-original-manzume .title-center .t {
  color: var(--shell-ink);
}

body.mobile-shell-original-manzume .brand-text .name b,
body.mobile-shell-original-manzume .title-center .ts {
  color: #8a671e;
}

body.mobile-shell-original-manzume .brand-text .sub {
  color: var(--shell-muted);
}

body.mobile-shell-original-manzume .searchbar {
  border-color: rgba(47, 125, 107, 0.14);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 9px 26px rgba(39, 89, 77, 0.08);
}

body.mobile-shell-original-manzume .searchbar:focus-within {
  border-color: rgba(47, 125, 107, 0.46);
  box-shadow:
    0 0 0 3px rgba(223, 244, 233, 0.92),
    0 11px 29px rgba(39, 89, 77, 0.10);
}

body.mobile-shell-original-manzume .searchbar .search-ico {
  color: var(--shell-green);
  animation-duration: 5.4s;
}

body.mobile-shell-original-manzume .searchbar input {
  color: var(--shell-ink);
}

body.mobile-shell-original-manzume .searchbar input::placeholder {
  color: #718784;
}

body.mobile-shell-original-manzume .searchbar .ai-chip {
  color: var(--shell-green);
  border-color: rgba(47, 125, 107, 0.20);
  background: rgba(223, 244, 233, 0.84);
}

body.mobile-shell-original-manzume .searchbar-go,
body.mobile-shell-original-manzume .btn-login {
  color: #fff;
  background: linear-gradient(145deg, #3e917c, #246a5e);
  box-shadow: 0 8px 20px rgba(36, 106, 94, 0.20);
}

body.mobile-shell-original-manzume .account-pill,
body.mobile-shell-original-manzume .icon-btn,
body.mobile-shell-original-manzume .lang-toggle,
body.mobile-shell-original-manzume .user-chip {
  color: var(--shell-ink);
  border-color: rgba(47, 125, 107, 0.14);
  background: rgba(255, 255, 255, 0.80);
  box-shadow: 0 6px 20px rgba(32, 84, 72, 0.07);
}

body.mobile-shell-original-manzume .account-pill.wallet {
  background: linear-gradient(145deg, rgba(223, 244, 233, 0.94), rgba(255, 255, 255, 0.90));
}

body.mobile-shell-original-manzume .account-pill.plan {
  border-color: rgba(228, 198, 125, 0.42);
  background: linear-gradient(145deg, rgba(246, 237, 207, 0.86), rgba(255, 255, 255, 0.92));
}

body.mobile-shell-original-manzume .account-pill svg,
body.mobile-shell-original-manzume .icon-btn {
  color: var(--shell-green);
}

body.mobile-shell-original-manzume .account-pill.plan svg {
  color: #8a671e;
}

body.mobile-shell-original-manzume .icon-btn .badge {
  box-shadow: 0 0 0 2px var(--shell-paper);
}

body.mobile-shell-original-manzume .lang-toggle {
  background: rgba(238, 249, 243, 0.92);
}

body.mobile-shell-original-manzume .lang-toggle button {
  color: var(--shell-muted);
}

body.mobile-shell-original-manzume .lang-toggle button.on {
  color: #fff;
  background: var(--shell-green);
  box-shadow: 0 5px 14px rgba(47, 125, 107, 0.20);
}

body.mobile-shell-original-manzume .user-chip .nm {
  color: var(--shell-ink);
}

body.mobile-shell-original-manzume .user-chip .rl {
  color: var(--shell-muted);
  opacity: 1;
}

body.mobile-shell-original-manzume .user-chip .av {
  color: #fff;
  background: linear-gradient(145deg, var(--shell-green-2), var(--shell-green));
}

body.mobile-shell-original-manzume .user-chip .av::after {
  box-shadow: 0 0 0 2px #fff;
}

body.mobile-shell-original-manzume .tb-dropdown {
  border-color: rgba(47, 125, 107, 0.16);
  color: var(--shell-ink);
  background: linear-gradient(180deg, #fffdf9, #eef9f3);
  box-shadow: 0 24px 60px -16px rgba(34, 83, 73, 0.28);
}

body.mobile-shell-original-manzume .tb-drop-head {
  color: var(--shell-muted);
  border-bottom-color: rgba(47, 125, 107, 0.12);
}

body.mobile-shell-original-manzume .tb-drop-item:hover {
  background: rgba(223, 244, 233, 0.70);
}

/* Remove the dark-theme racing outline from shell controls only. */
body.mobile-shell-original-manzume .topbar .account-pill::after,
body.mobile-shell-original-manzume .topbar .icon-btn::after,
body.mobile-shell-original-manzume .topbar .user-chip::after,
body.mobile-shell-original-manzume .topbar .lang-toggle button::after,
body.mobile-shell-original-manzume .topbar .searchbar-go::after,
body.mobile-shell-original-manzume .right-col .qa::after,
body.mobile-shell-original-manzume .right-col .eco-card-cta::after {
  display: none;
}

body.mobile-shell-original-manzume .topbar .account-pill:hover,
body.mobile-shell-original-manzume .topbar .icon-btn:hover,
body.mobile-shell-original-manzume .topbar .user-chip:hover,
body.mobile-shell-original-manzume .topbar .lang-toggle button:hover,
body.mobile-shell-original-manzume .topbar .searchbar-go:hover {
  border-color: rgba(47, 125, 107, 0.30) !important;
  box-shadow: 0 9px 24px rgba(38, 98, 84, 0.13) !important;
}

/* Right dashboard column only. */
body.mobile-shell-original-manzume .right-col .eco-card-cta {
  border-color: rgba(47, 125, 107, 0.13);
  color: var(--shell-ink);
  background:
    linear-gradient(115deg, rgba(223, 244, 233, 0.96), rgba(255, 255, 255, 0.94) 58%, rgba(248, 226, 233, 0.76));
  box-shadow: 0 11px 28px rgba(37, 83, 73, 0.09);
}

body.mobile-shell-original-manzume .right-col .eco-card-cta > svg:first-child {
  color: var(--shell-green);
}

body.mobile-shell-original-manzume .right-col .eco-card-cta .ecc-title {
  color: var(--shell-ink);
}

body.mobile-shell-original-manzume .right-col .eco-card-cta .ecc-meta,
body.mobile-shell-original-manzume .right-col .eco-card-cta > svg:last-child {
  color: var(--shell-muted);
}

body.mobile-shell-original-manzume .right-col .eco-card-cta:hover {
  border-color: rgba(47, 125, 107, 0.28) !important;
  box-shadow: 0 14px 32px rgba(37, 83, 73, 0.13) !important;
}

body.mobile-shell-original-manzume .right-col .qa {
  color: var(--shell-ink);
  border-color: rgba(47, 125, 107, 0.09);
  background: #fff;
  box-shadow: 0 7px 20px rgba(42, 88, 78, 0.07);
}

body.mobile-shell-original-manzume .right-col .qa::before {
  opacity: 1;
}

body.mobile-shell-original-manzume .right-col .qa:nth-child(1)::before {
  background: linear-gradient(150deg, #d7f0e4, rgba(255, 255, 255, 0.95));
}

body.mobile-shell-original-manzume .right-col .qa:nth-child(2)::before {
  background: linear-gradient(150deg, #f7dce6, rgba(255, 255, 255, 0.95));
}

body.mobile-shell-original-manzume .right-col .qa:nth-child(3)::before {
  background: linear-gradient(150deg, #dcecf8, rgba(255, 255, 255, 0.95));
}

body.mobile-shell-original-manzume .right-col .qa:nth-child(4)::before {
  background: linear-gradient(150deg, #f2e3b8, rgba(255, 255, 255, 0.95));
}

body.mobile-shell-original-manzume .right-col .qa .icoR {
  border: 1px solid rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 5px 13px rgba(39, 78, 71, 0.07);
}

body.mobile-shell-original-manzume .right-col .qa:nth-child(1) svg { color: #2f7665 !important; }
body.mobile-shell-original-manzume .right-col .qa:nth-child(2) svg { color: #8b5266 !important; }
body.mobile-shell-original-manzume .right-col .qa:nth-child(3) svg { color: #426f85 !important; }
body.mobile-shell-original-manzume .right-col .qa:nth-child(4) svg { color: #795f28 !important; }

body.mobile-shell-original-manzume .right-col .qa .lbl {
  color: var(--shell-ink);
  font-weight: 700;
}

body.mobile-shell-original-manzume .right-col .qa:hover {
  border-color: rgba(47, 125, 107, 0.20) !important;
  box-shadow: 0 12px 28px rgba(42, 88, 78, 0.11) !important;
}

body.mobile-shell-original-manzume .right-col .panel {
  border-color: rgba(47, 125, 107, 0.12);
  color: var(--shell-ink);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 28px rgba(38, 98, 84, 0.09);
}

body.mobile-shell-original-manzume .right-col .panel-head h3 {
  color: var(--shell-ink);
}

body.mobile-shell-original-manzume .right-col .panel-head .more {
  color: var(--shell-green);
}

body.mobile-shell-original-manzume .stats-card.stats-social-proof {
  --proof-mint: #2f7d6b;
  --proof-lilac: #675582;
  --proof-white: #163d42;
  --proof-soft: #647b7d;
  border-color: rgba(47, 125, 107, 0.12);
  background:
    radial-gradient(circle at 6% 5%, rgba(215, 240, 228, 0.90), transparent 39%),
    radial-gradient(circle at 96% 96%, rgba(235, 228, 247, 0.72), transparent 43%),
    rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 28px rgba(38, 98, 84, 0.09);
}

body.mobile-shell-original-manzume .proof-kicker {
  color: var(--shell-green);
}

body.mobile-shell-original-manzume .proof-head h3,
body.mobile-shell-original-manzume .proof-mix h4 {
  color: var(--shell-ink);
}

body.mobile-shell-original-manzume .proof-period {
  border-color: rgba(103, 85, 130, 0.14);
  color: #675582;
  background: rgba(235, 228, 247, 0.76);
}

body.mobile-shell-original-manzume .proof-track {
  background: linear-gradient(90deg, rgba(47, 125, 107, 0.20), rgba(103, 85, 130, 0.34), rgba(47, 125, 107, 0.20));
}

body.mobile-shell-original-manzume .proof-track i {
  background: var(--shell-green-2);
  box-shadow: 0 0 0 3px rgba(255, 253, 249, 0.96);
}

body.mobile-shell-original-manzume .proof-stage-icon,
body.mobile-shell-original-manzume .proof-stage.is-transactions .proof-stage-icon {
  color: var(--shell-green);
  background: rgba(223, 244, 233, 0.84);
}

body.mobile-shell-original-manzume .proof-stage.is-transactions .proof-stage-icon {
  color: #675582;
  background: rgba(235, 228, 247, 0.76);
}

body.mobile-shell-original-manzume .proof-stage dt,
body.mobile-shell-original-manzume .proof-legend-item dt,
body.mobile-shell-original-manzume .proof-provenance p {
  color: var(--shell-muted);
}

body.mobile-shell-original-manzume .proof-stage dd,
body.mobile-shell-original-manzume .proof-stage.is-tools dd,
body.mobile-shell-original-manzume .proof-legend-item dd {
  color: var(--shell-ink);
}

body.mobile-shell-original-manzume .proof-stage.is-tools dd {
  color: var(--shell-green);
}

body.mobile-shell-original-manzume .proof-mix,
body.mobile-shell-original-manzume .proof-provenance {
  border-top-color: rgba(47, 125, 107, 0.12);
}

body.mobile-shell-original-manzume .proof-mix-bar {
  background: rgba(47, 125, 107, 0.08);
}

body.mobile-shell-original-manzume .proof-mix-bar i {
  background: var(--shell-green);
}

body.mobile-shell-original-manzume .proof-mix-bar i.is-calculators {
  background: #9b84b8;
}

body.mobile-shell-original-manzume .proof-mix-bar i.is-other-tools {
  background: #7a9aa1;
}

body.mobile-shell-original-manzume .proof-status,
body.mobile-shell-original-manzume .proof-legend-item.is-calculators dt span {
  color: #675582;
}

body.mobile-shell-original-manzume .right-col .cal-card {
  background:
    radial-gradient(circle at 94% 8%, rgba(220, 236, 248, 0.90), transparent 40%),
    rgba(255, 255, 255, 0.94);
}

body.mobile-shell-original-manzume .right-col .clock-row {
  border-bottom-color: rgba(47, 125, 107, 0.12);
}

body.mobile-shell-original-manzume .right-col .clock-time {
  color: var(--shell-ink);
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  text-shadow: none;
}

body.mobile-shell-original-manzume .right-col .clock-tz {
  color: #795f28;
}

body.mobile-shell-original-manzume .right-col .cal-head .m {
  color: var(--shell-ink);
}

body.mobile-shell-original-manzume .right-col .cal-head .nav button,
body.mobile-shell-original-manzume .right-col .cal-grid .d {
  color: var(--shell-muted);
}

body.mobile-shell-original-manzume .right-col .cal-grid .dow {
  color: #78908d;
}

body.mobile-shell-original-manzume .right-col .cal-grid .d.today {
  color: #fff;
  background: var(--shell-green);
}

body.mobile-shell-original-manzume .right-col .cal-grid .d.sel {
  color: var(--shell-green);
  border-color: var(--shell-green);
}

body.mobile-shell-original-manzume .right-col .cal-grid .d.has-event::after {
  background: #8b5266;
}

body.mobile-shell-original-manzume .right-col .cal-grid .d:hover {
  background: var(--shell-mint);
}

body.mobile-shell-original-manzume .right-col .cal-card.clickable:hover {
  border-color: rgba(47, 125, 107, 0.26);
  box-shadow: 0 14px 30px rgba(38, 98, 84, 0.12);
}

body.mobile-shell-original-manzume .topbar button:focus-visible,
body.mobile-shell-original-manzume .right-col button:focus-visible {
  outline: 3px solid rgba(47, 125, 107, 0.34);
  outline-offset: 3px;
}

/* Header fit only; the main grid and Manzume sizing stay original. */
@media (max-width: 1180px) {
  body.mobile-shell-original-manzume .topbar {
    grid-template-columns: 112px minmax(0, 1fr) auto;
    gap: 7px;
    padding-inline: 12px;
  }

  body.mobile-shell-original-manzume .brand-logo-img {
    width: 96px;
    height: 60px;
  }

  body.mobile-shell-original-manzume .top-actions {
    gap: 4px;
  }

  body.mobile-shell-original-manzume .account-pill {
    height: 40px;
    gap: 5px;
    padding-inline: 8px;
    font-size: 10.5px;
  }

  body.mobile-shell-original-manzume .icon-btn {
    width: 40px;
    height: 40px;
  }

  body.mobile-shell-original-manzume .lang-toggle {
    height: 40px;
  }

  body.mobile-shell-original-manzume .lang-toggle button {
    height: 32px;
    padding-inline: 8px;
  }

  body.mobile-shell-original-manzume .user-chip.guest {
    display: none;
  }

  body.mobile-shell-original-manzume .btn-login {
    min-height: 40px;
    padding-inline: 11px;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mobile-shell-original-manzume .bg-decor .dot,
  body.mobile-shell-original-manzume .bg-decor .ring,
  body.mobile-shell-original-manzume .bg-decor svg.wires path,
  body.mobile-shell-original-manzume .searchbar .search-ico {
    animation: none !important;
  }
}