/* מסך טעינה: לוגו + פס התקדמות */
#pgLoader { position: fixed; inset: 0; z-index: 2147483000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; background: #fffaf8; transition: opacity .38s ease, visibility .38s; direction: rtl; }
html[data-mode="dark"] #pgLoader { background: #12080b; }
#pgLoader.out { opacity: 0; visibility: hidden; pointer-events: none; }
#pgLoader .pl-in { display: flex; flex-direction: column; align-items: center; gap: 22px; opacity: 0; animation: plIn .45s ease .12s forwards; }
#pgLoader .pl-logo { width: min(260px, 62vw); height: auto; max-height: 150px; object-fit: contain; display: block; }
html[data-mode="dark"] #pgLoader .pl-logo { filter: brightness(1.55) saturate(.9); }
#pgLoader .pl-bar { position: relative; width: min(275px, 70vw); height: 3px; border-radius: 3px; background: rgba(149, 69, 78, .18); overflow: hidden; }
html[data-mode="dark"] #pgLoader .pl-bar { background: rgba(255, 255, 255, .14); }
#pgLoader .pl-fill { position: absolute; inset-block: 0; inset-inline-start: 0; width: 0; border-radius: 3px; background: linear-gradient(90deg, #95454e, #c9a24d); transition: width .35s ease-out; }
#pgLoader .pl-fill::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .65), transparent); transform: translateX(-100%); animation: plShine 1.3s ease-in-out infinite; }
#pgLoader .pl-txt { font: 600 15px/1 Arial, "Segoe UI", sans-serif; color: #8a7075; letter-spacing: .3px; }
html[data-mode="dark"] #pgLoader .pl-txt { color: #a89aa0; }
#pgLoader .pl-txt i { font-style: normal; display: inline-block; animation: plDot 1.2s infinite; opacity: .25; }
#pgLoader .pl-txt i:nth-child(2) { animation-delay: .2s; } #pgLoader .pl-txt i:nth-child(3) { animation-delay: .4s; }
@keyframes plIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes plShine { to { transform: translateX(100%); } }
@keyframes plDot { 0%, 60%, 100% { opacity: .25; } 30% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #pgLoader .pl-in { animation: none; opacity: 1; } #pgLoader .pl-fill::after, #pgLoader .pl-txt i { animation: none; } #pgLoader, #pgLoader .pl-fill { transition: none; } }
@media print { #pgLoader { display: none !important; } }