/* Career AI Assistant — Vedora design system */

/* Hero area */
.ask-hero{max-width:720px;margin:0 auto;text-align:center;padding:36px 24px 20px;}
.ask-hero h1{font-family:'Fraunces',serif;font-size:36px;line-height:1.2;margin:0 0 8px;}
.ask-hero p{font-size:15px;color:var(--slate);margin:0;line-height:1.6;}

/* Chat */
.chat-app{max-width:800px;margin:0 auto;padding:0 24px 80px;}
.chat-messages{display:flex;flex-direction:column;gap:16px;}
.chat-messages:empty::after{content:'What would you like to learn?';display:block;text-align:center;color:var(--slate);font-size:13px;padding:48px 20px;font-family:'IBM Plex Mono',monospace;line-height:1.8;border:1px solid var(--line);border-radius:10px;background:var(--card);}

.message{display:flex;gap:10px;animation:msgIn 0.25s ease-out;}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.message.user{flex-direction:row-reverse;}
.message-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.message.user .message-avatar{background:var(--gold);color:#fff;}
.message.bot .message-avatar{background:var(--gold-light);color:var(--gold);}
.message-bubble{max-width:82%;padding:10px 14px;border-radius:10px;font-size:14px;line-height:1.7;color:var(--ink);}
.message.user .message-bubble{background:var(--gold-light);border-bottom-right-radius:3px;}
.message.bot .message-bubble{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:3px;}
.message.bot .message-bubble p{margin:0 0 6px;}
.message.bot .message-bubble p:last-child{margin-bottom:0;}

/* Resource cards */
.resource-card{display:block;border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-top:6px;text-decoration:none;transition:border-color 0.15s,background 0.15s;}
.resource-card:hover{border-color:var(--gold);background:var(--gold-light);}
.resource-card .rc-title{font-family:'Fraunces',serif;font-size:14px;font-weight:600;color:var(--ink);margin:0 0 2px;}
.resource-card .rc-title i{font-size:11px;margin-right:4px;}
.resource-card .rc-title .icon-course{color:#059669;}
.resource-card .rc-title .icon-book{color:var(--slate);}
.resource-card .rc-meta{font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--slate);margin:0 0 3px;}
.resource-card .rc-desc{font-size:12px;color:var(--slate);line-height:1.5;margin:0;}
.resource-card .rc-link{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--gold);margin-top:4px;display:inline-block;}
.resource-section-title{font-family:'Fraunces',serif;font-size:15px;font-weight:600;color:var(--ink);margin:14px 0 6px;display:flex;align-items:center;gap:6px;}
.resource-section-title i{font-size:16px;}
.resource-section-title.courses i{color:#059669;}
.resource-section-title.books i{color:var(--slate);}

/* Input */
.ask-input-shell{max-width:800px;margin:0 auto;padding:16px 24px 40px;}
.ask-input-row{display:flex;gap:8px;align-items:flex-end;border:2px solid var(--gold);border-radius:10px;background:var(--card);padding:6px 6px 6px 16px;transition:box-shadow 0.15s;}
.ask-input-row:focus-within{box-shadow:0 0 0 3px rgba(173,138,84,0.15);}
.ask-input{flex:1;border:none;outline:none;background:transparent;font-family:'Inter',sans-serif;font-size:14px;color:var(--ink);resize:none;min-height:40px;max-height:120px;line-height:1.5;padding:6px 0;}
.ask-input::placeholder{color:var(--slate);opacity:0.6;}
.ask-file-btn{width:40px;height:40px;border-radius:8px;background:transparent;color:var(--slate);border:1px solid var(--line);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s;flex-shrink:0;}
.ask-file-btn i{font-size:16px;}
.ask-file-btn:hover{color:var(--gold);border-color:var(--gold);}
.ask-file-btn.has-file{background:var(--gold-light);border-color:var(--gold);color:var(--gold);}
.ask-send-btn{width:40px;height:40px;border-radius:8px;background:var(--gold);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.15s;flex-shrink:0;}
.ask-send-btn:hover{opacity:0.85;}
.ask-send-btn:disabled{opacity:0.35;cursor:not-allowed;}
.ask-send-btn i{font-size:16px;}.sg-privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;max-width:800px;margin:0 auto 12px;padding:0 24px;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--slate);}.sg-privacy-note i{font-size:12px;}

/* Typing indicator */
.typing-indicator{display:flex;gap:4px;padding:2px 0;}
.typing-indicator span{width:5px;height:5px;border-radius:50%;background:var(--slate);animation:typing 1.2s infinite;}
.typing-indicator span:nth-child(2){animation-delay:0.2s;}
.typing-indicator span:nth-child(3){animation-delay:0.4s;}
@keyframes typing{0%,60%,100%{opacity:0.3}30%{opacity:1}}

/* Rejected message */
.rejected-msg{color:var(--slate);font-style:italic;}

@media(max-width:600px){
  .ask-hero h1{font-size:24px;}
  .ask-hero{padding:24px 16px 12px;}
  .chat-app{padding:0 12px 60px;}
  .message-bubble{max-width:90%;font-size:13px;}
  .ask-input-shell{padding:12px 12px 24px;}
}
@media(max-width:480px){
  .ask-hero h1{font-size:20px;}
  .ask-hero p{font-size:13px;}
  .message-bubble{max-width:95%;font-size:12px;padding:8px 12px;}
  .message{flex-direction:column;gap:4px;}
  .message.user{flex-direction:column;align-items:flex-end;}
  .message-avatar{width:24px;height:24px;font-size:10px;}
  .chat-app{padding:0 8px 48px;}
  .ask-input-shell{padding:8px 8px 16px;}
  .ask-input-row{padding:4px 8px 4px 12px;gap:10px;}
  .ask-file-btn{border:none;border-radius:10px;}
  .ask-send-btn{border-radius:10px;}
  .ask-input{font-size:13px;min-height:36px;}
}
@media(max-width:360px){
  .ask-hero h1{font-size:18px;}
  .message-bubble{font-size:11px;}
  .resource-card{padding:8px 10px;}
  .resource-card .rc-title{font-size:13px;}
}