@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@600;700&display=swap');

#nos-chat-root *{box-sizing:border-box;margin:0;padding:0;font-family:'Barlow',sans-serif;}
#nos-chat-root{position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;flex-direction:column;align-items:flex-end;}

/* Launcher button */
#nos-launcher{display:flex;align-items:center;gap:10px;background:#0e2a47;color:#fff;border:none;border-radius:32px;padding:14px 22px 14px 16px;cursor:pointer;font-size:15px;font-weight:600;font-family:'Barlow',sans-serif;transition:background 0.2s;box-shadow:0 4px 20px rgba(14,42,71,0.4);}
#nos-launcher:hover{background:#1a3d63;}
.nos-launcher-icon{width:32px;height:32px;flex-shrink:0;}
.nos-launcher-icon img{width:100%;height:100%;object-fit:contain;}

/* Chat window */
#chat-window{display:none;flex-direction:column;width:400px;border:1px solid #1d3a5c;border-radius:16px;overflow:hidden;background:#f5f7fa;box-shadow:0 8px 40px rgba(14,42,71,0.3);height:580px;margin-bottom:12px;}
#chat-window.nos-open{display:flex;}

/* Header */
.chat-header{background:#0e2a47;padding:12px 16px;display:flex;align-items:center;gap:12px;}
.chat-header-logo{height:36px;width:auto;object-fit:contain;flex-shrink:0;}
.chat-header-info{flex:1;}
.chat-header-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:0.2px;}
.chat-header-sub{color:#7eb8f7;font-size:11px;margin-top:2px;}
.chat-status-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;display:inline-block;margin-right:5px;}
.chat-close-btn{background:none;border:none;color:#7eb8f7;cursor:pointer;font-size:20px;line-height:1;padding:2px 4px;flex-shrink:0;}
.chat-close-btn:hover{color:#fff;}

/* Tabs */
.nos-tab-bar{display:flex;background:#0e2a47;border-top:1px solid #1d3a5c;}
.nos-tab-btn{flex:1;padding:9px 4px;background:none;border:none;color:#7eb8f7;font-size:12px;font-weight:600;cursor:pointer;font-family:'Barlow',sans-serif;letter-spacing:0.3px;border-bottom:2px solid transparent;transition:all 0.15s;}
.nos-tab-btn.active{color:#fff;border-bottom-color:#1a8fff;}
.nos-tab-btn:hover{color:#fff;}

/* Chat panel */
#nos-chat-panel{display:flex;flex-direction:column;flex:1;overflow:hidden;}
.nos-chat-messages{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;}

/* Messages */
.nos-msg{display:flex;align-items:flex-end;gap:7px;}
.nos-msg.user{flex-direction:row-reverse;}
.nos-msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:#0e2a47;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px;color:#fff;}
.nos-msg.user .nos-msg-avatar{background:#1a8fff;}
.nos-msg-bubble{max-width:80%;padding:10px 13px;border-radius:13px;font-size:14px;line-height:1.55;color:#1a2a3a;}
.nos-msg.bot .nos-msg-bubble{background:#fff;border:0.5px solid #d0dce8;border-bottom-left-radius:3px;}
.nos-msg.user .nos-msg-bubble{background:#0e2a47;color:#fff;border-bottom-right-radius:3px;}

/* Typing */
.nos-typing-indicator{display:flex;align-items:center;gap:4px;padding:10px 13px;background:#fff;border:0.5px solid #d0dce8;border-radius:13px;border-bottom-left-radius:3px;width:fit-content;}
.nos-typing-dot{width:6px;height:6px;border-radius:50%;background:#7eb8f7;animation:nos-blink 1.2s infinite;}
.nos-typing-dot:nth-child(2){animation-delay:0.2s}.nos-typing-dot:nth-child(3){animation-delay:0.4s}
@keyframes nos-blink{0%,80%,100%{opacity:0.3;transform:scale(0.85)}40%{opacity:1;transform:scale(1)}}

/* Suggestions */
.nos-suggestions{padding:0 12px 8px;display:flex;flex-wrap:wrap;gap:6px;}
.nos-suggestion-btn{background:#e8f0f9;border:0.5px solid #b0c8e0;border-radius:20px;padding:5px 12px;font-size:12px;color:#0e2a47;cursor:pointer;font-family:'Barlow',sans-serif;transition:background 0.15s;white-space:nowrap;}
.nos-suggestion-btn:hover{background:#cce0f5;}

/* Input */
.nos-input-area{background:#fff;border-top:1px solid #d0dce8;padding:10px 11px;display:flex;align-items:center;gap:8px;}
.nos-input{flex:1;border:0.5px solid #b0c8e0;border-radius:22px;padding:9px 14px;font-size:13.5px;font-family:'Barlow',sans-serif;color:#1a2a3a;outline:none;background:#f5f7fa;transition:border 0.15s;}
.nos-input:focus{border-color:#1a8fff;background:#fff;}
.nos-send-btn{width:36px;height:36px;border-radius:50%;background:#0e2a47;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s;}
.nos-send-btn:hover{background:#1a8fff;}
.nos-footer-note{text-align:center;font-size:10px;color:#8aa6c0;padding:5px 0 7px;}

/* Flange tool */
.nos-flange-body{flex:1;overflow-y:auto;padding:14px;}
.nos-sec-title{font-size:12px;font-weight:700;color:#0e2a47;margin-bottom:10px;letter-spacing:0.5px;text-transform:uppercase;}
.nos-f-row{margin-bottom:10px;}
.nos-f-label{font-size:12px;color:#5a7a9a;margin-bottom:4px;font-weight:600;}
.nos-f-select{width:100%;border:0.5px solid #b0c8e0;border-radius:8px;padding:9px 10px;font-size:13.5px;font-family:'Barlow',sans-serif;color:#1a2a3a;background:#fff;outline:none;}
.nos-f-select:focus{border-color:#1a8fff;}
.nos-result-empty{background:#e8f0f9;border-radius:10px;padding:14px;text-align:center;color:#5a7a9a;font-size:12px;line-height:1.5;}
.nos-result-box{background:#0e2a47;border-radius:10px;padding:13px;margin-top:6px;}
.nos-rs{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.09);}
.nos-rs:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.nos-rs-title{font-size:10px;color:#7eb8f7;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:6px;}
.nos-rr{display:flex;justify-content:space-between;align-items:center;padding:3px 0;}
.nos-rl{font-size:12px;color:#7eb8f7;}
.nos-rv{font-size:14px;color:#fff;font-weight:600;font-family:'Barlow Condensed',sans-serif;}
.nos-badge{padding:3px 9px;border-radius:10px;font-size:12.5px;font-weight:700;font-family:'Barlow Condensed',sans-serif;}
.nos-b-navy{background:#1d5c9e;color:#c8e0ff;}
.nos-b-green{background:#0f6e56;color:#9fe1cb;}
.nos-tool-btns{display:flex;gap:6px;margin-top:6px;}
.nos-tool-btn{flex:1;padding:8px 4px;border-radius:8px;border:1px solid #2a4a6a;background:rgba(255,255,255,0.05);color:#7eb8f7;font-size:12.5px;font-weight:700;font-family:'Barlow Condensed',sans-serif;cursor:pointer;transition:all 0.15s;text-align:center;}
.nos-tool-btn:hover{background:rgba(26,143,255,0.15);border-color:#1a8fff;color:#fff;}
.nos-tool-btn.active{background:#1a8fff;border-color:#1a8fff;color:#fff;}
.nos-psi-result{margin-top:8px;background:rgba(26,143,255,0.12);border:1px solid rgba(26,143,255,0.3);border-radius:8px;padding:11px 13px;}
.nos-psi-label{font-size:10px;color:#7eb8f7;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;margin-bottom:4px;}
.nos-psi-value{font-size:26px;color:#fff;font-weight:700;font-family:'Barlow Condensed',sans-serif;line-height:1;}
.nos-psi-unit{font-size:12px;color:#7eb8f7;margin-top:3px;}
.nos-flange-note{font-size:10px;color:#8aa6c0;margin-top:8px;text-align:center;line-height:1.4;}

/* Error message styling */
.nos-msg-bubble.error{background:#fff3f3;border-color:#ffb3b3;color:#8b0000;}

@media(max-width:440px){
  #chat-window{width:calc(100vw - 20px);}
  #nos-chat-root{right:10px;bottom:10px;}
}