/* ==========================================================
Monitorul Oficial — OVERRIDE LAYER (cu !important)
Se încarcă DUPĂ monitor.css
========================================================== */
/* Paletă */
:root{
--mo-primary: #0a57a0 !important;
--mo-primary-2: #084a89 !important;
--mo-link: #0a57a0 !important;
--mo-border: #dfe5ef !important;
--mo-divider: #e6ebf3 !important;
--mo-ghost: #eff4fb !important;
--mo-text: #101625 !important;
--mo-sub: #5a6579 !important;
/* EuroAvocatura */
--ea-burgundy: #CC0000 !important; /* șine laterale */
--ea-ivory: #FBF8F1 !important; /* fildeș (fundal box) */
--ea-ivory-bdr: #EFE9DC !important; /* contur discret */
}
/* =============== BOX FILTRE (fildeș + șine curate) =============== */
.mo-filters{
background: var(--ea-ivory) !important; /* fundal fildeș */
/* contur discret sus/jos */
border-top: 1px solid var(--ea-ivory-bdr) !important;
border-bottom: 1px solid var(--ea-ivory-bdr) !important;
/* ȘINE VIȘINII curate (NU umbre/pseudo) */
border-left: 3px solid var(--ea-burgundy) !important;
border-right: 3px solid var(--ea-burgundy) !important;
border-radius: 14px !important;
padding: 18px 16px !important;
margin: 18px 0 24px !important;
background-clip: padding-box !important;
overflow: hidden !important; /* taie perfect colțurile */
box-shadow: 0 10px 22px rgba(13,27,48,.07) !important;
/* NU mai folosim clip-path / contain / izolări agresive */
}
/* NU anulăm pseudo-elementele interne; doar nu folosim noi aici. */
.mo-filters::before,
.mo-filters::after{ content:none !important; }
/* =============== GRID pe 3 rânduri, aerisit =============== */
.mo-f-row{ margin-top: 14px !important; }
.mo-f-row:first-of-type{ margin-top: 0 !important; }
.mo-f-row{ display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }
/* Rând 1: Tip • An • Lună (desktop 3 coloane) */
.mo-f-row.grid-r1{ grid-template-columns: 1fr !important; }
@media (min-width: 960px){
.mo-f-row.grid-r1{ grid-template-columns: 1fr 1fr 1fr !important; gap: 14px !important; }
}
/* Rând 2: Emitent • Căutare (desktop 2 coloane) */
.mo-f-row.grid-r2{ grid-template-columns: 1fr !important; }
@media (min-width: 960px){
.mo-f-row.grid-r2{ grid-template-columns: 1fr 1.4fr !important; gap: 14px !important; }
}
/* Rând 3: Acțiuni — pe același rând, la stânga */
.mo-f-row.grid-r3{
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
}
.mo-f-actions{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
}
.mo-f-actions .mo-btn{ white-space: nowrap !important; }
/* =============== Câmpuri & iconițe =============== */
.mo-f-col{ gap: 6px !important; }
.mo-f-col > label{ display: none !important; } /* doar placeholder */
.mo-field{ position: relative !important; display: flex !important; align-items: center !important; }
.mo-ico{ left: 12px !important; color: #8a94a6 !important; pointer-events: none !important; }
.mo-field input[type="text"],
.mo-field select{
width: 100% !important;
min-height: 44px !important;
padding: .76rem 1rem .76rem 2.45rem !important; /* spațiu pt. icon */
border: 1px solid var(--mo-border) !important;
border-radius: 10px !important;
background: #fff !important; /* inputurile rămân ALBE */
font-size: 1rem !important;
color: var(--mo-text) !important;
transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.mo-field input[type="text"]::placeholder{ color: #9aa4b5 !important; }
.mo-field input[type="text"]:hover,
.mo-field select:hover{ border-color: #cfd7e6 !important; }
.mo-field input[type="text"]:focus,
.mo-field select:focus{
border-color: var(--mo-primary) !important;
box-shadow: 0 0 0 3px rgba(10,87,160,.16) !important;
outline: none !important;
}
/* Săgeată custom pentru select */
.mo-field select{
appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important;
background-image:
linear-gradient(45deg, transparent 50%, #8a94a6 50%),
linear-gradient(135deg, #8a94a6 50%, transparent 50%),
linear-gradient(to right, #fff, #fff) !important;
background-position:
calc(100% - 18px) calc(50% - 4px),
calc(100% - 13px) calc(50% - 4px),
calc(100% - 2.2rem) 0 !important;
background-size: 5px 5px, 5px 5px, 2.2rem 100% !important;
background-repeat: no-repeat !important;
}
/* =============== Butoane =============== */
.mo-btn{
min-height: 44px !important;
padding: .68rem 1rem !important;
border-radius: 10px !important;
font-weight: 800 !important;
letter-spacing: .2px !important;
}
.mo-btn-primary{
background: var(--mo-primary) !important;
border-color: var(--mo-primary) !important;
color: #fff !important;
box-shadow: 0 6px 16px rgba(13,27,48,.18) !important;
}
.mo-btn-primary:hover{
background: var(--mo-primary-2) !important;
border-color: var(--mo-primary-2) !important;
}
.mo-btn-ghost{
background: var(--mo-ghost) !important;
border: 1px solid var(--mo-border) !important;
color: var(--mo-link) !important;
}
.mo-btn-ghost:hover{ background: #e7edf6 !important; }
/* =============== Mobile compact (<= 959px) =============== */
@media (max-width: 959.98px){
.mo-field input[type="text"],
.mo-field select{
min-height: 38px !important;
padding: .58rem .78rem .58rem 2.2rem !important;
font-size: .95rem !important;
}
.mo-btn{
min-height: 36px !important;
padding: .46rem .75rem !important;
font-size: .94rem !important;
}
}
/* ——— mic polish pe listă, nu afectează formularul ——— */
.mo-list{ border-radius: 14px !important; }
.mo-item{ padding: 16px 0 !important; }
.mo-item h3{ font-size: 1.06rem !important; }
:where(a, button, input, select):focus-visible{
outline: 3px solid rgba(10,87,160,.24) !important;
outline-offset: 2px !important;
}
/* ===== FIX conflicte cu euro32.css (scop local MO) ===== */
.mo-filters{
display:block !important;
height:auto !important;
box-sizing: border-box !important;
}
/* dacă .mo-filters NU e pe