/* Buttons General Appearance*/
.btn {
    background-color: #062442;
    color: #d9ebe6;
    border: none;
    flex: 0 0 auto;
    border-radius: 5px;
    padding: 8px 5px;
    margin: 5px;
    min-width: 70px;
    font-size: 0.98em;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.btn:hover {
    background-color: #22518c;
    color: #fff;
    outline: none;
}
.btn:focus {
  outline: none;
  box-shadow: none;
}
.delete-btn:hover {
    background-color: #331010;
    color: #fff;
    outline: none;
}
.text-input {
    background-color: #0d1722;
    color: #e3f0ff;
    border: 1px solid #25406a;
    border-radius: 4px;
    padding: 6px 12px;
    margin: 4px;
    font-size: 0.98em;
}

.btn-zoom {
    display: flex;
    align-items: center;   /* vertical centering */
    justify-content: center; /* horizontal centering */
    font-family: 'Roboto';
    font-size: 1.4em;
    height: 34px;
    min-width: 34px;
    max-width: 40px;
}

.btn-theme {
    color: black;
    display: flex;
    align-items: center;   /* vertical centering */
    justify-content: center; /* horizontal centering */
    background-image: linear-gradient(to bottom right,  rgb(37, 7, 107), rgb(107, 7, 49), rgb(255, 227, 88),  rgb(117, 212, 28));
    font-family: 'Roboto';
    font-size: 1.4em;
    height: 34px;
    min-width: 34px;
    max-width: 34px;
    border: 3px solid black;
    border-radius: 5px;
}

.select {
    background-color: #0d1722;
    color: #e3f0ff;
    border: 1px solid #25406a;
    border-radius: 4px;
    padding: 6px 12px;
    margin: 4px;
    width: 100px;
    font-size: 0.7em;
}

/* Toolbar (colors linewidth)*/
.toolbar-element {
    display: flex;
    justify-content: center;
    align-items: center;        /* Vertically center label + box */
    text-align: center;
    gap: 3px;                   /* Space between label and color box */
}

/* Style for the color button inside color picker */
.pcr-button {
  width: 34px !important;    /* Smaller, fits toolbar better */
  height: 34px !important;
  margin: 0;
  border: 3px solid black;
  border-radius: 5px;
}