:root{--background:#0b1326;--surface:#0b1326;--surface-dim:#0b1326;--surface-bright:#31394d;--surface-lowest:#060e20;--surface-low:#131b2e;--surface-container:#171f33;--surface-high:#222a3d;--surface-highest:#2d3449;--text-primary:#dae2fd;--text-muted:#bec8d2;--text-inverse:#283044;--primary:#89ceff;--primary-container:#0ea5e9;--on-primary:#00344d;--on-primary-container:#003751;--inverse-primary:#006591;--secondary:#b7c8e1;--secondary-container:#3a4a5f;--on-secondary-container:#a9bad3;--tertiary:#ffb86e;--tertiary-container:#de8712;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--border:#3e4850;--outline:#88929b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--spacing-unit:4px;--container-padding:24px;--gutter:16px;--sidebar-width:320px;--chat-max-width:800px;--nav-bg:#111415;--nav-border:#45474c;--nav-text:#e1e3e4;--nav-text-secondary:#c6c6cd;--nav-text-muted:#8a8d91;--dropdown-bg:#1a1d1f;--dropdown-border:#2e3135;--dropdown-hover:#2e3135;--dropdown-text:#e1e3e4;--pg-bg:#111415;--pg-card:#1a1d1f;--pg-card-alt:#1d2021;--pg-card-hover:#1f2326;--pg-subcard:#282a2b;--pg-subcard2:#323536;--pg-input:#191c1d;--pg-text:#e1e3e4;--pg-heading:#fff;--pg-muted:#8a8d91;--pg-border:#2e3135;--pg-border-alt:#45474c;--pg-hover:#2e3135;--chat-input-bg:#171f33b3;--overlay-card-bg:#0f172af2;--event-card-bg:#181b1f;--event-card-expanded:#1e2126;--timeline-line:#2e3135;--year-badge-bg:#1a1c1e}[data-theme=light]{--background:#f1f5f9;--surface:#fff;--surface-dim:#f1f5f9;--surface-bright:#fff;--surface-lowest:#e2e8f0;--surface-low:#f8fafc;--surface-container:#fff;--surface-high:#e2e8f0;--surface-highest:#cbd5e1;--text-primary:#1e293b;--text-muted:#64748b;--text-inverse:#f1f5f9;--primary:#0369a1;--primary-container:#0ea5e9;--on-primary:#fff;--on-primary-container:#fff;--inverse-primary:#89ceff;--secondary:#475569;--secondary-container:#e2e8f0;--on-secondary-container:#334155;--tertiary:#d97706;--tertiary-container:#fef3c7;--error:#dc2626;--on-error:#fff;--error-container:#fee2e2;--on-error-container:#991b1b;--border:#e2e8f0;--outline:#94a3b8;--nav-bg:#1c3557;--nav-border:#2d4a73;--nav-text:#f0f4f8;--nav-text-secondary:#cbd5e1;--nav-text-muted:#94a3b8;--dropdown-bg:#fff;--dropdown-border:#e2e8f0;--dropdown-hover:#f1f5f9;--dropdown-text:#1e293b;--pg-bg:#f1f5f9;--pg-card:#fff;--pg-card-alt:#f8fafc;--pg-card-hover:#f0f4f8;--pg-subcard:#f0f4f8;--pg-subcard2:#e8edf3;--pg-input:#f8fafc;--pg-text:#1e293b;--pg-heading:#1c3557;--pg-muted:#64748b;--pg-border:#e2e8f0;--pg-border-alt:#e2e8f0;--pg-hover:#f0f4f8;--chat-input-bg:#f1f5f9d9;--overlay-card-bg:#fffffff7;--event-card-bg:#f8fafc;--event-card-expanded:#f0f4f8;--timeline-line:#e2e8f0;--year-badge-bg:#f0f4f8}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-size:14px;line-height:1.5;overflow-y:auto}#root{height:100%}@keyframes pulse-led{0%,to{opacity:.6;transform:scale(.9);box-shadow:0 0 4px #10b98166}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 10px #10b981cc}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-lowest)}::-webkit-scrollbar-thumb{background:var(--surface-highest);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.stream-cursor{vertical-align:text-bottom;background:currentColor;width:2px;height:1em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.app-layout{background-color:var(--background);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--surface-low);border-right:1px solid var(--border);box-sizing:border-box;flex-direction:column;flex-shrink:0;height:100%;padding:18px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand-logo{font-size:22px}.brand h2{font-family:var(--font-sans);letter-spacing:.5px;color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2}.brand-subtitle{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.system-status{background-color:var(--surface-lowest);border:1px solid var(--border);border-radius:4px;align-items:center;gap:6px;padding:3px 6px;display:flex}.status-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.status-dot.pulsing{animation:2s ease-in-out infinite pulse-led}.status-label{font-family:var(--font-mono);color:#10b981;font-size:9px;font-weight:600}.fleet-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.summary-card{background-color:var(--surface-container);border:1px solid var(--border);text-align:center;border-radius:4px;flex-direction:column;align-items:center;padding:8px;display:flex}.summary-title{font-family:var(--font-sans);color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:600}.summary-value{font-family:var(--font-mono);color:var(--text-primary);font-size:16px;font-weight:700}.text-success{color:#10b981}.text-alert{color:var(--error)}.vehicles-section{flex-direction:column;flex:1;gap:8px;margin-bottom:14px;display:flex;overflow-y:auto}.vehicles-section h3{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.vehicle-filters{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.filter-btn{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border);background-color:var(--surface-container);color:var(--text-muted);cursor:pointer;border-radius:3px;padding:3px 7px;font-size:9px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background-color:var(--surface-high);border-color:var(--primary);color:var(--primary)}.filter-btn.moving.active{color:#10b981;border-color:#10b981}.filter-btn.stopped.active{color:#f59e0b;border-color:#f59e0b}.filter-btn.alert.active{color:#ef4444;border-color:#ef4444}.filter-btn.offline.active{color:#64748b;border-color:#64748b}.vehicle-list{flex-direction:column;gap:8px;display:flex}.vehicle-card{background-color:var(--surface-container);border:1px solid var(--border);border-radius:4px;padding:10px;transition:border-color .2s,background-color .2s,box-shadow .2s}.vehicle-card:hover{border-color:var(--primary);box-shadow:0 0 8px #89ceff1f}.vehicle-card.selected{border-color:var(--primary);background-color:var(--surface-high);box-shadow:0 0 10px #89ceff2e}.vehicle-card-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;display:flex}.vehicle-identity{align-items:center;gap:6px;display:flex}.vehicle-icon{font-size:14px}.vehicle-id{font-family:var(--font-mono);color:var(--primary);font-size:12px;font-weight:600}.status-indicator{font-size:9px;font-family:var(--font-mono);border-radius:9999px;align-items:center;gap:4px;padding:1px 6px;font-weight:600;display:flex}.status-indicator.moving{color:#10b981;background-color:#10b9811a}.status-indicator.moving .status-led-dot{background-color:#10b981;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse-led}.status-indicator.stopped{color:#f59e0b;background-color:#f59e0b1a}.status-indicator.stopped .status-led-dot{background-color:#f59e0b;border-radius:50%;width:5px;height:5px}.status-indicator.alert{color:var(--error);background-color:#ef44441a}.status-indicator.alert .status-led-dot{background-color:var(--error);border-radius:50%;width:5px;height:5px}.status-indicator.offline{color:var(--text-muted);background-color:#94a3b81a}.status-indicator.offline .status-led-dot{background-color:#64748b;border-radius:50%;width:5px;height:5px}.vehicle-details{flex-direction:column;gap:3px;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-primary);font-family:var(--font-sans)}.detail-value.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.detail-value.highlight{font-family:var(--font-mono);color:var(--primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);text-align:center;padding-top:10px;font-size:9px}.chat-panel{background-color:var(--background);border-right:1px solid var(--border);flex-direction:column;flex:1.2;height:100%;display:flex;position:relative}.chat-panel .chat-header{background-color:var(--surface-low);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.header-logo{object-fit:contain;flex-shrink:0;width:auto;height:36px}.header-info{align-items:center;gap:10px;display:flex}.header-icon{font-size:24px}.header-info h1{font-family:var(--font-sans);color:var(--text-primary);font-size:14px;font-weight:600}.header-info span{font-family:var(--font-sans);color:var(--text-muted);font-size:11px}.connection-pill{color:#10b981;font-family:var(--font-sans);background-color:#10b98114;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;display:flex}.pill-dot{background-color:#10b981;border-radius:50%;width:5px;height:5px}.messages{width:100%;max-width:var(--chat-max-width);box-sizing:border-box;flex-direction:column;flex:1;gap:16px;margin:0 auto;padding:24px;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:10px;max-width:85%;animation:.25s ease-out both fade-in;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.message.assistant,.message.error{align-self:flex-start}.avatar{background-color:var(--surface-container);border:1px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.message.user .avatar{background-color:var(--secondary-container)}.bubble{font-family:var(--font-sans);color:var(--text-primary);word-break:break-word;white-space:pre-wrap;padding:10px 14px;font-size:13px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.message.assistant .bubble{background-color:var(--surface-container);border:1px solid var(--border);border-left:2px solid var(--primary-container);border-radius:0 4px 4px}.message.user .bubble{background-color:var(--secondary-container);border:1px solid var(--border);border-radius:4px 0 4px 4px}.message.error .bubble{background-color:var(--error-container);border:1px solid var(--error);border-left:2px solid var(--error);color:var(--on-error-container);border-radius:0 4px 4px}.vehicle-code{font-family:var(--font-mono);background-color:var(--surface-highest);border:1px solid var(--border);color:var(--primary);vertical-align:baseline;border-radius:3px;margin:0 2px;padding:1px 5px;font-size:12px;font-weight:600}.vehicle-code.clickable{cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.vehicle-code.clickable:hover{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.typing{align-items:center;gap:4px;padding:10px 14px;display:flex}.typing span{background-color:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both bounce;display:inline-block}.typing span:first-child{animation-delay:-.32s}.typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-area{background:linear-gradient(180deg, transparent 0%, var(--background) 50%);width:100%;max-width:var(--chat-max-width);box-sizing:border-box;flex-shrink:0;margin:0 auto;padding:16px 24px 20px}.input-box-wrapper{background-color:var(--chat-input-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);border-radius:4px;align-items:center;gap:10px;padding:6px 10px;transition:border-color .25s,box-shadow .25s;display:flex}.input-box-wrapper:focus-within{border-color:var(--primary-container);box-shadow:0 0 10px #0ea5e933}.input-box-wrapper textarea{color:var(--text-primary);font-family:var(--font-sans);resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;max-height:100px;padding:6px 4px;font-size:13px;overflow-y:auto}.input-box-wrapper textarea::placeholder{color:var(--text-muted)}.input-box-wrapper button{background-color:var(--primary-container);color:var(--on-primary);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background-color .2s,transform .1s;display:flex}.input-box-wrapper button:hover:not(:disabled){background-color:var(--primary);color:var(--on-primary-fixed)}.input-box-wrapper button:active:not(:disabled){transform:scale(.95)}.input-box-wrapper button:disabled{opacity:.35;cursor:not-allowed}.map-panel{background-color:var(--surface-lowest);flex-direction:column;flex:1.5 0;height:100%;display:flex}.map-header{background-color:var(--surface-low);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.map-header h2{font-family:var(--font-sans);color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2}.map-subtitle{font-family:var(--font-sans);color:var(--text-muted);font-size:11px}.clear-selection-btn{background-color:var(--surface-container);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:background-color .2s,border-color .2s}.clear-selection-btn:hover{background-color:var(--surface-highest);border-color:var(--primary)}.map-container-wrapper{flex:1;width:100%;height:100%;position:relative}#map-container{z-index:1;width:100%;height:100%}.custom-map-marker{background:0 0!important;border:none!important}.custom-map-marker .marker-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.custom-map-marker:hover .marker-dot{transform:scale(1.4)}.vehicle-overlay-card{background-color:var(--overlay-card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);z-index:1000;border-radius:4px;padding:14px;animation:.2s ease-out both fade-in;position:absolute;bottom:20px;left:20px;right:20px;box-shadow:0 10px 25px -5px #0009}.overlay-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.overlay-header h3{font-family:var(--font-mono);color:var(--primary);margin:0;font-size:14px;font-weight:700}.status-badge{font-family:var(--font-mono);text-transform:uppercase;border-radius:9999px;padding:2px 8px;font-size:9px;font-weight:700}.status-badge.moving{color:#10b981;background-color:#10b98126;border:1px solid #10b9814d}.status-badge.stopped{color:#f59e0b;background-color:#f59e0b26;border:1px solid #f59e0b4d}.status-badge.alert{color:var(--error);background-color:#ef444426;border:1px solid #ef44444d}.status-badge.offline{color:var(--text-muted);background-color:#64748b26;border:1px solid #64748b4d}.overlay-body{flex-direction:column;gap:8px;display:flex}.metric-row{gap:6px;display:flex}.metric-box{background-color:var(--surface-container);border:1px solid var(--border);text-align:center;border-radius:4px;flex-direction:column;flex:1;align-items:center;padding:6px;display:flex}.metric-label{font-family:var(--font-sans);color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:8px}.metric-value{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:700}.overlay-detail{color:var(--text-primary);font-size:11px}.overlay-detail strong{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:9px;display:block}.overlay-detail p{color:var(--text-primary);margin:0;font-size:11px;line-height:1.4}.overlay-detail-grid{color:var(--text-muted);border-top:1px dashed var(--border);grid-template-columns:1fr 1fr;gap:8px;padding-top:6px;font-size:11px;display:grid}.leaflet-popup-content-wrapper{background:var(--surface-container)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:4px!important;box-shadow:0 4px 12px #00000080!important}.leaflet-popup-tip{background:var(--surface-container)!important;border:1px solid var(--border)!important}.map-popup-content{font-family:var(--font-sans);padding:4px}.map-popup-content h4{border-bottom:1px solid var(--border);padding-bottom:4px;color:var(--primary)!important;font-family:var(--font-mono)!important;margin:0 0 6px!important;font-size:12px!important;font-weight:700!important}.map-popup-content p{color:var(--text-muted)!important;margin:3px 0!important;font-size:11px!important;line-height:1.3!important}.map-popup-content strong{color:var(--text-primary)!important}@media (width<=1200px){.map-panel{display:none}}@media (width<=768px){.sidebar{display:none}}.fcw-root{z-index:9000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:28px;right:28px}.fcw-root>*{pointer-events:auto}.fcw-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0369a1);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 20px #0ea5e973,0 2px 8px #0006}.fcw-toggle-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px #0ea5e98c,0 3px 10px #0006}.fcw-toggle-btn:active{transform:scale(.96)}.fcw-toggle-btn.fcw-toggle-open{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 16px #00000059}.fcw-badge{color:#fff;background-color:#ef4444;border:2px solid #111415;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) both fcw-pop;display:flex;position:absolute;top:-4px;right:-4px}@keyframes fcw-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.fcw-panel{background-color:#0f1a2e;border:1px solid #2a3a54;border-radius:12px;flex-direction:column;width:380px;height:520px;animation:.25s cubic-bezier(.34,1.56,.64,1) both fcw-slide-up;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009,0 4px 16px #0006}@keyframes fcw-slide-up{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fcw-header{background-color:#131f35;border-bottom:1px solid #2a3a54;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.fcw-header-info{align-items:center;gap:10px;display:flex}.fcw-header-icon{font-size:22px;line-height:1}.fcw-header-title{color:#e1e3e4;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600}.fcw-header-sub{color:#10b981;align-items:center;gap:5px;margin-top:1px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;display:flex}.fcw-pill-dot{background-color:#10b981;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s ease-in-out infinite fcw-pulse}@keyframes fcw-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.fcw-close-btn{color:#8f9097;cursor:pointer;background-color:#0000;border:1px solid #2a3a54;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,color .15s;display:flex}.fcw-close-btn:hover{color:#e1e3e4;background-color:#1e2d45}.fcw-messages{scrollbar-width:thin;scrollbar-color:#2a3a54 transparent;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.fcw-messages::-webkit-scrollbar{width:4px}.fcw-messages::-webkit-scrollbar-track{background:0 0}.fcw-messages::-webkit-scrollbar-thumb{background-color:#2a3a54;border-radius:2px}.fcw-message{align-items:flex-start;gap:8px;max-width:90%;animation:.2s ease-out both fade-in;display:flex}.fcw-assistant{align-self:flex-start}.fcw-user{flex-direction:row-reverse;align-self:flex-end}.fcw-error{align-self:flex-start}.fcw-avatar{background-color:#1e2d45;border:1px solid #2a3a54;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.fcw-user .fcw-avatar{background-color:#1e3a5f}.fcw-bubble{color:#e1e3e4;word-break:break-word;white-space:pre-wrap;border-radius:6px;padding:8px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.55}.fcw-assistant .fcw-bubble{background-color:#1a2740;border:1px solid #2a3a54;border-left:2px solid #0ea5e9;border-top-left-radius:0}.fcw-user .fcw-bubble{background-color:#1e3a5f;border:1px solid #2a5080;border-top-right-radius:0}.fcw-error .fcw-bubble{color:#fca5a5;background-color:#ef44441a;border:1px solid #ef4444;border-left-width:2px;border-top-left-radius:0}.fcw-bubble.typing{align-items:center;gap:4px;padding:10px 14px;display:flex}.fcw-bubble.typing span{background-color:#8f9097;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both bounce;display:inline-block}.fcw-bubble.typing span:first-child{animation-delay:-.32s}.fcw-bubble.typing span:nth-child(2){animation-delay:-.16s}.fcw-input-area{background:linear-gradient(#0f1a2e00 0%,#0f1a2e 40%);flex-shrink:0;padding:10px 12px 14px}.fcw-input-wrapper{-webkit-backdrop-filter:blur(10px);background-color:#1a2740cc;border:1px solid #2a3a54;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:border-color .2s,box-shadow .2s;display:flex}.fcw-input-wrapper:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e926}.fcw-input-wrapper textarea{color:#e1e3e4;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:80px;padding:4px 2px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;overflow-y:auto}.fcw-input-wrapper textarea::placeholder{color:#4a5568}.fcw-input-wrapper button{color:#fff;cursor:pointer;background-color:#0369a1;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background-color .15s,transform .1s;display:flex}.fcw-input-wrapper button:hover:not(:disabled){background-color:#0ea5e9}.fcw-input-wrapper button:active:not(:disabled){transform:scale(.92)}.fcw-input-wrapper button:disabled{opacity:.35;cursor:not-allowed}