/* ORSA gestionale v2 — stile custom a complemento di Tailwind */

:root {
    --brand-500: #f8c909;
    --brand-600: #e6b800;
    --brand-700: #b78b00;
    --brand-50:  #fffbe6;
    --ink:       #1c1c1e;
}

/* ---- Tom Select: allineamento allo stile dei campi Tailwind ---- */
.ts-wrapper {
    font-size: 0.875rem;
}
.ts-control {
    border-radius: 0.5rem !important;
    border-color: #cbd5e1 !important;
    min-height: 2.625rem;
    padding: 0.4rem 0.75rem !important;
    box-shadow: none !important;
}
.ts-wrapper.focus .ts-control {
    border-color: var(--brand-500) !important;
    box-shadow: 0 0 0 1px var(--brand-500) !important;
}
.ts-dropdown {
    border-radius: 0.5rem;
    border-color: #e2e8f0;
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.25);
}
.ts-dropdown .active {
    background: var(--brand-50, #fffbe6);
    color: var(--ink);
}
.ts-dropdown .ts-bc { color: #64748b; font-size: 0.78rem; }

/* ---- Loader overlay ---- */
.cms2-loader {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248, 250, 252, 0.65);
    backdrop-filter: blur(2px);
}
.cms2-loader .spin {
    width: 42px;
    height: 42px;
    border-radius: 9999px;
    border: 3px solid #e2e8f0;
    border-top-color: var(--brand-600);
    animation: cms2-spin 0.7s linear infinite;
}
@keyframes cms2-spin { to { transform: rotate(360deg); } }

/* ---- Animazioni dialog ---- */
@keyframes cms2-pop { from { opacity: 0; transform: scale(0.96) translateY(6px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.cms2-pop { animation: cms2-pop 0.15s ease-out; }

/* ---- Stampa ---- */
@media print {
    #sidebar, #sidebar-backdrop, header, [data-no-print] { display: none !important; }
    .lg\:pl-64 { padding-left: 0 !important; }
    main { padding: 0 !important; }
}