/* Overlay APDEV: veste Tailwind/Flowbite upstream senza forkare compiled.css. */
:root {
    --apdev-gold: #C4A035;
    --apdev-gold-deep: #8B6914;
    --apdev-gold-hover: #B08D2A;
    --apdev-sidebar: #14110D;
    --apdev-ink: #1C1917;
    --apdev-bronze: #9A7B2F;
    --apdev-paper: #F7F4EE;
    --apdev-line: rgba(28, 25, 23, 0.08);
}

html.h-full {
    background-color: var(--apdev-paper);
}

/* Ricoloro il brand indigo di BackupSheep. CTA scuri per contrasto AA; oro per link/focus. */
.bg-indigo-400,
.bg-indigo-500,
.bg-indigo-600,
.bg-indigo-700,
.bg-indigo-800 {
    background-color: var(--apdev-ink) !important;
}

.group:hover .group-hover\:bg-indigo-600 {
    background-color: var(--apdev-ink) !important;
}

.hover\:bg-indigo-500:hover,
.hover\:bg-indigo-600:hover,
.hover\:bg-indigo-700:hover {
    background-color: #292524 !important;
}

.from-indigo-500 {
    --tw-gradient-from: var(--apdev-gold) !important;
}

.from-indigo-600 {
    --tw-gradient-from: var(--apdev-ink) !important;
}

.via-indigo-700 {
    --tw-gradient-via: #292524 !important;
}

.to-indigo-700,
.to-indigo-800 {
    --tw-gradient-to: #0C0A09 !important;
}

.text-indigo-100 {
    color: #E7E5E4 !important;
}

.text-indigo-500,
.text-indigo-600,
.text-indigo-700 {
    color: var(--apdev-gold-deep) !important;
}

.hover\:text-indigo-500:hover,
.hover\:text-indigo-600:hover {
    color: var(--apdev-gold-hover) !important;
}

.bg-indigo-50 {
    background-color: rgba(196, 160, 53, 0.12) !important;
}

.hover\:bg-indigo-50:hover {
    background-color: rgba(196, 160, 53, 0.18) !important;
}

.ring-indigo-100,
.hover\:ring-indigo-100:hover {
    --tw-ring-color: rgba(196, 160, 53, 0.35) !important;
}

.ring-indigo-500,
.ring-indigo-600,
.focus\:ring-indigo-500:focus,
.focus\:ring-indigo-600:focus,
.focus-visible\:outline-indigo-600:focus-visible {
    --tw-ring-color: var(--apdev-gold) !important;
    --tw-outline-color: var(--apdev-gold) !important;
}

.border-indigo-500,
.border-indigo-600,
.focus\:border-indigo-500:focus,
.focus\:border-indigo-600:focus,
.focus-within\:border-indigo-600:focus-within {
    border-color: var(--apdev-gold) !important;
}

.focus-within\:ring-indigo-600:focus-within {
    --tw-ring-color: var(--apdev-gold) !important;
}

.via-indigo-50\/60 {
    --tw-gradient-via: rgba(196, 160, 53, 0.18) !important;
}

.bg-indigo-200\/40 {
    background-color: rgba(196, 160, 53, 0.28) !important;
}

/* Modali troppo strette (Create Schedule e gemelle). */
@media (min-width: 640px) {
    [role="dialog"] .sm\:max-w-lg {
        max-width: 42rem;
    }
}

/* Header sticky z-40 sta sopra le overlay z-10: la scheda finisce sotto la barra. */
[role="dialog"].fixed {
    z-index: 60;
}

/* Chrome console */
.apdev-sidebar {
    background: var(--apdev-sidebar);
    color: #F5EDDC;
}

.apdev-sidebar-rule {
    border-color: rgba(196, 160, 53, 0.18);
}

.apdev-brand {
    padding: 1.25rem 0 1rem;
}

.apdev-brand a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.apdev-brand img {
    height: 2.75rem;
    width: auto;
}

.apdev-brand-name {
    margin-top: 0.55rem;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.3;
    text-transform: uppercase;
    white-space: nowrap;
}

