.chat-transcript {
            flex: 1;
            background: #1e1e1e;
            border: 1px solid #333;
            border-radius: 8px;
            padding: 15px;
            overflow-y: auto;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 10px;
        }

        .chat-message {
            background: #efe6e6;
            margin-bottom: 15px;
            padding: 10px 12px;
            border-radius: 6px;
        }

        .chat-message.user {
            background: #efe6e6;
            margin-left: 40px;
        }

        .chat-message.assistant {
            background: #cfc5c5;
            margin-right: 40px;
        }

        .chat-message-label {
            font-size: 11px;
            color: #888;
            text-transform: uppercase;
            margin-bottom: 5px;
            font-weight: 600;
        }

        .chat-message.user .chat-message-label {
            color: #667eea;
        }

        .chat-entrance-header{
            margin:15px;
        }

    .transcript{
        padding:14px 16px;
        border-radius: var(--radius-lg);
        border:1px solid var(--border);
        background: var(--panel);
        color:var(--text);
        outline:none;
        box-shadow: var(--shadow-sm);
        height:100%;
        overflow-y:auto;
    }

    
    .chat-msg{
      width:100%;
      padding:10px 12px 10px 36px;
      border-radius: 14px;
      border:1px solid var(--border);
      background: var(--panel);
      color:var(--text);
      outline:none;
      box-shadow: var(--shadow-sm);
      margin-bottom:10px;
    }