/* 5.9 — Chat 2.0 */
.chatPage{--chatAccent:#f4b44f;--chatAccent2:#ffe3a0;background:
  radial-gradient(circle at 15% -5%,rgba(244,180,79,.12),transparent 28%),
  #09080a}
.chatPage.akelarre{--chatAccent:#a76cff;--chatAccent2:#e6c8ff;background:
  radial-gradient(circle at 80% -5%,rgba(145,76,235,.18),transparent 30%),
  linear-gradient(180deg,#0b0611,#08070a 42%)}
.chatPage .chatTop{background:rgba(13,12,15,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.chatPage.akelarre .chatTop{border-bottom-color:rgba(170,107,255,.16)}
.chatPage .chatIdentity b{font-size:15px}
.chatPage .chatIdentity span{color:#9a939f}
.chatPage .personMatchDock,
.chatPage .chatPlanDock{margin-left:12px;margin-right:12px}
.chatPage.akelarre .personMatchDock{
  background:linear-gradient(135deg,rgba(119,65,194,.18),rgba(20,10,30,.94));
  border-color:rgba(181,126,255,.25)
}
.chatPage.akelarre .personMatchDock .eyebrow,
.chatPage.akelarre .chatPlanStatus{color:#cfabff}
.chatPlanBuilder{
  width:100%;min-height:44px;margin-top:14px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--chatAccent) 38%,transparent);
  background:color-mix(in srgb,var(--chatAccent) 14%,transparent);
  color:var(--chatAccent2);font-weight:900;font-size:12px
}
.chatStarters{margin:10px 12px 2px;padding:15px;border-radius:20px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.chatStarters h3{margin:5px 0 12px;font-size:16px}
.chatStarterChips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.chatStarterChips::-webkit-scrollbar{display:none}
.chatStarterChips button{flex:0 0 auto;max-width:250px;border-radius:999px;padding:10px 13px;
  border:1px solid rgba(255,255,255,.1);background:#151219;color:#ddd6e2;
  font-size:11px;font-weight:750;text-align:left}
.chatPage.argilore .chatStarterChips button{border-color:rgba(184,124,42,.18);background:#1a1510}
.chatPage.akelarre .chatStarterChips button{border-color:rgba(171,105,255,.22);background:#160d20;color:#e8d7ff}
.chatPage .messages{padding-top:12px;padding-bottom:112px}
.chatPage .messageRow{display:flex;align-items:flex-end;gap:7px}
.chatPage .messageRow.mine{justify-content:flex-end}
.chatPage .bubble{border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.chatPage .bubble.mine{background:linear-gradient(135deg,var(--chatAccent),var(--chatAccent2));color:#160f0b;border:0}
.chatPage.akelarre .bubble.mine{color:#fff;background:linear-gradient(135deg,#7d42e8,#bd65f5)}
.chatPage .composer{background:rgba(12,11,14,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.chatPage .composer input{min-height:48px;border-radius:24px}
.chatPage .composer button{border-radius:50%;background:linear-gradient(135deg,var(--chatAccent),var(--chatAccent2))}
.chatPage.akelarre .composer button{color:#fff;background:linear-gradient(135deg,#7d42e8,#bd65f5)}

/* Shared plan proposal inside personal-match chat */
.sharedPlanCard,.sharedPlanBuilder{margin-top:12px;padding:14px;border-radius:18px;border:1px solid rgba(123,86,47,.22);background:rgba(255,255,255,.55);display:grid;gap:10px}.chatPage.akelarre .sharedPlanCard,.chatPage.akelarre .sharedPlanBuilder{border-color:rgba(168,85,247,.28);background:rgba(46,22,65,.5)}.sharedPlanCard h4{margin:0;font-size:18px}.sharedPlanMeta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.sharedPlanCard p{margin:0;font-size:13px;line-height:1.4}.sharedPlanResponse{opacity:.78}.sharedPlanActivities,.sharedPlanActions{display:flex;gap:8px;flex-wrap:wrap}.sharedPlanActivities button,.sharedPlanActions button{min-height:38px;border-radius:999px;padding:0 12px}.sharedPlanActivities .selected{font-weight:800;box-shadow:inset 0 0 0 2px currentColor}.sharedPlanBuilder input{width:100%;min-height:44px;border-radius:13px;padding:0 12px;border:1px solid rgba(0,0,0,.14);background:rgba(255,255,255,.82);color:inherit}.chatPage.akelarre .sharedPlanBuilder input{border-color:rgba(255,255,255,.16);background:rgba(20,10,28,.72);color:#fff}.sharedPlanActions .primary{font-weight:800}

/* 5.9.2 — shared plan builder mobile visual lock */
.sharedPlanBuilder{background:linear-gradient(145deg,rgba(28,18,36,.96),rgba(17,12,24,.98))!important;border:1px solid rgba(168,85,247,.35)!important;box-shadow:0 16px 42px rgba(0,0,0,.28)!important;padding:16px!important;border-radius:20px!important;color:#f8f5fb!important}
.sharedPlanActivities{gap:8px!important}
.sharedPlanActivities button{appearance:none!important;-webkit-appearance:none!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;color:#e9dff2!important;font:inherit!important;font-size:13px!important;font-weight:700!important;min-height:38px!important;padding:0 13px!important;box-shadow:none!important}
.sharedPlanActivities button.selected{background:linear-gradient(135deg,rgba(168,85,247,.34),rgba(236,72,153,.2))!important;border-color:#b86cff!important;color:#fff!important;box-shadow:0 0 0 1px rgba(184,108,255,.24),0 0 20px rgba(168,85,247,.12)!important}
.sharedPlanBuilder input{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:100%!important;min-height:46px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(8,6,12,.62)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:inherit!important;font-size:14px!important;padding:0 13px!important;box-shadow:none!important;outline:none!important;color-scheme:dark!important}
.sharedPlanBuilder input::placeholder{color:rgba(255,255,255,.48)!important;-webkit-text-fill-color:rgba(255,255,255,.48)!important}
.sharedPlanBuilder input:focus{border-color:rgba(184,108,255,.72)!important;box-shadow:0 0 0 3px rgba(168,85,247,.1)!important}
.sharedPlanBuilder input[type="datetime-local"]{min-width:0!important}
.sharedPlanBuilder input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.72}
.sharedPlanActions{gap:9px!important}
.sharedPlanActions button{appearance:none!important;-webkit-appearance:none!important;font:inherit!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.07)!important;color:#eee6f4!important;box-shadow:none!important}
.sharedPlanActions .primary{background:linear-gradient(135deg,#9f4cff,#dc3fc7)!important;border-color:transparent!important;color:#fff!important;font-weight:800!important;box-shadow:0 8px 24px rgba(168,85,247,.2)!important}
@media(max-width:430px){.sharedPlanBuilder{padding:14px!important}.sharedPlanActivities button{font-size:12px!important;padding:0 11px!important}.sharedPlanActions button{flex:1 1 auto!important}}

.sharedPlanDateField{display:grid!important;gap:6px!important}.sharedPlanDateField>span{font-size:11px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:rgba(233,223,242,.68)!important;padding-left:2px!important}

/* Shared-plan response panel */
.sharedPlanChangeBox{display:grid!important;gap:8px!important;margin-top:2px!important;padding:12px!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(184,108,255,.2)!important}.sharedPlanChangeBox>span{font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:rgba(233,223,242,.7)!important}.sharedPlanChangeBox input{box-sizing:border-box!important;width:100%!important;min-height:44px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(8,6,12,.62)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:0 12px!important;font:inherit!important}.sharedPlanChangeBox input::placeholder{color:rgba(255,255,255,.42)!important;-webkit-text-fill-color:rgba(255,255,255,.42)!important}.sharedPlanActions button:disabled{opacity:.42!important}

/* 5.9.3 — lock shared-plan status cards to chat theme */
.sharedPlanCard{background:linear-gradient(145deg,rgba(28,18,36,.96),rgba(17,12,24,.98))!important;border:1px solid rgba(168,85,247,.36)!important;box-shadow:0 14px 36px rgba(0,0,0,.24),inset 0 0 28px rgba(168,85,247,.035)!important;color:#f8f5fb!important}
.sharedPlanCard.akelarre{background:linear-gradient(145deg,rgba(31,17,42,.97),rgba(14,9,21,.99))!important;border-color:rgba(184,108,255,.42)!important}
.sharedPlanCard.argilore{background:linear-gradient(145deg,rgba(43,31,20,.96),rgba(22,16,11,.98))!important;border-color:rgba(213,132,0,.36)!important}
.sharedPlanCard .eyebrow{color:#bd72ff!important;font-weight:800!important;letter-spacing:.11em!important}.sharedPlanCard.argilore .eyebrow{color:#e5a02d!important}
.sharedPlanCard h4{color:#fff!important}.sharedPlanCard .sharedPlanMeta{color:rgba(246,239,250,.78)!important}.sharedPlanCard p{color:rgba(246,239,250,.76)!important}

/* 5.9.4 — premium shared-plan information hierarchy */
.sharedPlanCard{padding:17px!important;gap:12px!important}.sharedPlanCard h4{font-family:Syne,system-ui,sans-serif!important;font-size:20px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.02em!important;margin-top:1px!important}
.sharedPlanCard .sharedPlanMeta{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:10px!important;margin-top:2px!important}
.sharedPlanTime,.sharedPlanPlace{min-width:0!important;padding:11px 12px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.sharedPlanTime strong,.sharedPlanPlace strong{font-family:Syne,system-ui,sans-serif!important;font-size:18px!important;line-height:1.05!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sharedPlanTime strong{color:#c47aff!important;text-shadow:0 0 18px rgba(184,108,255,.18)!important}.sharedPlanPlace strong{color:#fff!important}
.sharedPlanTime small,.sharedPlanPlace small,.sharedPlanNote>small{font-size:10px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:rgba(245,238,249,.48)!important}
.sharedPlanNote{padding-top:10px!important;border-top:1px solid rgba(255,255,255,.09)!important;display:grid!important;gap:5px!important}.sharedPlanNote p{font-size:14px!important;line-height:1.35!important;color:rgba(255,255,255,.82)!important}
.sharedPlanCard.argilore .sharedPlanTime strong{color:#edae3f!important;text-shadow:0 0 18px rgba(213,132,0,.16)!important}.sharedPlanCard.argilore .sharedPlanTime,.sharedPlanCard.argilore .sharedPlanPlace{background:rgba(213,132,0,.045)!important;border-color:rgba(213,132,0,.12)!important}
@media(max-width:380px){.sharedPlanCard .sharedPlanMeta{grid-template-columns:1fr!important}}

.demoPerspectiveBtn{margin:8px 22px 0!important;appearance:none!important;border:1px dashed rgba(184,108,255,.35)!important;background:rgba(168,85,247,.06)!important;color:rgba(224,201,245,.72)!important;border-radius:12px!important;min-height:34px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important}

/* 5.9.5 — accepted state is the primary visual event */
.sharedPlanCard .eyebrow{display:block!important}
.sharedPlanCard:has(.sharedPlanNote){} 
.sharedPlanCard .eyebrow:first-child{font-family:Syne,system-ui,sans-serif!important}
.sharedPlanCard .eyebrow:first-child:not(:empty){line-height:1.05!important}
.sharedPlanCard.akelarre .eyebrow:first-child{color:#c87cff!important}
.sharedPlanCard.argilore .eyebrow:first-child{color:#f0ad35!important}
.sharedPlanCard .eyebrow:first-child{font-size:15px!important;font-weight:900!important;letter-spacing:.07em!important}

/* 5.9.6 — accepted status hero treatment */
.sharedPlanCard .eyebrow:first-child{font-size:18px!important;font-weight:950!important;letter-spacing:.045em!important;line-height:1!important;padding:11px 13px!important;margin:-2px 0 3px!important;border-radius:13px!important;width:fit-content!important}
.sharedPlanCard.akelarre .eyebrow:first-child{color:#f2e8ff!important;background:linear-gradient(135deg,rgba(168,85,247,.42),rgba(236,72,153,.18))!important;border:1px solid rgba(196,122,255,.5)!important;box-shadow:0 0 26px rgba(168,85,247,.17)!important;text-shadow:0 0 14px rgba(196,122,255,.28)!important}
.sharedPlanCard.argilore .eyebrow:first-child{color:#fff4d8!important;background:linear-gradient(135deg,rgba(213,132,0,.42),rgba(240,173,53,.16))!important;border:1px solid rgba(240,173,53,.48)!important;box-shadow:0 0 26px rgba(213,132,0,.14)!important;text-shadow:0 0 14px rgba(240,173,53,.22)!important}

/* 5.9.7 — iOS-safe date/time controls */
.sharedPlanDateSplit{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:8px!important;min-width:0!important}.sharedPlanDateSplit input{min-width:0!important;width:100%!important}.sharedPlanDateSplit input[type="date"],.sharedPlanDateSplit input[type="time"]{display:block!important;-webkit-appearance:none!important;appearance:none!important;color-scheme:dark!important}@media(max-width:360px){.sharedPlanDateSplit{grid-template-columns:1fr!important}}


/* 5.9.8 — requested change is the focal content, not a footnote */
.sharedPlanResponse{opacity:1!important;margin-top:2px!important;padding:14px 15px!important;border-radius:15px!important;display:grid!important;gap:5px!important;background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(236,72,153,.07))!important;border:1px solid rgba(196,122,255,.38)!important;box-shadow:0 8px 26px rgba(168,85,247,.09)!important}
.sharedPlanResponse small{font-size:10px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#c985ff!important}
.sharedPlanResponse strong{font-family:Syne,system-ui,sans-serif!important;font-size:20px!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.02em!important;color:#fff!important}
.sharedPlanCard.argilore .sharedPlanResponse{background:linear-gradient(135deg,rgba(213,132,0,.17),rgba(240,173,53,.06))!important;border-color:rgba(240,173,53,.35)!important;box-shadow:0 8px 26px rgba(213,132,0,.07)!important}
.sharedPlanCard.argilore .sharedPlanResponse small{color:#f0ad35!important}

.sharedPlanCounterBuilder{margin-top:2px!important}.sharedPlanCounterTitle{font-family:Syne,system-ui,sans-serif!important;font-size:15px!important;font-weight:900!important;letter-spacing:.08em!important;color:#d69aff!important}.sharedPlanCounterMeta{display:flex!important;flex-wrap:wrap!important;gap:8px 14px!important;font-size:13px!important;font-weight:700!important;color:rgba(255,255,255,.8)!important}.sharedPlanResponse>p{font-size:13px!important;color:rgba(255,255,255,.72)!important}.sharedPlanCard.argilore .sharedPlanCounterTitle{color:#f0ad35!important}

/* 5.9.9 — plan builder field hierarchy */
.sharedPlanDateField>span,.sharedPlanFieldLabel{font-family:Syne,system-ui,sans-serif!important;font-size:12px!important;font-weight:900!important;letter-spacing:.14em!important;color:#c985ff!important}
.sharedPlanDateSplit input{font-family:Syne,system-ui,sans-serif!important;font-size:17px!important;font-weight:750!important;letter-spacing:-.02em!important;background:linear-gradient(180deg,rgba(19,14,25,.96),rgba(10,8,14,.96))!important;border-color:rgba(196,122,255,.25)!important}
.sharedPlanZoneBlock{display:grid!important;gap:9px!important}
.sharedPlanZones{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:1px 1px 5px!important;scrollbar-width:none!important}
.sharedPlanZones::-webkit-scrollbar{display:none!important}
.sharedPlanZones button{flex:0 0 auto!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:999px!important;padding:9px 13px!important;background:rgba(255,255,255,.055)!important;color:rgba(255,255,255,.78)!important;font-family:Syne,system-ui,sans-serif!important;font-size:12px!important;font-weight:750!important}
.sharedPlanZones button.selected{border-color:#bb65ff!important;background:linear-gradient(135deg,rgba(139,55,255,.3),rgba(236,72,153,.18))!important;color:#fff!important;box-shadow:0 0 16px rgba(168,85,247,.18)!important}
.sharedPlanCard.argilore .sharedPlanDateField>span,.sharedPlanCard.argilore .sharedPlanFieldLabel{color:#f0ad35!important}
.sharedPlanCard.argilore .sharedPlanZones button.selected{border-color:#f0ad35!important;background:linear-gradient(135deg,rgba(213,132,0,.28),rgba(240,173,53,.12))!important}

/* 5.9.10 — shared-plan expansion safety (chat page sizing removed) */
.personMatchDock{overflow:visible!important}
.personMatchDock .sharedPlanCard,.personMatchDock .sharedPlanBuilder{max-height:none!important;overflow:visible!important}
.sharedPlanCounterBuilder{scroll-margin-bottom:180px!important}
@media(max-width:430px){.sharedPlanCounterBuilder{padding-bottom:18px!important}}