/* ============================================================
 * styles.css — סגנונות גלובליים של האפליקציה
 * ============================================================
 * הופרד מתוך <style> inline ב-index.html בסשן 25 (19/5/2026)
 * כצעד ראשון להסרת 'unsafe-inline' מ-CSP style-src.
 * ============================================================ */

body {
    font-family: system-ui, -apple-system, sans-serif;
    background-color: #f1f5f9;
    scroll-behavior: smooth;
}

input.excel-input { transition: all 0.2s; }
input.excel-input:hover { background-color: #f8fafc; border-color: #cbd5e1; }
input.excel-input:focus { background-color: #ffffff; border-color: #3b82f6; outline: none; box-shadow: inset 0 0 0 1px #3b82f6; }
input.readonly-input, textarea.readonly-input { background-color: transparent !important; border-color: transparent !important; cursor: default; }
input.readonly-input:focus, textarea.readonly-input:focus { outline: none; }

::-webkit-scrollbar { width: 0px; height: 0px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: transparent; }
::-webkit-scrollbar-thumb:hover { background: transparent; }
.checkbox-custom { width: 14px; height: 14px; cursor: pointer; accent-color: #3b82f6; }

.pulse-live { animation: pulse-live-animation 2s infinite; }
@keyframes pulse-live-animation {
    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

@keyframes slide-rtl {
    0% { right: -30%; }
    100% { right: 100%; }
}
.animate-progress {
    position: absolute;
    animation: slide-rtl 1.5s ease-in-out infinite;
}
@keyframes pdf-spin {
    to { transform: rotate(360deg); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translate(-50%, 16px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}
@keyframes toast-slide-in {
    from { opacity: 0; transform: translateY(-12px); }
    to { opacity: 1; transform: translateY(0); }
}
.toast-enter { animation: toast-slide-in 0.3s ease-out; }
.pdf-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: pdf-spin 0.7s linear infinite;
    vertical-align: middle;
}


/* === שורות "ימי גשם" — מוסתרות בדפדפן, מוצגות ב-PDF === */
/* החזרת תצוגה ב-PDF מתבצעת ב-onclone של html2canvas (buildH2COpts) */
.pdf-show-only { display: none !important; }