/* UPS Service — σκούρο πλαϊνό μενού με χρωματιστά εικονίδια */
.fi-sidebar,
.fi-sidebar .fi-sidebar-nav { background: #16142B; }
.fi-sidebar { border-right: 1px solid #23204A; }
.fi-main-sidebar { background: #16142B; }

.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group-btn,
.fi-sidebar .fi-sidebar-group-collapse-btn { color: #8F8CB0; }

.fi-sidebar .fi-sidebar-item-btn { border-radius: 10px; }
.fi-sidebar .fi-sidebar-item-label { color: #D7D5EC; font-weight: 500; }
.fi-sidebar .fi-sidebar-item-btn:hover,
.fi-sidebar .fi-sidebar-item-btn:focus-visible { background: #24214A; }
.fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label { color: #FFFFFF; }

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-sidebar .fi-sidebar-item-active > .fi-sidebar-item-btn { background: #2C2950; }
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-label { color: #FFFFFF; font-weight: 700; }

.fi-sidebar .fi-sidebar-close-collapse-sidebar-btn,
.fi-sidebar .fi-sidebar-open-collapse-sidebar-btn { color: #CFCDE6; }

/* Χρώμα εικονιδίου ανά ενότητα */
.fi-sidebar .fi-sidebar-item-icon { color: #A09DC0; }
.fi-sidebar a[href$="/"] .fi-sidebar-item-icon,
.fi-sidebar a[href$="/dashboard"] .fi-sidebar-item-icon { color: #E0B341; }
.fi-sidebar a[href*="/appointments"] .fi-sidebar-item-icon { color: #FB7185; }
.fi-sidebar a[href*="/emeinan-piso"] .fi-sidebar-item-icon { color: #F97316; }
.fi-sidebar a[href*="/installation-services"] .fi-sidebar-item-icon { color: #A78BFA; }
.fi-sidebar a[href*="/customers"] .fi-sidebar-item-icon { color: #38BDF8; }
.fi-sidebar a[href*="/installations"] .fi-sidebar-item-icon { color: #34D399; }
.fi-sidebar a[href*="/import-personal"] .fi-sidebar-item-icon { color: #FBBF24; }
.fi-sidebar a[href*="/users"] .fi-sidebar-item-icon { color: #2DD4BF; }
.fi-sidebar a[href*="/option-items"] .fi-sidebar-item-icon { color: #F472B6; }

/* Κεφαλίδα μενού στο κινητό: σκούρα, με ανοιχτόχρωμο λογότυπο */
.fi-sidebar .fi-sidebar-header { background: #16142B; border-bottom: 1px solid #23204A; }
.fi-sidebar .fi-logo-light { display: none !important; }
.fi-sidebar .fi-logo-dark { display: inline-block !important; }
.fi-sidebar a[href*="/anafora-texnikon"] .fi-sidebar-item-icon { color: #60A5FA; }

/* Φωτεινό θέμα: γκρι φόντο σελίδας ώστε τα πλαίσια να ξεχωρίζουν */
html:not(.dark) .fi-body, html:not(.dark) .fi-main-ctn, html:not(.dark) body { background-color: #ECECF3; }
html:not(.dark) .fi-section,
html:not(.dark) .fi-ta-ctn,
html:not(.dark) .fi-wi-stats-overview-stat,
html:not(.dark) .ups-card {
    background-color: #FFFFFF;
    border: 1px solid #D9D9E6 !important;
    box-shadow: 0 1px 3px rgba(23, 22, 43, .07) !important;
    --tw-ring-color: transparent;
}
html:not(.dark) .fi-section .fi-section { background-color: #F8F8FB; }
html:not(.dark) .fi-section-header { background-color: #F7F7FB; border-bottom: 1px solid #E4E4EE; border-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
html:not(.dark) .fi-ta-header-cell, html:not(.dark) .fi-ta-table thead tr { background-color: #F3F3F8; }
html:not(.dark) .fi-topbar, html:not(.dark) .fi-topbar nav { background-color: #FFFFFF; border-bottom: 1px solid #DCDCE6; }
html:not(.dark) .fi-tabs { background-color: #FFFFFF; border: 1px solid #D9D9E6; }

/* Καρτέλα ΚΛΣ: πεδία που η ανάγνωση δεν είναι σίγουρη */
.ups-unsure .fi-input-wrp, .ups-unsure textarea, .ups-unsure .fi-input { background-color: #FEF3C7 !important; }
.ups-unsure .fi-input-wrp { box-shadow: 0 0 0 2px #F59E0B !important; }
.ups-unsure .fi-fo-field-label-content::after { content: " ⚠ έλεγξε"; color: #B45309; font-weight: 700; font-size: 11px; }
.dark .ups-unsure .fi-input-wrp, .dark .ups-unsure textarea, .dark .ups-unsure .fi-input { background-color: rgba(245, 158, 11, .18) !important; }

/* «Ελλιπή στοιχεία»: κενά βασικά πεδία */
.ups-missing .fi-input-wrp { background-color: #FEE2E2 !important; box-shadow: 0 0 0 2px #F87171 !important; }
.ups-missing .fi-input { background-color: transparent !important; }
.ups-missing .fi-fo-field-label-content::after { content: " · συμπλήρωσε"; color: #DC2626; font-weight: 700; font-size: 11px; }
.dark .ups-missing .fi-input-wrp { background-color: rgba(248, 113, 113, .16) !important; }

/* «📷 Κάμερα» δίπλα στα πεδία αρχείων — μόνο σε οθόνες αφής */
.ups-cam-btn { display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 9px; background: #4F46E5; color: #fff; font-weight: 700; font-size: 13px; cursor: pointer; }
@media (hover: hover) and (pointer: fine) { .ups-cam-btn { display: none; } }

/* Προβολή φωτογραφίας σε όλη την οθόνη */
.filepond--item .filepond--image-preview-wrapper, .filepond--item .filepond--file-info { cursor: zoom-in; }
.ups-lb { position: fixed; inset: 0; z-index: 9999; background: rgba(10, 10, 20, .94); display: flex; align-items: center; justify-content: center; }
.ups-lb img { max-width: 100vw; max-height: calc(100vh - 56px); object-fit: contain; touch-action: pinch-zoom; }
.ups-lb button { position: absolute; background: rgba(0, 0, 0, .55); box-shadow: 0 0 0 1px rgba(255,255,255,.35); color: #fff; border: 0; border-radius: 999px; width: 44px; height: 44px; font-size: 26px; line-height: 44px; cursor: pointer; }
.ups-lb-x { top: 12px; right: 12px; font-size: 20px !important; }
.ups-lb-p { left: 10px; top: 50%; transform: translateY(-50%); }
.ups-lb-n { right: 10px; top: 50%; transform: translateY(-50%); }
.ups-lb-bar { position: absolute; bottom: 0; left: 0; right: 0; height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: #E5E7EB; font-size: 14px; }
.ups-lb-bar a { color: #C7D2FE; font-weight: 600; text-decoration: none; }

/* Αρχική σε υπολογιστή: «Καλημέρα…» στη μπάρα δίπλα στο λογότυπο· στο κινητό μένει στη σελίδα */
.ups-topbar-greet { display: none; }
@media (min-width: 1024px) {
    .ups-topbar-greet { display: flex; flex-direction: column; justify-content: center; margin-left: 22px; padding-left: 22px; border-left: 1px solid #DCDCE6; line-height: 1.2; min-width: 0; }
    .ups-topbar-greet-h { font-size: 22px; font-weight: 800; color: #17162B; letter-spacing: -.01em; white-space: nowrap; }
    .ups-topbar-greet-s { font-size: 13px; color: #6B6A80; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dark .ups-topbar-greet { border-left-color: rgba(255,255,255,.12); }
    .dark .ups-topbar-greet-h { color: #F4F4F8; }
    .dark .ups-topbar-greet-s { color: #A1A0B5; }
    .ups-topbar-greet:empty { display: none; }
    body:has(.ups-topbar-greet:not(:empty)) .fi-topbar { min-height: 72px; }
    body:has(.ups-topbar-greet:not(:empty)) .fi-main .fi-header { display: none; }

    /*
     * Εγκατάσταση: αριστερή στήλη = Εγκατάσταση → Αποθήκευση → καρτέλες (Ζώνες, Κωδικοί…), η μία κάτω από την άλλη·
     * δεξιά στήλη (Ιστορικό, Φωτογραφίες…) σε όλο το ύψος. Χωρίς κενό όταν η δεξιά είναι ψηλότερη.
     * Οι ενδιάμεσοι περιέκτες «εξαφανίζονται» (display: contents) ώστε όλα να μπουν σε ένα πλέγμα 2 στηλών.
     */
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important; grid-template-rows: auto auto auto 1fr; align-items: start;
    }
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col:has(> .fi-sc-component > form.fi-sc-form),
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component:has(> form.fi-sc-form),
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component > form.fi-sc-form,
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component > form.fi-sc-form > .fi-grid:first-child,
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component > form.fi-sc-form > .fi-grid:first-child > .fi-grid-col,
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component > form.fi-sc-form > .fi-grid:first-child > .fi-grid-col > .fi-sc-component,
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component > form.fi-sc-form > .fi-grid:first-child > .fi-grid-col > .fi-sc-component > .fi-grid {
        display: contents;
    }
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component > form.fi-sc-form > .fi-grid:first-child > .fi-grid-col > .fi-sc-component > .fi-grid > .fi-grid-col:nth-child(1) {
        grid-column: 1 !important; grid-row: 1 !important;
    }
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component > form.fi-sc-form > .fi-grid:first-child > .fi-grid-col > .fi-sc-component > .fi-grid > .fi-grid-col:nth-child(2) {
        grid-column: 2 !important; grid-row: 1 / span 4 !important;
    }
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col > .fi-sc-component > form.fi-sc-form > .fi-grid:last-child {
        grid-column: 1 !important; grid-row: 2 !important;
    }
    .fi-resource-installations.fi-resource-edit-record-page .fi-page-content > .fi-grid > .fi-grid-col:has(> .fi-sc-component > .fi-sc-tabs) {
        grid-column: 1 !important; grid-row: 3 !important;
    }
    .fi-resource-installations.fi-resource-edit-record-page .fi-sc-tabs > .fi-tabs { margin-inline: 0; }
}

/* Στοιχεία που φαίνονται μόνο στο κινητό (π.χ. κάτω από τον τίτλο της εκκρεμότητας, όταν οι στήλες κρύβονται) */
@media (min-width: 768px) { .ups-only-mobile { display: none !important; } }