/*
 * Δικές μας όψεις (πρόθεμα ipe-). Το CSS του Filament 5 έχει ΜΟΝΟ κλάσεις
 * fi-*: καμία utility του Tailwind (flex, gap-2…) δεν υπάρχει, οπότε κάθε
 * δική μας όψη Blade χρησιμοποιεί κλάσεις από εδώ, αλλιώς βγαίνει άστυλη
 * χωρίς κανένα σφάλμα.
 */

/* Τίτλος εφαρμογής δίπλα στο λογότυπο (μόνο ≥ 64rem) */
.ipe-brand {
    display: none;
    align-items: center;
    gap: 0.75rem;
    margin-inline-start: 0.75rem;
    padding-inline-start: 0.75rem;
    border-inline-start: 1px solid var(--ipe-bronze);
    max-width: 26rem;
    text-decoration: none;
    color: var(--ipe-active-ink);
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.005em;
}
.ipe-brand span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (min-width: 64rem) {
    .ipe-brand {
        display: flex;
    }
}

/* Επιλογέας Φωτεινό/Σκοτεινό */
.ipe-theme {
    display: inline-flex;
    gap: 0.125rem;
    padding: 0.125rem;
    border-radius: 0.5rem;
    background: var(--ipe-well);
    box-shadow: 0 0 0 1px var(--ipe-line);
    margin-inline-end: 0.5rem;
}
.ipe-theme button {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border: 0;
    border-radius: 0.375rem;
    background: transparent;
    color: var(--gray-500);
    font-size: 0.75rem;
    cursor: pointer;
}
.ipe-theme button[aria-pressed='true'] {
    background: var(--ipe-bronze-soft);
    color: var(--ipe-bronze-ink);
    font-weight: 600;
}
.ipe-theme svg {
    width: 1rem;
    height: 1rem;
}
@media (max-width: 40rem) {
    .ipe-theme button span {
        display: none;
    }
}

/* Κουμπί και μπάρα βοήθειας φορμών: ίδια γλώσσα με το θέμα, όχι πράσινο */
.ipe-help-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: var(--ipe-radius);
    background: var(--ipe-bronze-soft);
    box-shadow: 0 0 0 1px var(--ipe-line), inset 4px 0 0 var(--ipe-bronze);
    color: var(--ipe-bronze-ink);
}
.ipe-help-bar__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: none;
    border-radius: 9999px;
    background: linear-gradient(145deg, #b89c6a, #7a6238);
    color: #fff;
    font-weight: 800;
    font-size: 1.1rem;
}
.ipe-help-bar__title {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
}
.ipe-help-bar__sub {
    font-size: 0.75rem;
}
.ipe-help-bar__lead {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Μπάρα κατάστασης (π.χ. κλειδωμένη περίοδος) */
.ipe-banner {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    background: color-mix(in srgb, var(--warning-500) 16%, var(--ipe-surface));
    color: var(--warning-700);
}
.dark .ipe-banner {
    color: var(--warning-300);
}

/* «?» κάθε οθόνης */
.ipe-help-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    background: linear-gradient(145deg, #b89c6a, #7a6238);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}
.ipe-help-btn:hover {
    filter: brightness(1.1);
}