.ai-service-status{border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;background-color:#f9f9f9;max-width:800px;margin:0 auto}.ai-service-status.connected{border-left:5px solid #4caf50}.ai-service-status.disconnected{border-left:5px solid #f44336}.ai-service-status.checking{border-left:5px solid #2196f3}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.status-header h3{margin:0;font-size:18px;color:#333}.status-indicator{padding:6px 12px;border-radius:4px;font-weight:700;font-size:14px}.status-indicator.connected{background-color:#e8f5e9;color:#2e7d32}.status-indicator.disconnected{background-color:#ffebee;color:#c62828}.status-indicator.checking{background-color:#e3f2fd;color:#0d47a1}.last-checked{font-size:12px;color:#666;margin-bottom:12px}.error-message{background-color:#fff3e0;border-left:3px solid #ff9800;padding:12px;margin-bottom:16px;border-radius:4px}.error-message p{margin:0 0 10px;color:#e65100}.troubleshooting{background-color:#f5f5f5;border-radius:4px;padding:16px;margin-bottom:16px}.troubleshooting h4{margin-top:0;margin-bottom:12px;color:#333}.troubleshooting ol{padding-left:20px;margin-bottom:0}.troubleshooting li{margin-bottom:16px}.troubleshooting li:last-child{margin-bottom:0}.troubleshooting strong{color:#333}.troubleshooting p{margin:6px 0;color:#555}.troubleshooting code{background-color:#eee;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.9em}.actions{margin-top:16px;display:flex;gap:8px}.actions button,.troubleshooting button{background-color:#2196f3;color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .2s}.actions button:hover,.troubleshooting button:hover{background-color:#1976d2}.error-message button{background-color:#ff9800;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer;transition:background-color .2s}.error-message button:hover{background-color:#f57c00}.diagnostic-info{margin-top:20px;background-color:#e8f5e9;border-radius:4px;padding:12px;border-left:3px solid #4caf50}.diagnostic-info h4{margin-top:0;margin-bottom:8px;color:#2e7d32}.diagnostic-info pre{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;padding:12px;overflow:auto;max-height:300px;font-family:monospace;font-size:13px;color:#333;white-space:pre-wrap}.note{background-color:#fff3cd;border-left:3px solid #ffc107;padding:10px;margin:10px 0;border-radius:4px;font-size:13px;color:#856404}