/* Common styles shared across all tool pages */

/* Link colors */
a {
    color: #6b8dd6;
}

/* Back link styling */
a.back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: bold;
    padding: 0.4rem 0.6rem;
    border-radius: var(--pico-border-radius);
    transition: all 0.2s;
    color: #6b8dd6;
}

a.back-link:hover {
    background-color: rgba(107, 141, 214, 0.1);
    color: #5b7dc6;
}

/* Button styling */
button {
    background-color: #6b8dd6;
    border-color: #6b8dd6;
    color: white;
}

button:hover {
    background-color: #5b7dc6;
    border-color: #5b7dc6;
}

button:disabled {
    background-color: #9baee6;
    border-color: #9baee6;
    opacity: 0.6;
}

/* Result box styling */
.result {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--pico-muted-border-color);
    border-radius: var(--pico-border-radius);
    background: var(--pico-card-background-color);
}

/* Timezone list styling */
.tz-list {
    max-height: 260px;
    overflow: auto;
}