
.page-shell:has(.assistant-page) .breadcrumbs { width: min(1240px, calc(100% - 48px)); }.assistant-page { --assistant-mint: #edf7f2; width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 28px 0 60px; color: var(--mtt-text); }.assistant-page :where(section) { padding: 0; }.assistant-page button, .assistant-page textarea { font: inherit; }.assistant-page button { cursor: pointer; }.assistant-page button:disabled { opacity: .5; cursor: wait; }.assistant-page [hidden] { display: none; }.assistant-workspace { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.55fr); gap: clamp(28px, 5vw, 70px); align-items: start; }.assistant-intro { padding-top: 20px; }.assistant-eyebrow { font-size: .66rem; letter-spacing: .13em; font-weight: 500; color: #52667c; margin: 0 0 22px; }.assistant-spark { font-size: 24px; vertical-align: middle; margin-right: 8px; color: var(--mtt-blue-dark); }.assistant-intro h1 { font-size: clamp(2.8rem, 4.5vw, 4.25rem); line-height: 1.05; letter-spacing: -.045em; margin: 0 0 24px; color: var(--mtt-navy); font-weight: 500; }.assistant-intro h1 span { color: var(--mtt-blue-dark); }.assistant-intro-copy { font-size: 1rem; line-height: 1.7; color: #526173; max-width: 350px; margin: 0 0 22px; }.assistant-text-link { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; font-size: .86rem; font-weight: 500; }.assistant-text-link span { font-size: 22px; }.assistant-postcard { position: relative; margin: 35px 0 0; width: min(285px, 90%); padding: 9px 9px 12px; background: #fff; border: 1px solid #e2e9e8; transform: rotate(-3deg); box-shadow: 0 10px 24px #16395408; }.assistant-postcard img { display: block; width: 100%; height: 152px; object-fit: cover; }.assistant-postcard figcaption { display: grid; gap: 4px; padding: 12px 5px 0; }.assistant-postcard figcaption span { font-size: .6rem; letter-spacing: .08em; color: #68767a; }.assistant-postcard figcaption strong { font-size: .85rem; font-weight: 500; color: var(--mtt-navy); }.assistant-route-art { position: absolute; right: -68px; bottom: -18px; width: 150px; color: #24785c; pointer-events: none; }.assistant-shell { display: flex; flex-direction: column; min-width: 0; min-height: 650px; padding: 22px; border: 1px solid #dce7ef; border-radius: 18px; background: linear-gradient(160deg, #f7fbff 0%, #f2f8f7 100%); box-shadow: 0 12px 45px #2d547208; }.assistant-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid #dfe9ed; }.assistant-chat-title { display: flex; align-items: center; gap: 10px; }.assistant-chat-title strong { display: block; font-size: .85rem; font-weight: 500; color: var(--mtt-navy); }.assistant-chat-title div > span { display: block; font-size: .72rem; color: #5c6f7f; }.assistant-compass { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #e2edff; color: var(--mtt-blue-dark); font-size: 24px; }.assistant-toolbar button { background: none; border: 0; border-bottom: 1px solid #a8baca; color: #50677c; font-size: .72rem; padding: 8px 0; min-height: 44px; }.assistant-log { display: grid; align-content: start; gap: 22px; flex: 1; min-height: 360px; max-height: 470px; overflow: auto; overscroll-behavior: contain; padding: 24px 2px; scrollbar-width: thin; scrollbar-color: #c5d8e3 transparent; }.assistant-message { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 9px; margin-right: 12px; overflow-wrap: anywhere; }.assistant-message > div { padding: 14px 16px; border-radius: 2px 12px 12px 12px; background: #fff; min-width: 0; }.assistant-message p { font-size: .9rem; line-height: 1.65; margin: 0; white-space: pre-line; }.assistant-message p + p { margin-top: 8px; }.assistant-message .assistant-label { font-size: .65rem; letter-spacing: .07em; color: #536b80; font-weight: 500; margin: 0 0 6px; }.assistant-avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #dae9fd; color: #205ca7; font-size: .6rem; font-weight: 500; }.assistant-message--user { grid-template-columns: minmax(0, 1fr) 28px; justify-self: end; max-width: 90%; margin: 0; }.assistant-message--user > div { background: #e2eee9; border-radius: 12px 2px 12px 12px; }.assistant-message--user .assistant-avatar { background: #d7e8df; color: #245b48; }.assistant-message--user .assistant-label { color: #496e60; }.assistant-welcome { display: block; margin: 0; align-self: center; text-align: center; }.assistant-welcome > div { background: transparent; padding: 14px 8px 22px; }.assistant-welcome-mark { display: grid; place-items: center; margin: 0 auto 18px; width: 58px; height: 58px; border-radius: 50%; color: #327861; background: #e3f0e9; font-size: 36px; }.assistant-welcome .assistant-eyebrow { font-size: .65rem; letter-spacing: .1em; margin-bottom: 10px; }.assistant-welcome h2 { font-size: clamp(1.4rem, 2.2vw, 1.85rem); line-height: 1.22; letter-spacing: -.03em; color: var(--mtt-navy); margin: 0 auto 12px; max-width: 350px; }.assistant-welcome p { color: #5c6f7f; font-size: .82rem; }.assistant-starters { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 24px; }.assistant-starters button { display: flex; align-items: center; gap: 7px; min-height: 44px; padding: 8px 11px; background: #fff; border: 1px solid #dce6eb; border-radius: 7px; color: #254561; font-size: .7rem; }.assistant-starters button span { color: var(--mtt-blue-dark); font-size: 18px; }.is-started .assistant-welcome { display: none; }.assistant-composer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; padding: 10px; background: #fff; border: 1px solid #bed2e5; border-radius: 12px; margin-top: auto; box-shadow: 0 4px 15px #23426306; }.assistant-composer:focus-within { outline: 2px solid var(--mtt-blue); outline-offset: 3px; }.assistant-composer textarea { width: 100%; min-width: 0; min-height: 66px; max-height: 210px; resize: vertical; padding: 8px; border: 0; outline: none; background: transparent; font-size: .9rem; line-height: 1.5; color: var(--mtt-navy); }.assistant-composer textarea::placeholder { color: #6b7c8b !important; opacity: 1; }.assistant-composer button { min-width: 64px; min-height: 44px; padding: 10px 14px; border: 0; border-radius: 8px; background: var(--mtt-blue-dark); color: #fff; font-size: .8rem; font-weight: 500; }.assistant-composer button:hover { background: #174f9f; }.assistant-composer-note { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 14px; margin: 10px 2px 0; color: #5c7081; font-size: .72rem; }.assistant-suggestions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; }.assistant-suggestions:empty { display: none; }.assistant-suggestions button, .assistant-retry { min-height: 44px; padding: 8px 12px; font-size: .76rem; color: #215a9d; background: white; border: 1px solid #cadcea; border-radius: 7px; }.assistant-card-row { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 10px; }.assistant-card-row a { display: inline-flex; align-items: center; min-height: 44px; font-size: .86rem; font-weight: 500; }.assistant-updated { display: block; color: #5c6f7f; margin-top: 8px; font-size: .7rem; }.assistant-message.is-thinking > div { background: #edf3f7; }.assistant-photos { display: grid; gap: 12px; margin-top: 12px; }.assistant-photos figure { margin: 0; min-width: 0; }.assistant-photos img { display: block; width: 100%; max-height: 330px; object-fit: contain; border-radius: 6px; }.assistant-photos figcaption { font-size: .7rem; color: #5c6f7f; margin-top: 6px; }.assistant-ticket { padding: 18px 0; border-top: 1px solid #d7e4e9; margin: 12px 0; }.assistant-ticket h2 { font-size: 1.3rem; }.assistant-ticket p, .assistant-ticket label { font-size: .8rem; }.assistant-ticket-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px; margin: 14px 0; }.assistant-ticket label { display: grid; gap: 4px; min-width: 0; }.assistant-ticket input { width: 100%; min-width: 0; min-height: 44px; font: inherit; border: 1px solid #cbdbe4; border-radius: 6px; padding: 8px; background: white; }.assistant-ticket button { margin-top: 8px; }.assistant-message [data-boarding-upload] { margin-top: 12px; }.assistant-ideas { display: grid; grid-template-columns: .85fr 1.55fr; gap: clamp(28px, 5vw, 70px); margin: 80px 0 50px; scroll-margin-top: 110px; }.assistant-ideas-heading h2 { font-size: clamp(1.6rem, 2.7vw, 2.3rem); line-height: 1.18; letter-spacing: -.03em; margin: 0 0 18px; }.assistant-ideas-heading p:not(.assistant-eyebrow) { color: #5c6f7f; font-size: .87rem; }.assistant-idea-list button { display: flex; align-items: center; gap: 22px; width: 100%; padding: 22px 0; border: 0; border-bottom: 1px solid #dfe7eb; background: none; text-align: left; color: var(--mtt-navy); }.assistant-idea-list button:first-child { padding-top: 0; }.assistant-idea-list strong { display: block; font-size: 1.06rem; font-weight: 500; margin-bottom: 6px; }.assistant-idea-list button > span:nth-child(2) > span { display: block; color: #5c6f7f; font-size: .82rem; line-height: 1.6; }.assistant-idea-number { color: #548475; font-size: .75rem; flex: 0 0 auto; white-space: nowrap; }.assistant-idea-list button > span:last-child { font-size: 26px; margin-left: auto; color: var(--mtt-blue-dark); }.assistant-idea-list button:hover strong { color: var(--mtt-blue-dark); }.assistant-footnote { display: flex; align-items: center; gap: 18px; background: var(--assistant-mint); padding: 20px 26px; border-radius: 8px; color: #47675c; }.assistant-footnote > span { font-size: 30px; }.assistant-footnote p { font-size: .76rem; margin: 0; max-width: 900px; }.assistant-footnote strong { color: #315848; }@media (max-width: 1000px) {
  .assistant-workspace { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 26px; }
  .assistant-intro h1 { font-size: 2.7rem; }
  .assistant-shell { padding: 16px; }
  .assistant-route-art { right: -20px; }
  .assistant-chat-title div > span { display: none; }
}@media (max-width: 760px) {
  .assistant-page { width: calc(100% - 28px); padding-top: 10px; }
  .page-shell:has(.assistant-page) .breadcrumbs { width: calc(100% - 28px); }
  .assistant-workspace, .assistant-ideas { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .assistant-intro { padding-top: 0; }
  .assistant-intro .assistant-eyebrow { margin-bottom: 10px; }
  .assistant-intro h1 { font-size: clamp(2.35rem, 9vw, 3.3rem); margin-bottom: 14px; }
  .assistant-intro h1 br { display: none; }
  .assistant-intro h1 span { display: block; }
  .assistant-intro-copy { max-width: 540px; font-size: .9rem; margin-bottom: 6px; }
  .assistant-postcard, .assistant-text-link { display: none; }
  .assistant-shell { min-height: 0; height: min(640px, calc(100svh - 96px)); border-radius: 12px; padding: 14px; }
  .assistant-log { min-height: 0; max-height: none; gap: 16px; }
  .assistant-welcome > div { padding: 8px 0 14px; }
  .assistant-welcome-mark { width: 42px; height: 42px; font-size: 28px; margin-bottom: 12px; }
  .assistant-welcome h2 { font-size: 1.45rem; }
  .assistant-starters { margin-top: 18px; }
  .assistant-message { grid-template-columns: 23px minmax(0, 1fr); gap: 6px; margin-right: 0; }
  .assistant-avatar { width: 23px; height: 23px; font-size: .55rem; }
  .assistant-message--user { grid-template-columns: minmax(0, 1fr) 23px; }
  .assistant-message > div { padding: 12px; }
  .assistant-message p { font-size: .85rem; }
  .assistant-welcome { display: block; }
  .is-started .assistant-welcome { display: none; }
  .assistant-composer textarea { font-size: 16px; }
  .assistant-ideas { margin: 44px 0 30px; gap: 22px; }
  .assistant-ideas-heading .assistant-eyebrow { margin-bottom: 12px; }
  .assistant-idea-list button { gap: 14px; }
  .assistant-footnote { padding: 18px; align-items: start; }
}@media screen {
.assistant-new-message{align-self:center;flex-shrink:0;min-height:44px;padding:8px 16px;margin-bottom:8px;border:1px solid #cadcea;border-radius:8px;background:#fff;color:#215a9d;font-size:14px}
.assistant-toolbar,.assistant-composer,.assistant-composer-note,.assistant-suggestions{flex-shrink:0}
.assistant-suggestions{max-height:116px;overflow:auto}
}@media screen and (max-width:760px){
.assistant-intro h1{font-size:clamp(2rem,7vw,2.6rem)}
.assistant-page{padding-top:12px}.assistant-workspace{gap:20px}
.assistant-composer textarea{min-height:52px;max-height:110px}
.assistant-shell:has([data-ticket-panel]:not([hidden])){height:auto;min-height:480px}
.mtt-keyboard-open .assistant-shell{height:calc(var(--mtt-visible-height) - 24px);min-height:0}
.mtt-keyboard-open .assistant-composer-note{display:none}
.mtt-keyboard-open .assistant-toolbar{padding-bottom:8px}
}@media (max-width: 640px) {
  .assistant-suggestions { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; padding-bottom: .4rem; scroll-snap-type: x proximity; }
  .assistant-suggestions button { flex: 0 0 auto; min-height: 44px; scroll-snap-align: start; }
  .assistant-composer { padding-bottom: max(.6rem, env(safe-area-inset-bottom)); }
}.assistant-plan-preview { display: grid; gap: .75rem; padding-block: .75rem; }.assistant-plan-preview details { padding-block: .5rem; border-bottom: 1px solid var(--border-color, #e4edf8); }.assistant-plan-preview summary { cursor: pointer; line-height: 1.6; }.assistant-plan-preview > button { justify-self: start; min-height: 44px; padding: 8px 16px; border: 1px solid #c9dced; border-radius: 10px; background: #fff; color: var(--mtt-blue-dark); }.assistant-plan-preview > button[data-copilot-action="apply"] { background: var(--mtt-blue-dark); color: #fff; border-color: var(--mtt-blue-dark); }.assistant-plan-preview > button:hover { filter: brightness(.95); }.assistant-feedback { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; font-size: .875rem; }.assistant-feedback button { min-height: 44px; padding: 6px 10px; border: 0; background: transparent; color: #53657b; border-radius: 8px; font-size: .8rem; }.assistant-feedback button:hover { background: #edf4fa; color: var(--mtt-blue-dark); }.assistant-map-status { color: #53657b; font-size: .8rem; }.assistant-route-map { height: 260px; margin-top: 12px; border-radius: 12px; overflow: hidden; }.assistant-plan-preview ul { margin: 12px 0; padding-left: 20px; font-size: .9rem; overflow-wrap: anywhere; }.assistant-memory { display: flex; align-items: center; gap: 8px; margin: 0 22px 12px; min-height: 44px; font-size: .8rem; color: #53657b; }.assistant-memory input { width: 16px; height: 16px; }.assistant-audio { display: grid; gap: 14px; margin-top: 18px; }.assistant-audio h3 { font-size: 1.1rem; margin: 0; }.assistant-audio-settings,.assistant-audio-actions { display: flex; flex-wrap: wrap; gap: 10px; }.assistant-audio-settings label { display: grid; gap: 5px; flex: 1; min-width: 120px; font-size: .85rem; }.assistant-audio select,.assistant-audio button { min-height: 44px; border: 1px solid #c9dced; border-radius: 8px; background: #fff; color: var(--mtt-blue-dark); padding: 8px 12px; }.assistant-audio button:disabled { opacity: .55; }.assistant-audio-places { list-style: none; padding: 0; margin: 0; max-height: 350px; overflow-y: auto; }.assistant-audio-places label { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 10px 0; border-bottom: 1px solid #e4edf8; cursor: pointer; }.assistant-audio-places input { flex-shrink: 0; width: 18px; height: 18px; }.assistant-audio-places span { display: grid; gap: 3px; overflow-wrap: anywhere; }.assistant-audio-places small,.assistant-audio-status { font-size: .82rem; color: #53657b; }.assistant-audio-places li>button{margin:8px 0 8px 28px;max-width:calc(100% - 28px);min-height:44px;white-space:normal;}.assistant-audio-saved-row{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;}.assistant-audio-saved-row>button{min-height:44px;white-space:normal;text-align:left;}.assistant-toolbar{flex-wrap:wrap;}.assistant-choice-buttons { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }.assistant-choice-buttons button { min-height:44px; }