.apdev-kicker {
    color: var(--apdev-gold-deep);
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.apdev-nav {
    color: rgba(245, 237, 220, 0.72);
}

.apdev-nav:hover {
    background: rgba(196, 160, 53, 0.1);
    color: #F5EDDC;
}

.apdev-nav.is-active {
    background: rgba(196, 160, 53, 0.16);
    color: var(--apdev-gold);
}

.apdev-nav svg {
    color: inherit;
}

.apdev-signout {
    color: rgba(245, 237, 220, 0.72);
}

.apdev-signout:hover {
    background: rgba(196, 160, 53, 0.1);
    color: #F5EDDC;
}

/* Widget firma in fondo sidebar, prima di Sign out. */
.apdev-owner {
    margin-bottom: 0.35rem;
    padding: 0.8rem 0.75rem 0.7rem;
    border-radius: 0.75rem;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(196, 160, 53, 0.22);
}

.apdev-owner-top {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
}

.apdev-owner-top img {
    width: 3rem;
    height: 3rem;
    border-radius: 9999px;
    object-fit: cover;
    flex-shrink: 0;
    background: #fff;
    box-shadow: 0 0 0 1.5px rgba(196, 160, 53, 0.45);
}

.apdev-owner-name {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #F5EDDC;
    line-height: 1.2;
}

.apdev-owner-role {
    margin: 0.1rem 0 0;
    font-size: 0.65rem;
    color: rgba(245, 237, 220, 0.62);
    line-height: 1.3;
}

.apdev-owner-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.7rem;
}

.apdev-owner-badge {
    display: block;
    line-height: 0;
    flex: 1 1 auto;
    min-width: 0;
    text-decoration: none;
}

.apdev-owner-badge img {
    display: block;
    height: 2.25rem;
    width: auto;
    max-width: 100%;
}

.apdev-owner-badge:hover {
    opacity: 0.85;
}

.apdev-owner-links {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.apdev-owner-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 1.65rem;
    overflow: hidden;
    border-radius: 9999px;
    color: rgba(245, 237, 220, 0.78);
    background: rgba(196, 160, 53, 0.12);
}

.apdev-owner-links a:hover {
    color: var(--apdev-gold);
    background: rgba(196, 160, 53, 0.22);
}

/* Flowbite/Tailwind preflight allarga gli svg a 100%; senza questo globo e telefono riempiono la sidebar. */
.apdev-owner-links svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px;
    max-height: 14px;
    flex-shrink: 0;
}

.apdev-card-head {
    background: var(--apdev-ink);
    color: #fff;
}

.apdev-card-head h3 {
    color: #fff;
    font-weight: 600;
}

.apdev-header {
    background: rgba(247, 244, 238, 0.88);
    border-color: var(--apdev-line);
}

.apdev-avatar {
    background: linear-gradient(135deg, var(--apdev-gold), var(--apdev-bronze));
    color: var(--apdev-ink);
}

.apdev-banner {
    background: linear-gradient(135deg, var(--apdev-ink) 0%, #292524 55%, #0C0A09 100%);
}

/* Login / reset: atmosfera scura, card chiara. */
.apdev-auth {
    background: var(--apdev-sidebar);
}

.apdev-auth-glow {
    background:
        radial-gradient(circle at 80% 0%, rgba(196, 160, 53, 0.28), transparent 42%),
        radial-gradient(circle at 10% 100%, rgba(154, 123, 47, 0.22), transparent 38%),
        var(--apdev-sidebar);
}

.apdev-auth .apdev-auth-title {
    color: #F5EDDC;
}

.apdev-auth .apdev-auth-sub {
    color: rgba(245, 237, 220, 0.62);
}

.apdev-auth .apdev-auth-foot {
    color: rgba(245, 237, 220, 0.45);
}

.apdev-pulse {
    border-color: var(--apdev-line);
    box-shadow: 0 1px 2px rgba(28, 25, 23, 0.04);
}

.apdev-pulse:hover {
    box-shadow: 0 8px 24px rgba(28, 25, 23, 0.08);
}

nav a.text-indigo-700 {
    box-shadow: inset 3px 0 0 var(--apdev-gold);
}

table.min-w-full thead {
    background: #EFEBE3;
}

[x-cloak] {
    display: none !important;
}

.apdev-acc > summary {
    list-style: none;
}

.apdev-acc > summary::-webkit-details-marker,
.apdev-acc > summary::marker {
    display: none;
    content: "";
}

.apdev-acc-chevron {
    transition: transform 0.15s ease;
}

.apdev-acc[open] .apdev-acc-chevron {
    transform: rotate(180deg);
}

.apdev-acc-hats {
    background: #EFEBE3;
}

.apdev-acc-hat {
    background: #fff;
    border: 1px solid rgba(28, 25, 23, 0.22);
    box-shadow: 0 2px 6px rgba(28, 25, 23, 0.06);
    overflow: hidden;
}

.apdev-acc-hat > summary {
    list-style: none;
    background: var(--apdev-paper);
    box-shadow: inset 3px 0 0 var(--apdev-gold);
}

.apdev-acc-hat[open] > summary {
    border-bottom: 1px solid rgba(28, 25, 23, 0.12);
}

.apdev-acc-hat > summary::-webkit-details-marker,
.apdev-acc-hat > summary::marker {
    display: none;
    content: "";
}