/* Stilul butonului de login */
.btn-login-custom {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #ff0000; /* Margine roșie implicită */
    border-radius: 6px;        /* Rotunjire colțuri */
    background-color: transparent;
    color: #ff0000;            /* Text roșu pentru a se asorta */
    text-decoration: none;
    font-weight: bold;
    transition: border-color 0.3s ease, color 0.3s ease; /* Tranziție fină */
    cursor: pointer;
}

/* Efectul la trecerea mouse-ului (hover) */
.btn-login-custom:hover {
    border-color: #0000ff;     /* Marginea devine albastră */
    color: #0000ff;            /* Opțional: și textul devine albastru */
}

/* Permite textului din widget-ul de tichete să se propage pe mai multe rânduri */
.recent-ticket .truncate, 
.sidebar .truncate {
    white-space: normal !important; /* Anulează nowrap-ul care "strica" pagina */
    overflow: visible !important;
    text-overflow: clip !important;
}

/* Mărește textul în sidebar și păstrează rezolvarea pentru truncate */
.sidebar .truncate, 
.sidebar .recent-ticket, 
.sidebar .list-group-item {
    font-size: 15px !important; /* Ajustează aici valoarea (14px, 16px etc.) */
    white-space: normal !important; 
    line-height: 1.4 !important; /* Oferă spațiu între rânduri dacă textul e lung */
}

/* Dacă vrei să mărești și titlurile secțiunilor din sidebar (ex: "Support") */
.sidebar .panel-title, 
.sidebar .sidebar-menu-item-label {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #000000 !important;
}

/* Ajustează iconițele din sidebar să se potrivească cu textul mai mare */
.sidebar i.fa, 
.sidebar .sidebar-menu-item-icon {
    font-size: 14px !important;
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background-color: #ffdec2 !important;
    border-color: #0060df !important;
}