/* Conversation workspace: typography carries the answer; controls stay quiet. */
#screen-chat{--reading-width:740px;background:#fff}
#screen-chat .chat-sub-bar{padding:10px max(24px,calc((100% - var(--reading-width))/2));gap:12px;background:#fff;box-shadow:none;backdrop-filter:none;border-bottom:1px solid #edf0f4}
#screen-chat .chat-sub-label{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:#263241}
#screen-chat .chat-sub-label::before{display:none}
#screen-chat .back-btn{width:36px;height:36px;border:0;background:transparent;color:#677382}
#screen-chat .back-btn:hover{background:#f3f5f8}
#screen-chat .chat-reset{font-size:12px;font-weight:500;min-height:36px;border:0;background:transparent;color:#657181;padding:8px}
#screen-chat .chat-reset:hover{color:var(--blue);background:#f4f7fb}
#screen-chat .conversation-context{padding:0 max(24px,calc((100% - var(--reading-width))/2));border-bottom:1px solid #edf0f4;background:#fff}
#screen-chat .conversation-context summary{font-size:12px;line-height:22px;color:#6d7682}
#screen-chat .conversation-context summary span{font-size:11px}
#screen-chat .conversation-context details{padding:7px 0}
#screen-chat .conversation-context textarea{height:auto;min-height:80px;line-height:1.5;font-size:16px}
#screen-chat .selected-car-context{font-size:13px}
#screen-chat .chat-body{padding:30px max(24px,calc((100% - var(--reading-width))/2)) 40px;gap:32px;scrollbar-width:thin;scrollbar-color:#d8dde5 transparent}
#screen-chat .msg{display:block;width:100%;max-width:100%;animation:none}
#screen-chat .avatar{display:none}
#screen-chat .message-label{font-size:11px;font-weight:600;letter-spacing:.035em;color:#657386;margin-bottom:10px;line-height:1.4}
#screen-chat .msg.hound .message-label{color:#496a98}
#screen-chat .msg.user{width:auto;max-width:86%;margin-left:auto}
#screen-chat .msg.user .message-label{text-align:right;margin-right:2px}
#screen-chat .bubble{font-size:16px;font-weight:400;line-height:1.8;letter-spacing:-.08px;color:#263241;max-width:100%;border:0;border-radius:0;padding:0;box-shadow:none;background:transparent}
#screen-chat .msg.hound .bubble{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
#screen-chat .msg.user .bubble{padding:12px 16px;border:1px solid #e9edf2;border-radius:12px;background:#f5f7f9;color:#354152;box-shadow:none;font-size:15px;line-height:1.6}
#screen-chat .bubble strong,#screen-chat .bubble b{font-weight:650;color:#142234}
#screen-chat .bubble p{margin:0 0 16px}
#screen-chat .bubble p:last-child{margin-bottom:0}
#screen-chat .bubble a{color:#215eaa;text-decoration-thickness:1px;text-underline-offset:3px}
#screen-chat .bubble small{font-size:12px;color:#657386}
#screen-chat .msg-car-context{color:#6b7785;margin-bottom:7px;font-size:12px}
#screen-chat .reply-pending{display:flex;align-items:center;gap:10px;color:#657386;font-size:14px}
#screen-chat .reply-pending::before{content:'';width:12px;height:12px;border:1.5px solid #dce5f0;border-top-color:#4774af;border-radius:50%;animation:reply-spin 1s linear infinite}
@keyframes reply-spin{to{transform:rotate(360deg)}}
#screen-chat .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:20px!important;border-top:1px solid #e9edf2;padding-top:7px}
#screen-chat .chip{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;font:inherit;font-size:13px;font-weight:500;line-height:1.5;text-align:left;border:0;border-bottom:1px solid #eef1f5;border-radius:0;background:transparent;color:#4e6077;box-shadow:none;white-space:normal;overflow-wrap:anywhere}
#screen-chat .chip:not(.chip-primary)::after{content:'↗';font-size:15px;color:#92a0b0;flex-shrink:0}
#screen-chat .chip:hover{color:var(--blue);transform:none;box-shadow:none;background:transparent}
#screen-chat .chip.chip-primary{grid-column:1 / -1;justify-self:start;display:inline-flex;min-height:42px;padding:9px 14px;margin:10px 0 0;border:1px solid #cddff8;border-radius:8px;background:#eef5ff;color:#145bc1;font-weight:600}
#screen-chat .chip.chip-primary:hover{background:#e4efff;border-color:#a9c7f1}
#screen-chat .pick-strip{margin-top:22px;gap:12px}
#screen-chat .pick-card{border-radius:10px;box-shadow:none}
#screen-chat .pick-card:hover{transform:none;border-color:#b7cde8;box-shadow:0 4px 14px #1a33540a}
#screen-chat .pick-card .pc-body{padding:13px}
#screen-chat .pick-card .pc-title{font-size:13px;font-weight:600}
#screen-chat .pick-card .pc-price{font-size:18px;font-weight:650;margin-top:7px}
#screen-chat .pick-card .pc-meta{font-size:12px;line-height:1.5}
#screen-chat .pick-card .pc-price-note{font-size:11px;line-height:1.5}
#screen-chat .pick-card .pc-cta{font-size:11px;letter-spacing:0;text-transform:none}
#screen-chat .rec-strip-label{font-size:12px;color:#657386;margin:20px 0 8px}
#screen-chat .rec-card{border:1px solid #e2e8f0;border-radius:9px;padding:12px;box-shadow:none}
#screen-chat .rec-card:hover{transform:none;background:#f6f9fd;border-color:#b7cde8;box-shadow:none}
#screen-chat .rc-cta{font-size:11px;letter-spacing:0;text-transform:none}
#screen-chat .geo-cta{margin-top:24px;border:0;border-top:1px solid #e6ebf1;border-radius:0;padding:16px 0 0;background:transparent;box-shadow:none;gap:16px}
#screen-chat .gc-icon{display:none}
#screen-chat .gc-title{font-size:13px;font-weight:600;color:#4a5a6e}
#screen-chat .gc-desc{font-size:12px;line-height:1.6;color:#657386}
#screen-chat .gc-btn{background:transparent;color:#275f9e;border:0;border-radius:6px;font-weight:500;font-size:12px;padding:10px 0;box-shadow:none;letter-spacing:0}
#screen-chat .gc-btn:hover{background:transparent;color:var(--blue);transform:none;box-shadow:none;text-decoration:underline}
#screen-chat .chat-input{display:block;flex-shrink:0;padding:12px max(24px,calc((100% - var(--reading-width))/2)) 14px;border-top:0;box-shadow:0 -12px 20px #ffffffee;background:#fff;backdrop-filter:none}
#screen-chat .composer-box{display:flex;align-items:flex-end;gap:12px;padding:10px;border:1px solid #dce3ec;border-radius:14px;box-shadow:0 3px 16px #15365705;background:#fff}
#screen-chat .composer-box:focus-within{border-color:#8eb4e9;box-shadow:0 0 0 3px #0b63f609}
#screen-chat #chatInput{flex:1;min-width:0;height:48px;min-height:48px;max-height:120px;padding:10px 8px;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:16px;line-height:1.65;color:#28374b}
#screen-chat #chatInput::placeholder{color:#657386}
#screen-chat .send{width:42px;height:42px;margin-bottom:3px;border-radius:9px;background:#0b63f6;box-shadow:none}
#screen-chat .send svg{width:20px;height:20px;stroke:currentColor}
#screen-chat .send:hover{transform:none;background:#0758de;box-shadow:none}
#screen-chat .send:disabled{background:#e9eef5;color:#9aabba}
#screen-chat .composer-note{margin-top:8px;text-align:center;font-size:11px;line-height:1.5;color:#657386}
@media(max-width:760px){
  #screen-chat{--reading-width:100%}
  #screen-chat .chat-sub-bar{padding:6px 16px;gap:8px}
  #screen-chat .conversation-context{padding:0 22px}
  #screen-chat .conversation-context summary{font-size:12px}
  #screen-chat .chat-body{padding:26px 22px 28px;gap:28px}
  #screen-chat .bubble{font-size:16px;line-height:1.75}
  #screen-chat .msg.user{max-width:92%}
  #screen-chat .msg.user .bubble{font-size:15px;padding:11px 14px}
  #screen-chat .message-label{font-size:11px;margin-bottom:9px}
  #screen-chat .chips{grid-template-columns:1fr;margin-top:18px!important}
  #screen-chat .chip{font-size:13px;min-height:44px}
  #screen-chat .pick-card .pc-thumb{width:104px}
  #screen-chat .pick-card .pc-body{padding:11px}
  #screen-chat .geo-cta{gap:8px;display:block}
  #screen-chat .gc-btn{display:inline-flex;min-height:40px;text-align:left}
  #screen-chat .chat-input{padding:8px 14px calc(10px + env(safe-area-inset-bottom,0px))}
  #screen-chat .composer-box{padding:6px;gap:6px;border-radius:12px}
  #screen-chat #chatInput{min-height:44px;height:44px;padding:8px;line-height:1.6}
  #screen-chat .send{width:38px;height:38px;margin-bottom:3px}
  #screen-chat .composer-note{font-size:10px;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){#screen-chat .reply-pending::before{animation:none}}

#screen-chat .pick-card .pc-seating{margin-top:6px;font-size:11px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;color:#40536b}
#screen-chat .pick-card .pc-seating strong,#screen-chat .pick-card .pc-seating span{display:block}
#screen-chat .pick-card .pc-seating.seating-unconfirmed{color:#77531e}
