.rounded-field .x-form-trigger-wrap-default {
    border-radius: 10px !important;
    overflow: hidden;
	display: flex !important;
    align-items: center !important; 
    background-color: rgba(232,240,254,1); /* Osiguraj da je boja tu ako nestane */	
}

.rounded-field .x-form-trigger {
    color: #555; /* Boja ikone */
    cursor: pointer;
    border: none;
    background: transparent;
    width: 30px;
	display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100% !important;	
}

.rounded-field .x-form-text-wrap-default {
    flex: 1 !important;
}

/* Stil za naslov */
.my-msg.x-window {
    border: 1px solid #e09f3e;           /* oker border */
    border-radius: 4px;                   /* opcionalno za zaobljene rubove */
    overflow: hidden;                     /* da header gradient ne izlazi van */
}
.my-msg .x-window-header {
    background: linear-gradient(180deg, #e09f3e, #fbc495);
    color: #fff;                /* Tekst bijeli radi kontrasta */
}

/* Stil za dugme */
.my-msg .x-btn-default-small {
    background: linear-gradient(180deg, #e09f3e, #fbc495) !important;
    border-color: #FFA500;
    color: #fff;
}

.white-text-button .x-btn-inner {
    /* Forsira bijelu boju i bold font na tekstualnom elementu gumba */
    color: white !important;
}

/* Stil za ikonu brisanja u gridu */
.x-action-col-icon.fa-edit {
    color: #3ed77d; /* Zelena boja */
    font-size: 16px;
    transition: transform 0.2s;
}

.x-action-col-icon.fa-edit:hover {
    transform: scale(1.2);
    cursor: pointer;
}

.x-action-col-icon.fa-trash {
    color: #e74c3c; /* Crvena boja */
    font-size: 16px;
    transition: transform 0.2s;
}

.x-action-col-icon.fa-trash:hover {
    transform: scale(1.2);
    cursor: pointer;
}

.dokumentacija-field .x-form-invalid-field-default {
    border: 2px solid #ff0000 !important; 
}