/* ============================================================================ Metronic 8 (demo1) — γέφυρα layout πάνω στο ΥΠΑΡΧΟΝ DOM του Solid ERP. Φορτώνεται ΜΟΝΟ όταν Ui:MetronicTheme=on, ΤΕΛΕΥΤΑΙΟ στο ώστε να υπερισχύει των scoped styles (MainLayout/NavMenu .razor.css) σε ισοβαθμία. Το θέμα (style.bundle.css) ντύνει μόνο του ό,τι είναι Bootstrap (κουμπιά, φόρμες, modals, tables κ.λπ.). Εδώ: sidebar, header, tabs, μικρο-διορθώσεις. DevExpress: ΕΚΤΟΣ (θα γίνει ξεχωριστά — οδηγίες χρήστη). Παλέτα demo1: primary #1B84FF (active #056EE9), app bg #fcfcfc, sidebar charcoal #2d3237 (toolbar/search ίδιο χρώμα). ============================================================================ */ /* Το bundle ορίζει html/body 13px !important (μικραίνει ΟΛΑ τα rem μεγέθη). Το ανεβάζουμε στα 15px — «ένα κλικ πάνω», κεντρική ρύθμιση για όλη την εφαρμογή. */ html, body { font-size: 15px !important; } @media (max-width: 991.98px) { html, body { font-size: 14px !important; } } body { background-color: #fcfcfc; } /* ── Sidebar → ΒΑΘΥ NAVY (ίδια οικογένεια με το primary #1B84FF) ── Στόχος: το sidebar και οι επικεφαλίδες να διαβάζονται ως «ίδιο χρώμα, άλλη ένταση» — όχι μαύρη στήλη δίπλα σε μπλε banner. Ράμπα navy: #2d3237 (sidebar + brand/toolbar) · rgba borders · #A6B4D0 / #C9D4E8 / #6B7A9B (κείμενα). */ .page .sidebar { background-color: #2d3237 !important; } .sidebar .top-row.navbar { background-color: #2d3237 !important; border-bottom: 1px solid rgba(255, 255, 255, .1); } .sidebar .navbar-brand span { font-family: 'Inter', sans-serif; letter-spacing: -.01em; } /* Μενού: ουδέτερο γκρι, λευκό στο hover, primary highlight στο ενεργό */ .sidebar .nav-link, .hmenu-dropdown .nav-link { color: #A6B4D0 !important; font-family: 'Inter', sans-serif; border-radius: .475rem; transition: color .15s, background-color .15s; } .sidebar .nav-link:hover, .hmenu-dropdown .nav-link:hover { color: #fff !important; background-color: rgba(255, 255, 255, .06) !important; } .sidebar .nav-link.nav-leaf.active, .hmenu-dropdown .nav-link.nav-leaf.active { color: #fff !important; background-color: #1B84FF !important; font-weight: 600; } .sidebar .nav-link.depth-0 { font-weight: 600; color: #C9D4E8 !important; } .sidebar .nav-link.depth-0 .menu-icon { color: #A6B4D0; } .sidebar .nav-link.depth-0:hover .menu-icon { color: #fff; } .sidebar .nav-link.nav-leaf.active .menu-icon { color: #fff; } /* Chevron/κωδικοί πιο διακριτικά */ .sidebar .chevron { color: #6B7A9B; } .sidebar .menu-code { color: #6B7A9B; } /* Toolbar + αναζήτηση μενού σε σκούρο */ .nav-toolbar { background-color: #2d3237; border-bottom: 1px solid rgba(255, 255, 255, .1); } .nav-toolbar .nav-toolbar-btn { color: #A6B4D0; } .nav-toolbar .nav-toolbar-btn:hover { color: #fff; } .nav-search .form-control { background-color: #2d3237; border-color: rgba(255, 255, 255, .15); color: #D8E1F0; } .nav-search .form-control::placeholder { color: #6B7A9B; } .nav-search .form-control:focus { background-color: #2d3237; border-color: #1B84FF; box-shadow: none; color: #fff; } /* ── Header (top-row του main) → λευκό Metronic header ── */ main .top-row { background-color: #fff !important; border-bottom: 1px solid #f1f1f4 !important; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03); } /* ── Περιεχόμενο ── */ .content { font-family: 'Inter', sans-serif; } h1, h2, h3, h4, h5, h6 { letter-spacing: -.01em; } /* ── BE tabs (όλες οι tabbed φόρμες, app.css .be-tabs σκούρο) → Metronic light ── */ .be-tabs { background-color: #fff !important; border: 1px solid #f1f1f4 !important; border-bottom: 1px solid #e1e3ea !important; border-radius: .625rem .625rem 0 0 !important; padding: .25rem .35rem 0 .35rem !important; } .be-tabs .nav-link { color: #78829d !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-weight: 500; } .be-tabs .nav-link:hover { color: #2d3237 !important; border-bottom-color: #e1e3ea !important; } .be-tabs .nav-link.active { color: #1B84FF !important; background: transparent !important; border-bottom: 2px solid #1B84FF !important; font-weight: 600; } .be-tabs .nav-link:disabled, .be-tabs .nav-link.disabled { color: #c4cada !important; } /* Το tab-content που ακουμπά σε .be-tabs → λευκή κάρτα */ .tab-content { background-color: #fff; } /* ── Γενικές μικρο-διορθώσεις ── */ /* Τα «σκληρά» μπλε του παλιού brand (#052767) δείχνουν ξένα δίπλα στο θέμα */ .top-row strong[style*="#052767"] { color: #2d3237 !important; } /* Λεπτότερα custom scrollbars στο σκούρο sidebar */ .nav-scrollable { scrollbar-color: #5a6270 #2d3237; } /* Modals: λίγο πιο «αέρας» (το θέμα δίνει ήδη radius/σκιά) */ .modal-content { border: 0; }