/* IQ Dental Hub - versiunea de telefon (generat din build/mobil/, nu edita aici). Se incarca doar sub 768px. */

/* ===== baza.css ===== */
/* =====================================================================
   IQ Dental Hub - versiunea de telefon (reguli comune)
   Se incarca DOAR sub 768px (media="(max-width: 767px)" pe <link>),
   deci desktopul si tableta raman exact cum erau. Doar aspect: nicio
   regula de aici nu ascunde functii si nu schimba ce face o pagina.
   ===================================================================== */

/* ---------- ritm general ---------- */
html { -webkit-text-size-adjust: 100%; }
body { overscroll-behavior-y: none; }
main { -webkit-overflow-scrolling: touch; }

/* containerul paginii: margini mici, continutul incepe imediat sub bara de sus */
main > div[class*="p-4"],
main > div[class*="p-6"],
main > div[class*="px-4"] {
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-bottom: 88px !important;           /* loc pentru butoanele de ajutor si barele fixe */
}
main > div[class*="pt-[76px]"],
main > div[class*="pt-[72px]"],
main > div[class*="pt-20"],
main > div[class*="pt-24"] { padding-top: 74px !important; }

/* spatiile mari dintre blocuri */
main .space-y-8 > :not([hidden]) ~ :not([hidden]),
main .space-y-6 > :not([hidden]) ~ :not([hidden]),
main [class*="sm:space-y-8"] > :not([hidden]) ~ :not([hidden]) { margin-top: 14px !important; }
main .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
main .gap-8, main .gap-6 { gap: 12px !important; }
main .gap-5 { gap: 10px !important; }
main .mb-8, main .mb-6 { margin-bottom: 14px !important; }
main .mt-8, main .mt-6 { margin-top: 14px !important; }

/* ---------- titlul paginii ---------- */
main h1, main h1[class] {
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em;
}
main h1 + p,
main h1 ~ p.text-lg,
main h1 ~ p[class*="text-base"],
main h1 ~ p[class*="sm:text-lg"] {
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin-top: 2px !important;
}
main h2[class*="text-2xl"], main h2[class*="text-3xl"],
main h3[class*="text-2xl"], main h3[class*="text-xl"] { font-size: 17px !important; line-height: 1.3 !important; }
main h2[class*="text-xl"], main h2[class*="text-lg"],
main h3[class*="text-lg"] { font-size: 15px !important; line-height: 1.35 !important; }

/* cifrele mari din carduri */
main .text-4xl { font-size: 26px !important; line-height: 1.15 !important; }
main .text-3xl { font-size: 22px !important; line-height: 1.2 !important; }
main .text-2xl { font-size: 19px !important; line-height: 1.25 !important; }

/* ---------- carduri ---------- */
main .glass-surface, main .glass-card, main .glass-kpi-card {
  border-radius: 16px !important;
}
main .rounded-3xl { border-radius: 18px !important; }
main .rounded-\[2rem\], main .rounded-\[28px\], main .rounded-\[24px\] { border-radius: 18px !important; }

/* padding-ul interior al cardurilor (utilitarele mari) */
main .p-10, main .p-8, main .p-7 { padding: 16px !important; }
main .p-6 { padding: 14px !important; }
main .p-5 { padding: 13px !important; }
main .px-8, main .px-7, main .px-6 { padding-left: 14px !important; padding-right: 14px !important; }
main .py-8, main .py-7 { padding-top: 16px !important; padding-bottom: 16px !important; }
main .py-6 { padding-top: 14px !important; padding-bottom: 14px !important; }

/* card in card: cel din interior nu mai adauga inca un rand de margini */
main .glass-surface .glass-card,
main .glass-card .glass-card { box-shadow: none !important; }

/* ---------- formulare ---------- */
main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
main select,
main textarea {
  font-size: 16px !important;               /* sub 16px iOS face zoom la atingere */
}
main input.h-12, main select.h-12, main button.h-12 { height: 44px !important; }
main input.h-11, main select.h-11 { height: 42px !important; }
main label { line-height: 1.3; }
/* campurile de data: iconita din dreapta ramane pe rand cu textul */
main input[type="date"], main input[type="time"], main input[type="datetime-local"] {
  min-width: 0;
  -webkit-appearance: none;
  appearance: none;
  min-height: 40px;
  text-align: left;
}
main input[type="date"]::-webkit-date-and-time-value,
main input[type="time"]::-webkit-date-and-time-value { text-align: left; }

/* ---------- butoane ---------- */
main button, main a { -webkit-tap-highlight-color: transparent; }
main .h-12:is(button, a) { height: 44px !important; }
main .h-11:is(button, a) { height: 42px !important; }

/* randurile de butoane-filtru („Toate / In progres / ...”): un singur rand
   care se deruleaza orizontal, in loc de 4-5 randuri de pastile mari */
main .flex.flex-wrap:has(> button.glass-btn:nth-child(3)),
main .flex.flex-wrap:has(> button[data-filtru]:nth-child(3)),
main .flex.flex-wrap:has(> button[data-filter]:nth-child(3)),
main .flex.flex-wrap:has(> button[data-perioada]:nth-child(3)),
main .iqm-derulare {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  gap: 6px !important;
  margin-left: -12px; margin-right: -12px;
  padding: 2px 12px 4px !important;
  scroll-padding: 0 12px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 18px), transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 18px), transparent 100%);
}
main .flex.flex-wrap:has(> button.glass-btn:nth-child(3))::-webkit-scrollbar,
main .iqm-derulare::-webkit-scrollbar { display: none; }
main .flex.flex-wrap:has(> button.glass-btn:nth-child(3)) > button,
main .flex.flex-wrap:has(> button[data-filtru]:nth-child(3)) > button,
main .flex.flex-wrap:has(> button[data-filter]:nth-child(3)) > button,
main .flex.flex-wrap:has(> button[data-perioada]:nth-child(3)) > button {
  flex: 0 0 auto !important;
  white-space: nowrap;
  height: 32px !important;
  min-height: 0 !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  border-radius: 999px !important;
  transform: none !important;
}
main .flex.flex-wrap:has(> button.glass-btn:nth-child(3)) > button svg,
main .flex.flex-wrap:has(> button.glass-btn:nth-child(3)) > button i { width: 14px !important; height: 14px !important; }

/* ---------- tabele: derulare orizontala, nu pagina intreaga ---------- */
main .overflow-x-auto { -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
main table { font-size: 13px; }
main th, main td { padding-left: 10px; padding-right: 10px; }

/* ---------- ferestre (modale) ca foi care urca de jos ---------- */
.fixed.inset-0.flex.items-center.justify-center,
.fixed.inset-0.flex.items-center {
  align-items: flex-end !important;
  padding: 0 !important;
}
.fixed.inset-0.flex.items-center.justify-center > .max-w-md,
.fixed.inset-0.flex.items-center.justify-center > .max-w-lg,
.fixed.inset-0.flex.items-center.justify-center > .max-w-xl,
.fixed.inset-0.flex.items-center.justify-center > .max-w-2xl,
.fixed.inset-0.flex.items-center.justify-center > .max-w-3xl,
.fixed.inset-0.flex.items-center.justify-center > .max-w-4xl,
.fixed.inset-0.flex.items-center.justify-center > [class*="max-w-["],
.fixed.inset-0.flex.items-center.justify-center > [role="dialog"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  max-height: calc(100dvh - 24px) !important;
  padding-bottom: env(safe-area-inset-bottom);
}

/* ---------- butoanele de ajutor (ghid / tur) ---------- */
.iqt-dock {
  top: auto !important;
  bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  transform: none !important;
  gap: 6px !important;
}
.iqt-btn, .iqt-ghid {
  width: 30px !important;
  height: 34px !important;
  border-radius: 11px 0 0 11px !important;
  font-size: 15px !important;
  opacity: .82;                              /* acopera cat mai putin din marginea randurilor */
  box-shadow: -2px 4px 12px rgba(13,162,231,.32) !important;
}
.iqt-btn:hover, .iqt-ghid:hover { width: 30px !important; }
.iqt-btn:active, .iqt-ghid:active { opacity: 1; }
.iqt-ghid svg { width: 16px !important; height: 16px !important; }
.iqt-bula { right: 40px !important; font-size: 12.5px !important; }

/* lista de ghiduri: foaie de jos, pe toata latimea */
.iqt-lista {
  left: 8px !important;
  right: 8px !important;
  width: auto !important;
  max-width: none !important;
  top: auto !important;
  bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  max-height: 72dvh !important;
  border-radius: 20px !important;
  padding: 6px !important;
  transform-origin: bottom center !important;
  animation: iqm-sus .22s cubic-bezier(.22,1,.36,1) !important;
}
@keyframes iqm-sus { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.iqt-lista-cap { padding: 8px 10px 6px !important; }
.iqt-item { padding: 9px 10px !important; gap: 10px !important; }
.iqt-item b { font-size: 13.5px !important; }
.iqt-item small { font-size: 11.5px !important; }

/* cardul unui pas din ghid / tur: mai compact */
.iqt-corp { padding: 12px 14px 12px !important; }
.iqt-titlu { font-size: 15px !important; margin-bottom: 4px !important; }
.iqt-text { font-size: 13px !important; line-height: 1.5 !important; }
.iqt-jos { margin-top: 10px !important; }
.iqt-b { height: 32px !important; font-size: 12.5px !important; }
.iqt-icon { width: 32px !important; }
.iqt-nota { display: none !important; }    /* scurtaturile de tastatura nu au sens pe telefon */

/* iconitele din campuri (calendar, sageata de select): styles.css le face
   position:relative pe ecrane tactile (pentru zona de atingere marita), iar
   cele asezate absolut in camp cadeau sub el. Raman absolute; ::after-ul de
   atingere merge la fel, absolute e si el bloc de referinta. */
[data-cal-toggle].absolute,
[data-select-toggle].absolute,
[data-date-toggle].absolute,
#logo-upload-btn.absolute,
[aria-label="Editează numele"].absolute { position: absolute !important; }

/* .glass-surface are 24px padding din styles.css; pe telefon 14px - doar unde
   pagina nu si-a pus singura un padding prin clase */
main .glass-surface:where(:not([class*=" p-"]):not([class^="p-"]):not([class*="px-"]):not([class*="py-"])) { padding: 14px; }

/* ===== comenzi.css ===== */
/* =====================================================================
   Telefon - Comenzi (comenzi.php) si Fisa de comanda (comenzi-noua.php)
   Doar aspect; se incarca doar sub 768px (vezi mobil_css()).
   ===================================================================== */

/* ============================ COMENZI ============================ */

/* antetul: titlul in stanga, „Comanda noua" compact in dreapta */
html[data-pagina="comenzi"] main h1 + p { display: block; }
html[data-pagina="comenzi"] main .space-y-5 > .flex.flex-col:first-child {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
html[data-pagina="comenzi"] main .space-y-5 > .flex.flex-col:first-child > a[href="comenzi-noua.php"] {
  width: auto !important;
  height: 38px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  gap: 6px !important;
}

/* indicatorii: o banda care se deruleaza orizontal, cu placute mici */
html[data-pagina="comenzi"] .iq-kpi {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 -12px !important;
  padding: 2px 12px 4px;
  overscroll-behavior-x: contain;
}
html[data-pagina="comenzi"] .iq-kpi::-webkit-scrollbar { display: none; }
html[data-pagina="comenzi"] .iq-kpi > div {
  flex: 0 0 auto;
  min-width: 112px;
  padding: 8px 10px !important;
  border-radius: 14px !important;
}
html[data-pagina="comenzi"] .iq-kpi > div > .flex { gap: 8px !important; }
html[data-pagina="comenzi"] .iq-kpi > div .w-9.h-9 { width: 28px !important; height: 28px !important; border-radius: 9px !important; }
html[data-pagina="comenzi"] .iq-kpi > div .w-9.h-9 svg { width: 14px !important; height: 14px !important; }
html[data-pagina="comenzi"] .iq-kpi p.text-xs { font-size: 11px !important; line-height: 1.2 !important; }
html[data-pagina="comenzi"] .iq-kpi p[data-schelet="cifra"] { font-size: 17px !important; line-height: 1.15 !important; }

/* suprafata mare nu mai e un card: filtrele devin cardul lor, fisele stau libere */
html[data-pagina="comenzi"] main .glass-surface {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  border-radius: 0 !important;
}
html[data-pagina="comenzi"] main .glass-surface::before,
html[data-pagina="comenzi"] main .glass-surface::after { display: none !important; }

/* cardul de filtre */
html[data-pagina="comenzi"] main .glass-surface > .p-4.border-b {
  padding: 10px 12px 12px !important;
  border: 1px solid rgba(226,232,240,.8) !important;
  border-radius: 16px;
  background: rgba(255,255,255,.75);
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
}
html.dark[data-pagina="comenzi"] main .glass-surface > .p-4.border-b {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.06) !important;
}
html[data-pagina="comenzi"] main .glass-surface > .p-4.border-b > * + * { margin-top: 8px !important; }

/* filtrele de status: banda orizontala (regula din baza), aici doar marginile cardului */
html[data-pagina="comenzi"] #status-filters {
  margin-left: -12px !important;
  margin-right: -12px !important;
}
html[data-pagina="comenzi"] #status-filters > button { height: 32px !important; }

/* cautarile: cabinet | medic pe un rand, pacient si perioada dedesubt */
html[data-pagina="comenzi"] main .glass-surface .grid.grid-cols-1 {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
html[data-pagina="comenzi"] main .glass-surface .grid.grid-cols-1 > :nth-child(n+3) { grid-column: 1 / -1; }
html[data-pagina="comenzi"] main .glass-surface .grid.grid-cols-1 input {
  height: 38px !important;
  border-radius: 10px !important;
}
html[data-pagina="comenzi"] main .glass-surface .grid.grid-cols-1 input::placeholder { font-size: 14px; }
html[data-pagina="comenzi"] main .glass-surface .grid.grid-cols-1 > .flex.gap-2 { gap: 8px !important; }

/* „Perioada: Azi / Ultima saptamana / ..." pe un singur rand derulabil */
html[data-pagina="comenzi"] main .glass-surface .flex.flex-wrap.items-center.gap-2 {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 -12px !important;
  padding: 0 12px;
  gap: 6px !important;
}
html[data-pagina="comenzi"] main .glass-surface .flex.flex-wrap.items-center.gap-2::-webkit-scrollbar { display: none; }
html[data-pagina="comenzi"] main .glass-surface .flex.flex-wrap.items-center.gap-2 > * {
  flex: 0 0 auto;
  white-space: nowrap;
}
html[data-pagina="comenzi"] main .glass-surface .flex.flex-wrap.items-center.gap-2 > button {
  height: 30px;
  padding: 0 11px !important;
  font-size: 12px !important;
  display: inline-flex;
  align-items: center;
}

/* bara de selectie multipla si lista */
html[data-pagina="comenzi"] #bulk-bar { padding: 10px 0 0 !important; }
html[data-pagina="comenzi"] #bulk-bar > * { flex-wrap: wrap; row-gap: 6px; }
html[data-pagina="comenzi"] #orders-list {
  padding: 12px 0 0 !important;
}
html[data-pagina="comenzi"] #orders-list > * + * { margin-top: 10px !important; }

/* cardul unei fise */
html[data-pagina="comenzi"] #orders-list > [data-order-id] {
  padding: 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.82);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.06) !important;
  transform: none !important;
}
html.dark[data-pagina="comenzi"] #orders-list > [data-order-id] { background: rgba(30,28,28,.85); }
html[data-pagina="comenzi"] #orders-list > [data-order-id]::before,
html[data-pagina="comenzi"] #orders-list > [data-order-id]::after { display: none; }

/* randul 1: bifa · nr. fisei · butoane - nr. fisei nu mai e acoperit */
html[data-pagina="comenzi"] [data-order-header] > .flex:first-child { gap: 8px !important; }
html[data-pagina="comenzi"] [data-order-header] > .flex:first-child > .flex-1 { overflow: hidden; }
html[data-pagina="comenzi"] [data-order-header] h3 { font-size: 15px !important; font-weight: 600 !important; }
html[data-pagina="comenzi"] [data-order-header] h3 + p { font-size: 11.5px !important; }
html[data-pagina="comenzi"] [data-order-header] > .flex:first-child > .flex.items-center.gap-1\.5 { gap: 4px !important; }
html[data-pagina="comenzi"] [data-order-header] [data-edit] {
  width: 34px; height: 34px !important; padding: 0 !important; border-radius: 10px !important;
}
html[data-pagina="comenzi"] [data-order-header] [data-edit] svg { width: 15px !important; height: 15px !important; }
html[data-pagina="comenzi"] [data-order-header] [role="group"] { border-radius: 10px !important; }
html[data-pagina="comenzi"] [data-order-header] [data-export] { height: 34px !important; padding: 0 8px !important; }
html[data-pagina="comenzi"] [data-order-header] [data-sterge] { height: 34px !important; width: 30px !important; }
html[data-pagina="comenzi"] [data-order-header] [data-select-toggle] { width: 22px !important; height: 22px !important; border-radius: 7px !important; }

/* randul 2: status · plata · suma */
html[data-pagina="comenzi"] [data-order-header] > [data-dropdowns] { margin-top: 10px !important; gap: 6px !important; }
html[data-pagina="comenzi"] [data-order-header] [data-dropdowns] > button {
  height: 30px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  gap: 4px !important;
}
html[data-pagina="comenzi"] [data-order-header] [data-dropdowns] .ml-auto p.font-bold { font-size: 15px !important; }

/* randul 3: pacient / medic / livrare / lucrari */
html[data-pagina="comenzi"] [data-order-header] > .grid {
  margin-top: 10px !important;
  padding: 8px 10px !important;
  gap: 6px 12px !important;
  border-radius: 12px !important;
}
html[data-pagina="comenzi"] [data-order-header] > .grid p.text-sm { font-size: 13px !important; line-height: 1.3 !important; }
html[data-pagina="comenzi"] [data-order-header] > .grid p.text-xs { font-size: 11.5px !important; }

/* fisa deschisa */
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 {
  margin-top: 12px !important;
  padding-top: 12px !important;
}
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 > * + * { margin-top: 10px !important; }
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 h4 { margin-bottom: 0 !important; font-size: 14px; }
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 .pb-20 { padding-bottom: 12px !important; }
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 .p-4 { padding: 10px 12px !important; }
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 .space-y-3 > * + * { margin-top: 8px !important; }

/* fisele sterse (arhiva) */
html[data-pagina="comenzi"] #orders-list > [data-order-id].p-5 h3 { font-size: 15px !important; }

/* meniurile de status / plata (montate pe <body>): latime confortabila, nu ies din ecran */
html[data-pagina="comenzi"] body > .fixed[style*="z-index"] { max-width: calc(100vw - 16px); }

/* bara de selectie: compacta */
html[data-pagina="comenzi"] #bulk-bar > .sticky {
  top: 70px !important;
  padding: 6px 8px 6px 10px !important;
  gap: 6px !important;
  border-radius: 14px !important;
}
html[data-pagina="comenzi"] #bulk-bar > .sticky > button { font-size: 12.5px !important; white-space: nowrap; }
html[data-pagina="comenzi"] #bulk-bar > .sticky > [data-bulk] {
  height: 30px; padding: 0 9px !important; gap: 4px !important;
}
html[data-pagina="comenzi"] #bulk-bar > .sticky > [data-bulk] svg:first-child { display: none; }
html[data-pagina="comenzi"] #bulk-bar > .sticky > [data-bulk-clear] { width: 30px; height: 30px; justify-content: center; flex: none; }

/* lucrarea din fisa deschisa: randurile tehnicienilor fara inca un chenar */
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 .space-y-3 > div { padding: 10px !important; }
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 .space-y-2 > .flex.items-start {
  padding: 6px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html[data-pagina="comenzi"] [data-order-id] > .mt-6.pt-6 .space-y-2 > .flex.items-start + .flex.items-start {
  margin-top: 0 !important;
  border-top: 1px solid rgba(148,163,184,.18) !important;
}

/* ========================= FISA DE COMANDA ========================= */

html[data-pagina="comenzi-noua"] main .space-y-6 > :not([hidden]) ~ :not([hidden]),
html[data-pagina="comenzi-noua"] #orderForm > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }

/* antetul: iconita mica, titlu + nr. fisei pe un rand, Sablon / PDF compacte alaturi */
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child {
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child > .flex.items-center:first-child { gap: 10px !important; align-items: flex-start !important; }
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child .w-12.h-12 {
  width: 38px !important; height: 38px !important; border-radius: 12px !important; margin-top: 2px;
}
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child .w-12.h-12 svg { width: 19px !important; height: 19px !important; }
html[data-pagina="comenzi-noua"] main h1 { font-size: 20px !important; }
html[data-pagina="comenzi-noua"] main h1 + p { margin-top: 4px !important; font-size: 12px !important; line-height: 1.5 !important; }
html[data-pagina="comenzi-noua"] #nrFisa { font-size: 12.5px !important; padding: 2px 8px !important; }
html[data-pagina="comenzi-noua"] main h1 + p + p { font-size: 12px !important; margin-top: 2px !important; }
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child > .flex.items-center.gap-2 {
  flex-shrink: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 6px !important;
}
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child > .flex.items-center.gap-2 > button {
  height: 34px !important;
  padding: 0 11px !important;
  font-size: 12.5px !important;
  gap: 6px !important;
  border-radius: 10px !important;
}

/* casetele formularului: aceeasi margine peste tot */
html[data-pagina="comenzi-noua"] #orderForm .rounded-2xl.p-5,
html[data-pagina="comenzi-noua"] #orderForm .rounded-2xl.p-4,
html[data-pagina="comenzi-noua"] #toothSelector > .rounded-2xl {
  padding: 12px !important;
  border-radius: 16px !important;
}

/* Detalii comanda: titlul si comutatorul Normal / Urgent pe un rand, fara rupturi */
html[data-pagina="comenzi-noua"] #orderForm > .rounded-2xl:first-child > .flex.items-center.mb-4 { margin-bottom: 10px !important; gap: 8px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .rounded-2xl:first-child h2 { font-size: 15px !important; white-space: nowrap; }
html[data-pagina="comenzi-noua"] .regim-comutator { padding: 3px !important; border-radius: 11px !important; }
html[data-pagina="comenzi-noua"] .regim-comutator button { height: 30px !important; padding: 0 10px !important; font-size: 12.5px !important; gap: 4px !important; border-radius: 8px !important; }
html[data-pagina="comenzi-noua"] .regim-comutator button svg { width: 14px !important; height: 14px !important; }

/* cabinet | medic pe un rand, pacient | tip lucrare pe al doilea */
html[data-pagina="comenzi-noua"] #orderForm > .rounded-2xl:first-child > .grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px 8px !important;
}
html[data-pagina="comenzi-noua"] #orderForm > .rounded-2xl:first-child > .grid > .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 4px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .rounded-2xl:first-child > .grid > :nth-child(3) { grid-column: 1 / -1; }
html[data-pagina="comenzi-noua"] #orderForm > .rounded-2xl:first-child > .grid > :nth-child(4) { grid-column: 1 / -1; }
html[data-pagina="comenzi-noua"] #orderForm [data-select] > .relative > button,
html[data-pagina="comenzi-noua"] #numePacient { height: 40px !important; }
html[data-pagina="comenzi-noua"] #orderForm [data-select] > .relative > button { padding: 0 8px 0 11px !important; gap: 6px; }
html[data-pagina="comenzi-noua"] #orderForm [data-select] > .relative > button > span {
  flex: 1 1 auto; min-width: 0; text-align: left;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block !important;
}
html[data-pagina="comenzi-noua"] #orderForm [data-select] > .relative > button > svg { flex: none; }

/* ---------- schema dentara ---------- */
html[data-pagina="comenzi-noua"] #toothSelector > .rounded-2xl > .flex.items-start.mb-5 { margin-bottom: 10px !important; gap: 8px !important; align-items: center !important; }
html[data-pagina="comenzi-noua"] #toothSelector > .rounded-2xl > .flex.items-start.mb-5 .w-10.h-10 { width: 32px !important; height: 32px !important; border-radius: 10px !important; }
html[data-pagina="comenzi-noua"] #toothSelector > .rounded-2xl > .flex.items-start.mb-5 .w-10.h-10 svg { width: 16px !important; height: 16px !important; }
html[data-pagina="comenzi-noua"] #toothSelector h3 { font-size: 15px !important; }
html[data-pagina="comenzi-noua"] #toothSelector [data-action="reset"] { height: 32px !important; padding: 0 10px !important; font-size: 12.5px !important; }

/* chenarul schemei: butoanele stau pe doua benzi (sus / jos), nu peste dinti */
html[data-pagina="comenzi-noua"] #toothSelector .h-\[42vh\] { height: auto !important; }
html[data-pagina="comenzi-noua"] #toothSelector .h-\[42vh\] > .relative {
  height: min(64vh, 560px) !important;
  min-height: 430px !important;
  padding: 50px 6px 50px !important;
  border-radius: 14px !important;
}
html[data-pagina="comenzi-noua"] #toothSelector [data-action="proteza-up"],
html[data-pagina="comenzi-noua"] #toothSelector [data-action="model-up"] { top: 8px !important; bottom: auto !important; }
html[data-pagina="comenzi-noua"] #toothSelector [data-action="proteza-down"],
html[data-pagina="comenzi-noua"] #toothSelector [data-action="model-down"] { bottom: 8px !important; top: auto !important; }
html[data-pagina="comenzi-noua"] #toothSelector [data-action="proteza-up"],
html[data-pagina="comenzi-noua"] #toothSelector [data-action="proteza-down"] { right: 8px !important; left: auto !important; }
html[data-pagina="comenzi-noua"] #toothSelector [data-action="model-up"],
html[data-pagina="comenzi-noua"] #toothSelector [data-action="model-down"] { left: 8px !important; right: auto !important; }
html[data-pagina="comenzi-noua"] #toothSelector [data-action^="proteza-"],
html[data-pagina="comenzi-noua"] #toothSelector [data-action^="model-"] {
  height: 34px !important;
  padding: 0 12px !important;
  font-size: 12.5px !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.12) !important;
}

/* panoul din dreapta (sub schema pe telefon) */
html[data-pagina="comenzi-noua"] [data-rightpane] { margin-top: 12px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] > .rounded-2xl,
html[data-pagina="comenzi-noua"] [data-rightpane] > div > .rounded-2xl { padding: 10px 12px !important; border-radius: 14px !important; }

/* bara de salvare: compacta, Salveaza ocupa restul randului */
html[data-pagina="comenzi-noua"] #orderForm > .sticky {
  bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  margin-left: -4px; margin-right: -4px;
}
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div {
  padding: 8px !important;
  gap: 8px !important;
  border-radius: 16px !important;
  flex-wrap: nowrap !important;
}
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div > .flex:first-child:empty { display: none; }
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div > .flex:first-child { gap: 6px !important; flex-shrink: 0; }
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div > .flex:last-child { flex: 1 1 auto !important; gap: 8px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .sticky button {
  height: 40px !important;
  padding: 0 12px !important;
  font-size: 13.5px !important;
  border-radius: 12px !important;
}
html[data-pagina="comenzi-noua"] #orderForm > .sticky #saveBtn { flex: 1 1 auto; }

/* cardul schemei nu mai inveleste tot: schema si casetele de sub ea stau la acelasi nivel */
html[data-pagina="comenzi-noua"] #orderForm #toothSelector > .rounded-2xl {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-pagina="comenzi-noua"] #toothSelector > .rounded-2xl > .flex.items-start.mb-5 { padding: 0 2px; }
html[data-pagina="comenzi-noua"] #toothSelector .h-\[42vh\] > .relative {
  background: #fff;
  box-shadow: 0 1px 3px rgba(15,23,42,.06) !important;
}
html.dark[data-pagina="comenzi-noua"] #toothSelector .h-\[42vh\] > .relative { background: #1a1818; }
html[data-pagina="comenzi-noua"] [data-rightpane] > .rounded-2xl,
html[data-pagina="comenzi-noua"] [data-rightpane] > .rounded-xl,
html[data-pagina="comenzi-noua"] [data-rightpane] > .space-y-3 > .rounded-xl,
html[data-pagina="comenzi-noua"] [data-rightpane] > .border-t {
  background-color: rgba(255,255,255,.85) !important;
  border-radius: 14px !important;
}
html.dark[data-pagina="comenzi-noua"] [data-rightpane] > .rounded-2xl,
html.dark[data-pagina="comenzi-noua"] [data-rightpane] > .rounded-xl,
html.dark[data-pagina="comenzi-noua"] [data-rightpane] > .space-y-3 > .rounded-xl,
html.dark[data-pagina="comenzi-noua"] [data-rightpane] > .border-t { background-color: rgba(255,255,255,.03) !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] > .space-y-3 > * + * { margin-top: 10px !important; }
/* rezumatul „Dinti selectati" devine si el o caseta */
html[data-pagina="comenzi-noua"] [data-rightpane] > .border-t {
  padding: 10px 12px !important;
  border: 1px solid rgba(226,232,240,.8) !important;
}
html.dark[data-pagina="comenzi-noua"] [data-rightpane] > .border-t { border-color: rgba(255,255,255,.06) !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] > .border-t > * + * { margin-top: 8px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] > .border-t h4,
html[data-pagina="comenzi-noua"] [data-rightpane] > .border-t h3 { font-size: 14px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] > .border-t .flex-wrap { gap: 6px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] > .border-t .flex-wrap > div { padding: 5px 9px !important; font-size: 13px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] > .space-y-3 > .rounded-xl > button { padding: 10px 12px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] .p-4 { padding: 10px 12px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] .p-3 { padding: 9px 10px !important; }
html[data-pagina="comenzi-noua"] [data-rightpane] h4 { font-size: 14px !important; }

/* butonul „x” al unei manopere apare doar la hover - pe telefon nu exista hover, deci il aratam */
html[data-pagina="comenzi-noua"] [data-action="remove-manopera"] {
  opacity: .7 !important;
  width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;
  margin: -6px -6px -6px 0;
}
html[data-pagina="comenzi-noua"] [data-rightpane] .group.px-3.py-2\.5 { padding: 7px 10px !important; }

/* „Manopere atribuite tehnicienilor" si „Modificare valoarea lucrarii" */
html[data-pagina="comenzi-noua"] #assignmentsSection > .rounded-2xl,
html[data-pagina="comenzi-noua"] #editAmountsSection > .rounded-2xl { padding: 12px !important; border-radius: 16px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection > .rounded-2xl > .flex:first-child { margin-bottom: 10px !important; gap: 8px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection .w-10.h-10.rounded-xl,
html[data-pagina="comenzi-noua"] #editAmountsSection .w-10.h-10.rounded-xl { width: 32px !important; height: 32px !important; border-radius: 10px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection .w-10.h-10.rounded-xl svg,
html[data-pagina="comenzi-noua"] #editAmountsSection .w-10.h-10.rounded-xl svg { width: 16px !important; height: 16px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection h2,
html[data-pagina="comenzi-noua"] #editAmountsSection h2 { font-size: 15px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection .border-dashed { padding: 16px 12px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection .border-dashed > svg { width: 26px !important; height: 26px !important; margin-bottom: 6px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection .grid { gap: 8px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection .grid > .rounded-xl { padding: 10px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection .grid > .rounded-xl > .flex:first-child { margin-bottom: 8px !important; padding-bottom: 8px !important; }
html[data-pagina="comenzi-noua"] #assignmentsSection .grid .w-10.h-10.rounded-full { width: 32px !important; height: 32px !important; font-size: 12px !important; }
html[data-pagina="comenzi-noua"] #editAmountsSection > .rounded-2xl > .flex.items-center.mb-4 { margin-bottom: 10px !important; gap: 8px !important; align-items: flex-start !important; }
html[data-pagina="comenzi-noua"] #editAmountsSection > .rounded-2xl > .flex.items-center.mb-4 p { font-size: 11.5px !important; line-height: 1.4 !important; }
html[data-pagina="comenzi-noua"] #editAmountsSection #sumeCorp .w-32 { width: 112px !important; }
html[data-pagina="comenzi-noua"] #editAmountsSection #sumeCorp { padding-top: 10px !important; }
html[data-pagina="comenzi-noua"] #editAmountsSection #sumeCorp .space-y-3 > * + * { margin-top: 10px !important; }

/* observatii */
html[data-pagina="comenzi-noua"] #observatii { min-height: 84px !important; }

/* proba / livrare / data fisei / plata: doua cate doua, campurile data + ora alaturate */
html[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch { gap: 10px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch > div > .flex.items-center.mb-4 { margin-bottom: 10px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch > div > p.mt-auto { padding-top: 8px !important; font-size: 11.5px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch label.text-sm { font-size: 12px !important; font-weight: 500; color: #4b5563; }
html.dark[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch label.text-sm { color: #9ca3af; }
html[data-pagina="comenzi-noua"] #probaCampuri,
html[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch > div:nth-child(2) > .space-y-3 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 8px !important;
}
html[data-pagina="comenzi-noua"] #probaCampuri > *,
html[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch > div:nth-child(2) > .space-y-3 > * { margin-top: 0 !important; }
html[data-pagina="comenzi-noua"] #probaCampuri > :first-child { grid-column: 1 / -1; }
html[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 4px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .grid.items-stretch input[type="time"] { padding-right: 6px !important; }

/* „Modificare valoarea lucrarii": titlu + „Modifica" pe primul rand, explicatia pe toata latimea */
html[data-pagina="comenzi-noua"] #editAmountsSection > .rounded-2xl > .flex.items-center.mb-4 {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 4px !important;
}
html[data-pagina="comenzi-noua"] #editAmountsSection > .rounded-2xl > .flex.items-center.mb-4 > div:nth-child(2) { display: contents; }
html[data-pagina="comenzi-noua"] #editAmountsSection > .rounded-2xl > .flex.items-center.mb-4 h2 { grid-column: 2; grid-row: 1; }
html[data-pagina="comenzi-noua"] #editAmountsSection > .rounded-2xl > .flex.items-center.mb-4 p { grid-column: 1 / -1; grid-row: 2; }
html[data-pagina="comenzi-noua"] #editAmountsSection > .rounded-2xl > .flex.items-center.mb-4 > label { grid-column: 3; grid-row: 1; margin-left: 0 !important; }

/* la editare, scriptul paginii pune „Editeaza Comanda FISA-…" in primul <h1> gasit, care e
   titlul din meniul lateral; textul lung iesea din meniul ascuns peste antet. Il tinem in meniu. */
html[data-pagina="comenzi-noua"] aside[data-sidebar] .flex.items-center.space-x-3 { flex: 1 1 auto; min-width: 0; }
html[data-pagina="comenzi-noua"] aside[data-sidebar] [data-brand-nume] + p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-pagina="comenzi-noua"] aside[data-sidebar] [data-sidebar-close] { flex: none; }

/* antetul la editare: Export A5 / A4 / Sablon pe un rand sub titlu */
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child:has([data-export]) { flex-wrap: wrap !important; }
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child > .flex.items-center.gap-2:has([data-export]) {
  flex-direction: row !important;
  width: 100%;
}
html[data-pagina="comenzi-noua"] main .space-y-6 > .flex.flex-col:first-child > .flex.items-center.gap-2:has([data-export]) > button { flex: 1 1 0; min-width: 0; padding: 0 8px !important; }

/* bara de salvare la editare: PDF A5 / A4 pe primul rand, Anuleaza / Salveaza pe al doilea */
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div:has([data-export]) { flex-wrap: wrap !important; }
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div:has([data-export]) > .flex:first-child { width: 100%; }
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div:has([data-export]) { row-gap: 6px !important; padding: 6px 8px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div:has([data-export]) > .flex:first-child > button { flex: 1 1 0; height: 34px !important; }
html[data-pagina="comenzi-noua"] #orderForm > .sticky > div:has([data-export]) > .flex:last-child { width: 100%; }

/* atribuirea pe tehnicieni: tinte de atingere mai mari */
html[data-pagina="comenzi-noua"] [data-action="remove-tech"] {
  width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center;
}
html[data-pagina="comenzi-noua"] [data-action="toggle-tech"] { padding: 8px 10px !important; }
html[data-pagina="comenzi-noua"] [data-action="toggle-tech"] .w-9.h-9 { width: 32px !important; height: 32px !important; }
html[data-pagina="comenzi-noua"] [data-action="toggle-manopera"] { min-height: 36px; }
html[data-pagina="comenzi-noua"] [data-action^="panel-toggle-"] { padding: 10px 12px !important; }
html[data-pagina="comenzi-noua"] [data-action^="panel-toggle-"] h4 { font-size: 14px !important; }
html[data-pagina="comenzi-noua"] [data-action^="panel-toggle-"] + .grid .px-4 { padding-left: 12px !important; padding-right: 12px !important; padding-bottom: 12px !important; }

/* ===== dashboard-calendar.css ===== */
/* telefon - dashboard, calendar, probe (doar sub 768px) */

/* =========================== DASHBOARD =========================== */
/* antet: iconita mai mica, subtitlul pe un rand */
html[data-pagina="dashboard"] main h1 + p {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html[data-pagina="dashboard"] main .animate-fade-in > div:first-child { gap: 10px !important; }
html[data-pagina="dashboard"] main .animate-fade-in > div:first-child > div:first-child > div:first-child {
  width: 40px !important; height: 40px !important; border-radius: 12px !important;
}
html[data-pagina="dashboard"] main .animate-fade-in > div:first-child > div:first-child > div:first-child i,
html[data-pagina="dashboard"] main .animate-fade-in > div:first-child > div:first-child > div:first-child svg {
  width: 20px !important; height: 20px !important;
}
/* ceasul si „Comanda noua” pe acelasi rand */
html[data-pagina="dashboard"] main .animate-fade-in > div:first-child > div:last-child {
  flex-wrap: nowrap !important; gap: 8px !important;
}
html[data-pagina="dashboard"] .iq-ceas {
  flex: 1 1 auto !important; min-width: 0; height: 48px; padding: 0 10px 0 6px; gap: 8px; border-radius: 14px;
}
html[data-pagina="dashboard"] .iq-ceas-cadran { width: 34px; height: 34px; }
html[data-pagina="dashboard"] .iq-ceas-ora { font-size: 18px; }
html[data-pagina="dashboard"] .iq-ceas-s { font-size: 11px; margin-left: 2px; }
html[data-pagina="dashboard"] .iq-ceas-zi { font-size: 11.5px; margin-top: 3px; }
html[data-pagina="dashboard"] main .animate-fade-in > div:first-child a[href="comenzi-noua.php"] {
  flex: 0 0 auto !important; height: 48px !important; padding: 0 14px !important; border-radius: 14px !important;
  font-size: 13px !important; gap: 6px !important;
}

/* KPI: trei placute pe un rand (iconita sus, cifra, eticheta) */
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 > div {
  padding: 10px 10px 11px !important; border-radius: 14px !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 > div > .relative {
  flex-direction: column; align-items: flex-start !important; gap: 8px !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 > div .w-11 {
  width: 30px !important; height: 30px !important; border-radius: 9px !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 > div .w-11 i,
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 > div .w-11 svg { width: 16px !important; height: 16px !important; }
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 > div .min-w-0 { width: 100%; }
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 p.text-2xl { font-size: 20px !important; }
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 p.text-sm {
  font-size: 12px !important; line-height: 1.25; margin-top: 3px !important;
  white-space: normal !important; overflow: visible !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

/* Acces rapid: grila 2 coloane cu placute compacte */
html[data-pagina="dashboard"] main h2.text-lg { font-size: 15px !important; }
html[data-pagina="dashboard"] main div:has(> h2.text-lg).mb-4 { margin-bottom: 8px !important; }
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a {
  padding: 11px !important; border-radius: 14px !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a > div {
  display: grid !important; grid-template-columns: 32px 1fr; grid-template-rows: auto auto;
  column-gap: 8px !important; row-gap: 6px; align-items: center !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a .w-12 {
  width: 32px !important; height: 32px !important; border-radius: 10px !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a .w-12 i,
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a .w-12 svg { width: 17px !important; height: 17px !important; }
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a .min-w-0 { display: contents; }
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a h3 {
  font-size: 13.5px !important; line-height: 1.2 !important;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a p {
  grid-column: 1 / -1; font-size: 12px !important; line-height: 1.3 !important; margin: 0 !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a > div > i,
html[data-pagina="dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2 > a > div > svg { display: none; } /* sageata decorativa */

/* Livrari in 7 zile + Activitate: carduri cu margini mici */
html[data-pagina="dashboard"] main .p-5.md\:p-6 { padding: 12px !important; border-radius: 16px !important; }
html[data-pagina="dashboard"] main .p-5.md\:p-6 > div:first-child { margin-bottom: 10px !important; }
html[data-pagina="dashboard"] main .p-5.md\:p-6 h2 i, html[data-pagina="dashboard"] main .p-5.md\:p-6 h2 svg { width: 17px !important; height: 17px !important; }
html[data-pagina="dashboard"] .lv-zile { margin: 0 -12px !important; padding: 0 12px 4px !important; gap: 8px !important; scroll-padding: 0 12px; scrollbar-width: none; }
html[data-pagina="dashboard"] .lv-zile::-webkit-scrollbar { display: none; }
html[data-pagina="dashboard"] .lv-zi { flex: 0 0 132px !important; min-height: 0 !important; padding: 10px !important; border-radius: 13px !important; }
html[data-pagina="dashboard"] .lv-cap { margin-bottom: 6px !important; }
html[data-pagina="dashboard"] .lv-data { font-size: 17px !important; }
html[data-pagina="dashboard"] .lv-gol { padding: 6px 0 !important; min-height: 54px; }
html[data-pagina="dashboard"] .lv-gol svg, html[data-pagina="dashboard"] .lv-gol i { width: 18px !important; height: 18px !important; }
html[data-pagina="dashboard"] #activitate > * { padding-top: 9px !important; padding-bottom: 9px !important; }

/* ============================ CALENDAR ============================ */
html[data-pagina="calendar"] main .min-h-screen { min-height: 0 !important; }
html[data-pagina="calendar"] main .max-w-\[1800px\] > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="calendar"] #viewSwitch { padding: 3px !important; border-radius: 12px !important; }
html[data-pagina="calendar"] #viewSwitch > button { height: 32px !important; padding: 0 6px !important; font-size: 12.5px !important; }
html[data-pagina="calendar"] #filterToggleBtn { height: 40px !important; width: 40px !important; }
/* bara de navigare: sageti + eticheta + nr evenimente pe un rand */
html[data-pagina="calendar"] main .rounded-2xl.overflow-hidden > div:first-child { padding: 8px 10px !important; gap: 6px !important; }
html[data-pagina="calendar"] #navPrev, html[data-pagina="calendar"] #navNext { height: 34px !important; width: 34px !important; }
html[data-pagina="calendar"] #navToday { height: 34px !important; padding: 0 10px !important; }
html[data-pagina="calendar"] #periodLabel { font-size: 13px !important; padding: 0 2px !important; }
/* scurtaturile Astazi / Ultima luna: pastile mici */
html[data-pagina="calendar"] main .sm\:hidden.flex.gap-2 { padding: 6px 10px !important; gap: 6px !important; }
html[data-pagina="calendar"] #rangeTodayMobile, html[data-pagina="calendar"] #rangeMonthMobile {
  flex: 0 0 auto !important; height: 30px; padding: 0 14px !important; border-radius: 999px !important;
}
/* saptamana pe telefon: cele 7 zile incap toate pe ecran (fara derulare) */
html[data-pagina="calendar"] #calBody .md\:hidden > .overflow-x-auto:has(> button[data-nav-day]:nth-child(7):last-child) {
  display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px !important;
  padding: 8px 6px !important; overflow: visible !important;
}
html[data-pagina="calendar"] #calBody .md\:hidden > .overflow-x-auto:has(> button[data-nav-day]:nth-child(7):last-child) > button {
  min-width: 0 !important; padding: 7px 0 !important; gap: 3px !important;
}
html[data-pagina="calendar"] #calBody .md\:hidden > .overflow-x-auto > button[data-nav-day] span:first-child { font-size: 10px !important; letter-spacing: 0; }
html[data-pagina="calendar"] #calBody .md\:hidden > .overflow-x-auto > button[data-nav-day] span:last-child { font-size: 10px !important; white-space: nowrap; }
/* foaia de filtre */
html[data-pagina="calendar"] #mobileFilterSheet > .fixed.inset-x-0 { padding: 16px 14px calc(16px + env(safe-area-inset-bottom)) !important; border-radius: 20px 20px 0 0 !important; }
html[data-pagina="calendar"] #mobileFilterSheet h2 { font-size: 16px !important; text-align: left !important; }
html[data-pagina="calendar"] #mobileFilterSheet .mb-4 { margin-bottom: 10px !important; }

/* ============================= PROBE ============================= */
/* antet: titlul si „Inapoi” pe un rand */
html[data-pagina="probe"] main .space-y-8 > div:first-child { align-items: center !important; gap: 10px; }
html[data-pagina="probe"] main .space-y-8 > div:first-child .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 2px !important; }
html[data-pagina="probe"] main .space-y-8 > div:first-child > a { height: 36px !important; padding: 0 12px !important; flex-shrink: 0; }
html[data-pagina="probe"] #probeForm.space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 14px !important; }
html[data-pagina="probe"] #probeForm .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="probe"] #probeForm .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 5px !important; }
/* datele si orele cate doua pe rand */
html[data-pagina="probe"] #probeForm .grid.grid-cols-1.md\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important;
}
html[data-pagina="probe"] #probeForm input[type="time"] { width: 100% !important; display: block; }
/* Cauta + Programeaza proba alaturate */
html[data-pagina="probe"] #probeForm .grid.grid-cols-1.sm\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
}
html[data-pagina="probe"] #probeForm .grid.grid-cols-1.sm\:grid-cols-2 > button { height: 42px !important; padding: 0 8px !important; }
/* lista: titlul pe tot randul, data + starea dedesubt */
html[data-pagina="probe"] main .glass-surface { padding: 14px !important; }
html[data-pagina="probe"] main .glass-surface.mt-6 { margin-top: 12px !important; }
/* „Cauta”: .glass-btn ii acoperea gradientul (text alb pe alb) */
html[data-pagina="probe"] #submitBtn { background-image: linear-gradient(to right, #06b6d4, #0891b2) !important; color: #fff !important; }
html[data-pagina="probe"] main .glass-surface .mb-4 { margin-bottom: 10px !important; }
html[data-pagina="probe"] #probeResults > div { padding: 10px 12px !important; gap: 4px 10px !important; align-items: center; }
html[data-pagina="probe"] #probeResults > div > .min-w-0.flex-1 { flex: 1 1 calc(100% - 22px) !important; }
html[data-pagina="probe"] #probeResults > div > .whitespace-nowrap { margin-left: 20px; }
html[data-pagina="probe"] #probeResults > div > span:last-child { margin-left: auto; }
html[data-pagina="probe"] #probeResults p.truncate:first-child { white-space: normal !important; }

/* ===== rapoarte-plati-tehnicieni.css ===== */
/* telefon - Raport Clienti, Grafice incasari, Manopere tehnicieni, Detalii tehnician
   (se incarca doar sub 768px; fiecare regula e legata de pagina ei prin data-pagina) */

/* ---------------------------------------------------------------------
   comun: iconita de calendar din campurile de data
   styles.css (@media pointer:coarse) le pune position:relative ca sa le
   mareasca zona de atingere, asa ca pe telefon cadeau SUB camp. Raman
   absolute, cu aceeasi zona de atingere (::after de 40px din styles.css).
   --------------------------------------------------------------------- */
html[data-pagina="plati"] [data-cal-toggle].absolute,
html[data-pagina="rapoarte-lunar"] [data-cal-toggle].absolute,
html[data-pagina="rapoarte-lunar"] [data-date-toggle].absolute,
html[data-pagina="tehnician-detaliu"] [data-cal-toggle].absolute,
html[data-pagina="tehnicieni"] [data-cal-toggle].absolute { position: absolute !important; }

/* =====================================================================
   GRAFICE INCASARI (plati.php)
   ===================================================================== */
html[data-pagina="plati"] main .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html[data-pagina="plati"] #addPaymentBtn { width: 40px; height: 40px; padding: 0; border-radius: 12px; }

/* situatia incasarilor: cele 3 cifre pe un rand */
html[data-pagina="plati"] #situatieIncasari { padding: 12px 14px !important; }
html[data-pagina="plati"] #situatieIncasari h2 { font-size: 14px !important; margin-bottom: 8px !important; gap: 8px !important; }
html[data-pagina="plati"] #situatieIncasari h2 svg { width: 16px !important; height: 16px !important; }
html[data-pagina="plati"] #situatieIncasari > .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html[data-pagina="plati"] #situatieIncasari > .grid > div { min-width: 0; }
html[data-pagina="plati"] #situatieIncasari > .grid p.text-xs { font-size: 11px !important; line-height: 1.25; min-height: 2.5em; }
html[data-pagina="plati"] #situatieIncasari > .grid p.text-2xl {
  font-size: 15px !important; line-height: 1.2 !important; margin-top: 2px !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html[data-pagina="plati"] #situatieIncasari > .grid > div + div { border-left: 1px solid rgba(148,163,184,.25); padding-left: 8px; }

/* filtrele: datele pe un rand, cabinetul + cautare (iconita) pe al doilea */
html[data-pagina="plati"] main .glass-surface.relative.z-30 { padding: 12px !important; }
html[data-pagina="plati"] main .glass-surface.relative.z-30 > .flex { gap: 10px !important; }
html[data-pagina="plati"] main .glass-surface.relative.z-30 .grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px !important;
  gap: 8px !important;
}
html[data-pagina="plati"] main .glass-surface.relative.z-30 .grid > :nth-child(1) { grid-column: 1; }
html[data-pagina="plati"] main .glass-surface.relative.z-30 .grid > :nth-child(2) { grid-column: 2 / span 2; }
html[data-pagina="plati"] main .glass-surface.relative.z-30 .grid > :nth-child(3) { grid-column: 1 / span 2 !important; }
html[data-pagina="plati"] main .glass-surface.relative.z-30 .grid > [data-search] {
  grid-column: 3 !important;
  align-self: end;
  width: 44px; height: 40px !important; padding: 0 !important;
  font-size: 0 !important; gap: 0 !important; border-radius: 12px;
}
html[data-pagina="plati"] main .glass-surface.relative.z-30 .grid > [data-search] svg { width: 18px !important; height: 18px !important; }
html[data-pagina="plati"] main .glass-surface.relative.z-30 .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 4px !important; }
html[data-pagina="plati"] main .glass-surface.relative.z-30 label { font-size: 10.5px !important; }
html[data-pagina="plati"] [data-dateinput] input { padding-right: 34px !important; }
/* butoanele rapide: un rand care se deruleaza */
html[data-pagina="plati"] main .flex.flex-wrap:has(> [data-quick]) {
  flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; gap: 6px !important;
  margin: 0 -12px; padding: 0 12px 2px;
}
html[data-pagina="plati"] main .flex.flex-wrap:has(> [data-quick])::-webkit-scrollbar { display: none; }
html[data-pagina="plati"] main .flex.flex-wrap:has(> [data-quick]) > * { flex: 0 0 auto; }
html[data-pagina="plati"] [data-quick], html[data-pagina="plati"] [data-reset] { height: 32px !important; border-radius: 999px !important; padding: 0 12px !important; }

/* KPI: totalul si cele 3 cifre */
html[data-pagina="plati"] main .grid.lg\:grid-cols-3 { gap: 8px !important; }
html[data-pagina="plati"] main .grid.lg\:grid-cols-3 > div:first-child { padding: 12px 14px !important; border-radius: 16px !important; }
html[data-pagina="plati"] main .grid.lg\:grid-cols-3 > div:first-child p.text-3xl { font-size: 24px !important; margin-top: 2px !important; }
html[data-pagina="plati"] main .grid.lg\:grid-cols-3 > .glass-surface { padding: 10px 12px !important; gap: 8px !important; }
html[data-pagina="plati"] main .grid.lg\:grid-cols-3 > .glass-surface { align-items: start !important; }
html[data-pagina="plati"] main .grid.lg\:grid-cols-3 > .glass-surface p.uppercase {
  font-size: 10.5px !important; letter-spacing: .02em !important; gap: 4px !important; align-items: flex-start !important;
  min-height: 2.5em;
}
html[data-pagina="plati"] main .grid.lg\:grid-cols-3 > .glass-surface p.uppercase svg { width: 12px !important; height: 12px !important; flex: none; }
html[data-pagina="plati"] main .grid.lg\:grid-cols-3 > .glass-surface p.text-xl { font-size: 17px !important; margin-top: 2px !important; }

/* graficele */
html[data-pagina="plati"] main .glass-surface:has([data-chart]) { padding: 12px !important; }
html[data-pagina="plati"] main .glass-surface:has([data-chart]) > .flex:first-child { margin-bottom: 6px !important; }
html[data-pagina="plati"] main .glass-surface:has([data-chart]) h2 { font-size: 14px !important; }
html[data-pagina="plati"] main .glass-surface:has([data-chart]) p.text-lg { font-size: 15px !important; }
html[data-pagina="plati"] main .grid.lg\:grid-cols-2 { gap: 12px !important; }

/* lista platilor */
html[data-pagina="plati"] main .glass-surface:has([data-mobile-body]) > .flex:first-child {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 6px !important;
  padding: 10px 12px !important;
}
html[data-pagina="plati"] [data-achitat] { width: 100%; padding: 0 8px !important; }
html[data-pagina="plati"] [data-export] { grid-column: 1 / -1; margin-left: 0 !important; justify-content: center; height: 34px !important; }
html[data-pagina="plati"] [data-mobile-body] { margin-top: 0 !important; }
html[data-pagina="plati"] [data-mobile-body] > div.p-4 { padding: 10px 12px !important; }
html[data-pagina="plati"] [data-mobile-body] > div.p-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 6px !important; }
html[data-pagina="plati"] [data-mobile-body] > div .text-right {
  display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; column-gap: 3px; max-width: 42%;
}
html[data-pagina="plati"] [data-mobile-body] > div .text-right > p:nth-child(3) { flex-basis: 100%; margin-top: 0 !important; }
html[data-pagina="plati"] [data-mobile-body] .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 4px !important; }
html[data-pagina="plati"] [data-mobile-body] .space-y-2 > div { padding: 6px 8px !important; }

/* fereastra „Inregistreaza o plata” */
html[data-pagina="plati"] #paymentModal > div.relative { border-radius: 20px 20px 0 0 !important; max-height: calc(100dvh - 24px) !important; }
html[data-pagina="plati"] #paymentModal .p-5 { padding: 14px !important; }
html[data-pagina="plati"] #paymentModal form { gap: 0; }
html[data-pagina="plati"] #paymentModal form.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html[data-pagina="plati"] #paymentModal h3 { font-size: 16px !important; }
html[data-pagina="plati"] #paymentModal input, html[data-pagina="plati"] #paymentModal select { height: 42px !important; }
html[data-pagina="plati"] #paymentModal form > .flex:last-child { display: grid; grid-template-columns: 1fr 1.4fr; }
html[data-pagina="plati"] #paymentModal form > .flex:last-child > button { height: 44px; }

/* =====================================================================
   RAPORT CLIENTI (rapoarte-lunar.php)
   ===================================================================== */
html[data-pagina="rapoarte-lunar"] main .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html[data-pagina="rapoarte-lunar"] main .relative.z-30.rounded-2xl { padding: 12px !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded h2 { font-size: 15px !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded > .flex:first-child > div:first-child { width: 28px; height: 28px; }

/* cabinet / medic / pacient / lucrare: eticheta in stanga, campul in dreapta */
html[data-pagina="rapoarte-lunar"] #formExpanded > .grid { gap: 8px !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded > .grid > .space-y-1\.5 {
  display: grid; grid-template-columns: 68px minmax(0, 1fr); align-items: center; column-gap: 8px;
}
html[data-pagina="rapoarte-lunar"] #formExpanded > .grid > .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0 !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded > .grid label { font-size: 12.5px !important; font-weight: 600 !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded [data-select] > button > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* datele + filtrele rapide + Cauta */
html[data-pagina="rapoarte-lunar"] #formExpanded > .flex.flex-col { gap: 10px !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded > .flex.flex-col > .grid { gap: 8px !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded > .flex.flex-col > .grid .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 4px !important; }
html[data-pagina="rapoarte-lunar"] #formExpanded > .flex.flex-col > .grid label { font-size: 12px !important; }
html[data-pagina="rapoarte-lunar"] [data-dateinput] input { padding-right: 34px !important; }
html[data-pagina="rapoarte-lunar"] main .flex.flex-wrap:has(> [data-filtru]) {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 6px !important;
  margin: 0 !important; padding: 0 !important;
  overflow: visible !important;
  -webkit-mask-image: none !important; mask-image: none !important;
  min-height: 0 !important;
}
html[data-pagina="rapoarte-lunar"] main .flex.flex-wrap:has(> [data-filtru]) > [data-filtru] {
  height: 34px !important; width: 100%; font-size: 13px !important; padding: 0 8px !important; border-radius: 10px !important;
}
html[data-pagina="rapoarte-lunar"] #cautaBtn { height: 42px; width: 100%; }

/* rezultatele */
html[data-pagina="rapoarte-lunar"] #resultsSection .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="rapoarte-lunar"] #resultsSection h2 { font-size: 16px !important; }
html[data-pagina="rapoarte-lunar"] #closeResultsBtn { height: 34px !important; padding: 0 10px !important; }
html[data-pagina="rapoarte-lunar"] #totalBar > .grid { gap: 8px !important; }
html[data-pagina="rapoarte-lunar"] #totalBar > .grid > div:first-child { padding: 12px 14px !important; border-radius: 16px !important; }
html[data-pagina="rapoarte-lunar"] #totalBar > .grid > div:first-child p.text-3xl { font-size: 24px !important; margin-top: 2px !important; }
html[data-pagina="rapoarte-lunar"] #totalBar > .grid > div:nth-child(2) { padding: 10px 12px !important; gap: 8px 10px !important; }
html[data-pagina="rapoarte-lunar"] #totalBar > .grid > div:nth-child(2) p.uppercase { font-size: 10.5px !important; letter-spacing: .03em !important; }
html[data-pagina="rapoarte-lunar"] #totalBar > .grid > div:nth-child(2) p.text-xl { font-size: 16px !important; margin-top: 2px !important; }

/* bara de cautare / filtre / export a tabelului */
html[data-pagina="rapoarte-lunar"] #resultsSection .glass-card > .p-3 { padding: 10px 12px !important; }
html[data-pagina="rapoarte-lunar"] #resultsSection .glass-card > .p-3 > .flex { gap: 8px !important; }
html[data-pagina="rapoarte-lunar"] #resultsSection .glass-card > .p-3 > .flex > .flex:last-child { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
html[data-pagina="rapoarte-lunar"] #exportPdf, html[data-pagina="rapoarte-lunar"] #exportExcel { height: 34px !important; width: 100%; }
html[data-pagina="rapoarte-lunar"] [data-status-filter] { height: 30px; padding: 0 10px !important; font-size: 12px !important; border-radius: 999px !important; }

/* cardul unei fise: data stanga, totalul fisei dreapta, pe acelasi rand */
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 6px;
  padding: 10px 12px !important;
}
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > * { margin-top: 0 !important; }
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > :nth-child(1),
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > :nth-child(2) { grid-column: 1 / -1; }
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > :nth-child(3) { grid-column: 2; grid-row: 3; gap: 6px; justify-content: flex-end; }
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > :nth-child(4) { grid-column: 1; grid-row: 3; align-self: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > :nth-child(3) > span:first-child { font-size: 10.5px !important; }
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > :nth-child(1) > div:last-child { gap: 4px !important; }
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 4px !important; }
html[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > :nth-child(2) {
  background: rgba(148,163,184,.08); border-radius: 10px; padding: 6px 8px;
}
html.dark[data-pagina="rapoarte-lunar"] #tableWrap > .md\:hidden > [data-fisa] > :nth-child(2) { background: rgba(255,255,255,.035); }

/* paginarea */
html[data-pagina="rapoarte-lunar"] #paginationWrap > div { padding: 10px 12px !important; gap: 6px; }
html[data-pagina="rapoarte-lunar"] #paginationWrap > div > div { gap: 2px !important; }
html[data-pagina="rapoarte-lunar"] #paginationWrap [data-page] { min-width: 30px !important; height: 32px !important; }
html[data-pagina="rapoarte-lunar"] #paginationWrap [data-nav] { padding: 4px !important; min-width: 28px; height: 32px; }

/* =====================================================================
   MANOPERE TEHNICIENI (tehnicieni.php)
   ===================================================================== */
html[data-pagina="tehnicieni"] main .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }

/* sumarul: cele 3 carduri pe un singur rand */
html[data-pagina="tehnicieni"] #sumarTehnicieni { grid-template-columns: 1.25fr 1fr 1fr !important; gap: 8px !important; }
html[data-pagina="tehnicieni"] #sumarTehnicieni > * { grid-column: auto !important; min-width: 0; padding: 10px 12px !important; border-radius: 16px !important; }
html[data-pagina="tehnicieni"] #sumarTehnicieni p.uppercase { font-size: 10.5px !important; letter-spacing: .03em !important; gap: 4px !important; }
html[data-pagina="tehnicieni"] #sumarTehnicieni p.uppercase svg { width: 12px !important; height: 12px !important; flex: none; }
html[data-pagina="tehnicieni"] #sumarTehnicieni p.text-2xl { font-size: 20px !important; margin-top: 2px !important; }
html[data-pagina="tehnicieni"] #sumarTehnicieni > :first-child p:last-child { font-size: 11px !important; }

/* cardul unui tehnician: nume + pastile pe primul rand, perioada, apoi butonul */
html[data-pagina="tehnicieni"] #techCards.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 8px !important; }
html[data-pagina="tehnicieni"] #techCards > .glass-surface {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; row-gap: 10px;
  padding: 12px !important; align-items: center;
}
html[data-pagina="tehnicieni"] #techCards > .glass-surface > * { margin: 0 !important; }
html[data-pagina="tehnicieni"] #techCards > .glass-surface > :nth-child(1) { grid-column: 1; grid-row: 1; gap: 10px !important; }
html[data-pagina="tehnicieni"] #techCards > .glass-surface > :nth-child(1) > div:first-child { width: 38px !important; height: 38px !important; font-size: 13px; }
html[data-pagina="tehnicieni"] #techCards > .glass-surface > :nth-child(1) p.font-semibold { font-size: 15px; }
html[data-pagina="tehnicieni"] #techCards > .glass-surface > :nth-child(2) {
  grid-column: 2; grid-row: 1; flex-direction: column; align-items: flex-end; gap: 4px !important;
}
html[data-pagina="tehnicieni"] #techCards > .glass-surface > :nth-child(2) > span { height: 24px !important; padding: 0 8px !important; font-size: 12px !important; }
html[data-pagina="tehnicieni"] #techCards > .glass-surface > :nth-child(3) { grid-column: 1 / -1; gap: 8px !important; }
html[data-pagina="tehnicieni"] #techCards > .glass-surface > :nth-child(3) input { height: 38px !important; padding-right: 32px !important; }
html[data-pagina="tehnicieni"] #techCards > .glass-surface > :nth-child(n+4) { grid-column: 1 / -1; height: 38px !important; }

/* =====================================================================
   DETALII TEHNICIAN (tehnician-detaliu.php)
   ===================================================================== */
html[data-pagina="tehnician-detaliu"] #page-root > .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="tehnician-detaliu"] #page-root > .space-y-4 > a:first-child { font-size: 13px; }

/* profilul + valoarea totala */
html[data-pagina="tehnician-detaliu"] #page-root .grid.lg\:grid-cols-3 { gap: 8px !important; }
html[data-pagina="tehnician-detaliu"] #page-root .grid.lg\:grid-cols-3 > .glass-surface { padding: 12px !important; gap: 12px !important; }
html[data-pagina="tehnician-detaliu"] #page-root .grid.lg\:grid-cols-3 > .glass-surface > div:first-child { width: 44px !important; height: 44px !important; font-size: 16px !important; border-radius: 14px !important; }
html[data-pagina="tehnician-detaliu"] #page-root .grid.lg\:grid-cols-3 > .glass-surface h1 { font-size: 19px !important; }
html[data-pagina="tehnician-detaliu"] #page-root .grid.lg\:grid-cols-3 > .glass-surface .mt-1\.5 { margin-top: 4px !important; }
html[data-pagina="tehnician-detaliu"] #page-root .grid.lg\:grid-cols-3 > .glass-surface .mt-1\.5 > span { padding: 2px 8px !important; }
html[data-pagina="tehnician-detaliu"] #page-root .grid.lg\:grid-cols-3 > div:last-child:not(.glass-surface) { padding: 12px 14px !important; border-radius: 16px !important; }
html[data-pagina="tehnician-detaliu"] #totalValue { font-size: 24px !important; margin-top: 2px !important; }

/* filtrele: eticheta mica in stanga, optiunile pe acelasi rand */
html[data-pagina="tehnician-detaliu"] #page-root > .space-y-4 > .glass-surface { padding: 12px !important; }
html[data-pagina="tehnician-detaliu"] #page-root span.uppercase[style*="rgba(13,162,231,.12)"] {
  background: transparent !important; padding: 0 !important; height: auto !important;
  width: 64px; flex: 0 0 64px; margin-right: 0 !important;
  font-size: 10.5px !important; letter-spacing: .03em !important; gap: 4px !important; white-space: normal; line-height: 1.15;
}
html[data-pagina="tehnician-detaliu"] #page-root span.uppercase[style*="rgba(13,162,231,.12)"] svg { display: none; }   /* iconita e doar decor */
/* perioada */
html[data-pagina="tehnician-detaliu"] #page-root .glass-surface > .flex.flex-wrap.mb-3 { flex-wrap: nowrap !important; gap: 6px !important; margin-bottom: 8px !important; }
html[data-pagina="tehnician-detaliu"] #page-root .glass-surface > .flex.flex-wrap.mb-3 > div { flex: 1; min-width: 0; gap: 4px !important; }
html[data-pagina="tehnician-detaliu"] #dateFrom, html[data-pagina="tehnician-detaliu"] #dateTo { width: auto !important; max-width: none !important; flex: 1 1 0; min-width: 0; }
html[data-pagina="tehnician-detaliu"] #dateFrom input, html[data-pagina="tehnician-detaliu"] #dateTo input { height: 38px !important; padding-left: 8px !important; padding-right: 28px !important; }
html[data-pagina="tehnician-detaliu"] #dateFrom button, html[data-pagina="tehnician-detaliu"] #dateTo button { right: 6px !important; }
html[data-pagina="tehnician-detaliu"] [data-clear-dates] { width: 32px !important; height: 32px !important; flex: none; }
/* status / plata */
html[data-pagina="tehnician-detaliu"] #page-root .glass-surface > .flex.flex-col.pb-4 { gap: 8px !important; padding-bottom: 10px !important; margin-bottom: 10px !important; }
html[data-pagina="tehnician-detaliu"] #page-root .glass-surface > .flex.flex-col.pb-4 > .flex-wrap { flex-wrap: nowrap !important; gap: 6px !important; }
html[data-pagina="tehnician-detaliu"] #statusFilters, html[data-pagina="tehnician-detaliu"] #payFilters {
  flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; min-width: 0; gap: 5px !important;
}
html[data-pagina="tehnician-detaliu"] #statusFilters::-webkit-scrollbar, html[data-pagina="tehnician-detaliu"] #payFilters::-webkit-scrollbar { display: none; }
html[data-pagina="tehnician-detaliu"] .td-chip { flex: 0 0 auto; height: 32px; padding: 0 11px; }
/* export: doua butoane egale */
html[data-pagina="tehnician-detaliu"] #page-root .glass-surface > .flex.flex-col.pb-4 > .flex:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 6px !important; }
html[data-pagina="tehnician-detaliu"] [data-export] { height: 36px !important; }

/* sumarul: 3 cifre pe un rand */
html[data-pagina="tehnician-detaliu"] #summaryRow { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px !important; margin-bottom: 10px !important; }
html[data-pagina="tehnician-detaliu"] #summaryRow > div { display: block !important; padding: 8px 10px !important; border-radius: 12px !important; min-width: 0; }
html[data-pagina="tehnician-detaliu"] #summaryRow > div > p:first-child { font-size: 10.5px !important; line-height: 1.2; letter-spacing: .02em !important; min-height: 2.4em; }
html[data-pagina="tehnician-detaliu"] #summaryRow > div > p:last-child { font-size: 16px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-pagina="tehnician-detaliu"] #summaryRow > div > p:last-child span { font-size: 11px !important; }

/* selectia: bara ramane lipita sus (sub antet) cat timp derulezi fisele */
html[data-pagina="tehnician-detaliu"] #selectionBar { position: sticky; top: 70px; z-index: 20; }
/* glass-surface are overflow:hidden, care ar opri lipirea; clip taie la fel, dar nu blocheaza sticky */
html[data-pagina="tehnician-detaliu"] #page-root .glass-surface:has(#selectionBar) { overflow: visible !important; overflow: clip !important; }
html[data-pagina="tehnician-detaliu"] #selectionBar > div {
  flex-direction: row !important; align-items: center !important; flex-wrap: wrap;
  padding: 8px 10px !important; gap: 8px !important; margin-bottom: 10px !important;
  background: rgba(236, 254, 255, .96) !important;
  box-shadow: 0 10px 24px -12px rgba(13,162,231,.55);
}
html.dark[data-pagina="tehnician-detaliu"] #selectionBar > div { background: rgba(14, 40, 52, .96) !important; }
html[data-pagina="tehnician-detaliu"] #selectionBar > div > div:first-child { flex: 1 1 100%; font-size: 13px; }
html[data-pagina="tehnician-detaliu"] #selectionBar > div > div:last-child { flex: 1; display: grid; grid-template-columns: auto 1fr; }
html[data-pagina="tehnician-detaliu"] #selectionBar [data-mark-paid] { justify-content: center; height: 38px; white-space: nowrap; font-size: 13px; padding: 0 10px; }
html[data-pagina="tehnician-detaliu"] #selectionBar [data-clear-sel] { height: 38px; }

html[data-pagina="tehnician-detaliu"] [data-select-all] { padding: 9px 12px !important; margin-bottom: 10px !important; gap: 10px !important; border-radius: 14px !important; }
html[data-pagina="tehnician-detaliu"] [data-select-all] .text-sm { font-size: 13px !important; }
html[data-pagina="tehnician-detaliu"] [data-select-all] .text-xs { font-size: 11.5px !important; }

/* fisele: mai putin aer, fara umbra (stau deja intr-un card) */
html[data-pagina="tehnician-detaliu"] #listaFise.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 8px !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa { border-radius: 14px !important; box-shadow: none !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa > div:first-child { padding: 8px 10px !important; gap: 10px !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa > div:first-child > div:nth-child(2) { gap: 2px !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa > div:first-child > div:nth-child(2) > div:last-child { gap: 2px 10px !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa > div:last-child { padding: 6px 10px 8px !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa .pl-8 { padding-left: 0 !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa .mt-3 { margin-top: 6px !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa .grid.py-2 { padding-top: 5px !important; padding-bottom: 5px !important; column-gap: 8px !important; row-gap: 4px !important; grid-template-columns: minmax(0, 1fr) auto !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa .grid.py-2 > :first-child:empty { display: none; }
html[data-pagina="tehnician-detaliu"] .td-fisa .grid.py-2 > .col-start-2 { grid-column: 1 / -1 !important; gap: 6px !important; }
html[data-pagina="tehnician-detaliu"] .td-fisa .grid.py-2 > .col-start-2 span { font-size: 11.5px; }
html[data-pagina="tehnician-detaliu"] .td-fisa .grid.py-2 > .col-start-2 > div > * { padding-top: 2px !important; padding-bottom: 2px !important; }

/* ===== admin.css ===== */
/* telefon - admin (Panoul Admin, sectiunile si ferestrele lui)
   Totul e sub html[data-pagina="admin"]; fisierul se incarca doar sub 768px. */

/* ---------- bara albastra de sus ---------- */
html[data-pagina="admin"] .admin-strat > div > div:first-child {
  gap: 8px !important;
  padding: 10px 12px !important;
  padding-top: max(10px, env(safe-area-inset-top)) !important;
}
html[data-pagina="admin"] .admin-strat h1 {
  font-size: 17px !important;
  line-height: 1.2 !important;
}

/* ---------- meniul de sectiuni (sertar din stanga) ---------- */
html[data-pagina="admin"] #adminAside {
  width: min(78vw, 264px) !important;
  padding: 14px 10px 16px !important;
  overflow-y: auto;
  box-shadow: 8px 0 30px rgba(15, 23, 42, .14);
  background: rgba(255, 255, 255, .97) !important;   /* pe desktop e translucid; peste continut nu se mai citea */
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
html[data-pagina="admin"] #adminAside [data-tab] {
  min-height: 42px;
  font-size: 14px !important;
}

/* ---------- zona de continut ---------- */
html[data-pagina="admin"] #adminAside ~ main {
  padding: 12px 12px calc(96px + env(safe-area-inset-bottom)) !important;
}
/* titlul sectiunii */
html[data-pagina="admin"] #adminAside ~ main > div > div:first-child {
  margin-bottom: 10px !important;
  gap: 10px !important;
}
html[data-pagina="admin"] #activeTabLabel { font-size: 17px !important; }

/* cardul alb din jurul listei: pe telefon dispare, randurile stau direct pe fundal
   (altfel erau doua randuri de margini si numele nu mai incapeau) */
html[data-pagina="admin"] #adminAside ~ main div:has(> #tabContent) {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html[data-pagina="admin"] #tabContent > .space-y-3 > :not([hidden]) ~ :not([hidden]),
html[data-pagina="admin"] #tabContent > .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="admin"] #tabContent .gap-5 { gap: 14px !important; }

/* bara de cautare + butoanele de adaugare */
html[data-pagina="admin"] #tabContent > div > div:first-child.flex.items-center { gap: 8px !important; }
html[data-pagina="admin"] #tabContent input[data-cautare] {
  height: 42px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #fff !important;
}
html[data-pagina="admin"] #tabContent button[onclick^="openModal"],
html[data-pagina="admin"] #tabContent button[onclick="deschideArhiva()"] {
  height: 42px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  flex-shrink: 0;
}

/* ---------- randurile listelor ---------- */
html[data-pagina="admin"] #tabContent .flex.flex-col.gap-2 { gap: 8px !important; }
html[data-pagina="admin"] #tabContent .group {
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
}
/* creionul si cosul apar pe desktop doar la hover - pe telefon raman mereu vizibile */
html[data-pagina="admin"] #tabContent .opacity-0 { opacity: 1 !important; }
html[data-pagina="admin"] #tabContent [onclick^="editItem"],
html[data-pagina="admin"] #tabContent [onclick^="deleteItem"],
html[data-pagina="admin"] #tabContent [onclick^="removeMedic"],
html[data-pagina="admin"] #tabContent [onclick*="removeClinica"],
html[data-pagina="admin"] #tabContent [onclick*="editItem('clinica'"],
html[data-pagina="admin"] #tabContent [onclick^="event.stopPropagation();editeazaManopera"],
html[data-pagina="admin"] #tabContent [onclick^="event.stopPropagation();stergeManopera"] {
  width: 34px;
  height: 34px;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  flex-shrink: 0;
}
html[data-pagina="admin"] #tabContent [onclick^="editItem"] svg,
html[data-pagina="admin"] #tabContent [onclick^="deleteItem"] svg,
html[data-pagina="admin"] #tabContent [onclick^="removeMedic"] svg,
html[data-pagina="admin"] #tabContent [onclick*="removeClinica"] svg,
html[data-pagina="admin"] #tabContent [onclick*="editItem('clinica'"] svg,
html[data-pagina="admin"] #tabContent [onclick*="editeazaManopera"] svg,
html[data-pagina="admin"] #tabContent [onclick*="stergeManopera"] svg { width: 16px !important; height: 16px !important; }
html[data-pagina="admin"] #tabContent .group > div.flex.items-center.gap-1 { gap: 0 !important; margin-right: -6px; }
/* eticheta Activ / Inactiv: mai mica */
html[data-pagina="admin"] #tabContent .group > span.rounded-full {
  padding: 3px 8px !important;
  font-size: 11px !important;
}

/* Medici: numele pe primul rand, contul + starea + actiunile pe al doilea */
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('medic'"]) {
  flex-wrap: wrap;
  row-gap: 8px !important;
}
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('medic'"]) > div.flex-1 {
  flex: 1 1 calc(100% - 52px) !important;
}
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('medic'"]) > div.flex-1 + div + * {
  margin-left: 46px;                         /* sub nume, nu sub iconita */
}
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('medic'"]) > div:last-child { margin-left: auto; }

/* Lucrari: numele intreg pe primul rand, pretul + comutatorul + actiunile pe al doilea */
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('lucrare'"]) {
  flex-wrap: wrap;
  row-gap: 4px !important;
}
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('lucrare'"]) > div.flex-1 {
  flex: 1 1 calc(100% - 46px) !important;
}
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('lucrare'"]) > div.flex-1 p.truncate {
  white-space: normal;
  overflow: visible;
}
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('lucrare'"]) > div.flex-1 + span {
  margin-left: 42px;
  margin-right: auto;
}

/* Tehnicieni: numele pot ocupa doua randuri in loc sa fie taiate */
html[data-pagina="admin"] #tabContent .group:has([onclick^="editItem('tech'"]) > div.flex-1 > p:first-child {
  white-space: normal;
}

/* Clinici: randul clinicii si medicii ei */
html[data-pagina="admin"] #tabContent .rounded-2xl:has(> div > [onclick*="removeClinica"]) > div:first-child {
  gap: 8px !important;
  padding: 10px 8px 10px 12px !important;
}
html[data-pagina="admin"] #tabContent .rounded-2xl:has(> div > [onclick*="removeClinica"]) > div:first-child > div.flex-1 p:first-child {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.25;
}
html[data-pagina="admin"] #tabContent .rounded-2xl:has(> div > [onclick*="removeClinica"]) > div:first-child > span.rounded-full {
  padding: 3px 8px !important;
  font-size: 11px !important;
}
html[data-pagina="admin"] #tabContent .rounded-2xl:has(> div > [onclick*="removeClinica"]) > div:first-child > div:first-child {
  width: 36px !important;
  height: 36px !important;
}
html[data-pagina="admin"] #tabContent .rounded-2xl:has(> div > [onclick*="removeClinica"]) > div.px-3 {
  padding: 8px 10px 10px !important;
}

/* Manopere: lucrarea si manoperele ei */
html[data-pagina="admin"] #tabContent [onclick^="toggleManopera"] {
  padding: 10px 12px !important;
  gap: 10px !important;
}
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div {
  padding: 8px !important;
}
/* o manopera: numele + valoarea sus, butoanele ei dedesubt, pe un rand aliniat */
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div > .group {
  flex-wrap: wrap;
  row-gap: 6px !important;
  column-gap: 6px !important;
  padding: 8px 8px 6px 10px !important;
}
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div > .group > div.flex-1 {
  flex: 1 1 calc(100% - 100px) !important;
}
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div > .group > div.flex-1 p.truncate {
  white-space: normal;
}
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div > .group > div.flex-1 + span {
  font-size: 12.5px !important;
}
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div > .group > button[onclick*="comutaPeDinte"] {
  margin-left: 30px;                          /* aliniat sub nume */
}
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div > .group > button[onclick*="comutaPeDinte"],
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div > .group > button[onclick*="autorizariManopera"] {
  height: 30px;
  padding: 0 10px !important;
  font-size: 12px !important;
  display: inline-flex;
  align-items: center;
}
html[data-pagina="admin"] #tabContent .rounded-2xl > [onclick^="toggleManopera"] + div > .group > div.flex.gap-1 {
  margin-left: auto;
  gap: 0 !important;
}
html[data-pagina="admin"] #tabContent [onclick^="adaugaManopera"] { min-height: 40px; font-size: 13px !important; }

/* Simboluri / Permisiuni / Arhiva / Cereri / Culori: margini interioare mai mici */
html[data-pagina="admin"] #tabContent .p-4 { padding: 12px !important; }
html[data-pagina="admin"] #tabContent .p-5 { padding: 12px !important; }
html[data-pagina="admin"] #tabContent .p-6 { padding: 14px !important; }
/* comutatoarele din Permisiuni: eticheta + comutatorul pe un rand, aliniate */
html[data-pagina="admin"] #tabContent .grid.grid-cols-2 { gap: 6px !important; }

/* ---------- ferestrele (#modalRoot, #modalExtins) ---------- */
html[data-pagina="admin"] #modalRoot > .fixed,
html[data-pagina="admin"] #modalExtins > .fixed {
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 !important;
}
html[data-pagina="admin"] #modalRoot > .fixed > div.relative,
html[data-pagina="admin"] #modalExtins > .fixed > div.relative {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  max-height: calc(100dvh - 20px) !important;
  border-bottom: 0 !important;
  animation: iqm-adm-sus .24s cubic-bezier(.22, 1, .36, 1);
}
@keyframes iqm-adm-sus { from { transform: translateY(24px); opacity: .6; } to { transform: none; opacity: 1; } }
/* manerul foii */
html[data-pagina="admin"] #modalRoot > .fixed > div.relative::before,
html[data-pagina="admin"] #modalExtins > .fixed > div.relative::before {
  content: "";
  position: absolute;
  top: 6px; left: 50%;
  width: 38px; height: 4px;
  margin-left: -19px;
  border-radius: 99px;
  background: rgba(148, 163, 184, .45);
  pointer-events: none;
}
/* antetul ferestrei */
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div:first-child,
html[data-pagina="admin"] #modalExtins > .fixed > div.relative > div:first-child {
  padding: 16px 14px 12px !important;
  gap: 10px !important;
}
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div:first-child h3,
html[data-pagina="admin"] #modalExtins > .fixed > div.relative > div:first-child h3 {
  font-size: 16px !important;
  line-height: 1.25 !important;
}
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div:first-child > div.w-10,
html[data-pagina="admin"] #modalExtins > .fixed > div.relative > div:first-child > div.w-10 {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
}
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div:first-child [data-inchide],
html[data-pagina="admin"] #modalExtins > .fixed > div.relative > div:first-child [data-inchide],
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div:first-child button[onclick*="closeModal"] {
  width: 36px !important;
  height: 36px !important;
}
/* corpul */
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div.overflow-y-auto,
html[data-pagina="admin"] #modalExtins [data-corp] {
  padding: 14px !important;
}
html[data-pagina="admin"] #modalRoot .space-y-4 > :not([hidden]) ~ :not([hidden]),
html[data-pagina="admin"] #modalExtins .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html[data-pagina="admin"] #modalRoot .gap-4,
html[data-pagina="admin"] #modalExtins .gap-4 { gap: 12px !important; }
html[data-pagina="admin"] #modalRoot .grid-cols-2,
html[data-pagina="admin"] #modalExtins .grid-cols-2:not(:has(> [data-c])) { column-gap: 10px !important; }
/* subsolul cu butoane: lipit jos, butoane egale si usor de atins */
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div:last-child:not(.overflow-y-auto),
html[data-pagina="admin"] #modalExtins > .fixed > div.relative > div:last-child {
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
  gap: 8px !important;
}
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div:last-child:not(.overflow-y-auto) > button,
html[data-pagina="admin"] #modalExtins > .fixed > div.relative > div:last-child > button {
  flex: 1 1 auto;
  min-height: 42px;
  padding-left: 12px !important;
  padding-right: 12px !important;
  justify-content: center;
}
/* butonul principal mai lat decat Anuleaza / Inchide */
html[data-pagina="admin"] #modalRoot > .fixed > div.relative > div:last-child:not(.overflow-y-auto) > button[onclick^="saveEntity"],
html[data-pagina="admin"] #modalExtins > .fixed > div.relative > div:last-child > button[style*="#0da2e7"] {
  flex: 2 1 auto;
}

/* tabelele din ferestre (Tehnicieni autorizati): incap pe ecran, fara derulare laterala */
html[data-pagina="admin"] #modalExtins table.min-w-\[480px\] { min-width: 0 !important; }
html[data-pagina="admin"] #modalExtins table.min-w-\[480px\] th,
html[data-pagina="admin"] #modalExtins table.min-w-\[480px\] td {
  padding: 8px 6px !important;
}
html[data-pagina="admin"] #modalExtins table.min-w-\[480px\] th { font-size: 10px !important; letter-spacing: .03em !important; }
html[data-pagina="admin"] #modalExtins table.min-w-\[480px\] th:first-child,
html[data-pagina="admin"] #modalExtins table.min-w-\[480px\] td:first-child { padding-left: 10px !important; }
html[data-pagina="admin"] #modalExtins table.min-w-\[480px\] input[data-vt] { width: 76px !important; }
html[data-pagina="admin"] #modalExtins table.min-w-\[480px\] input[type="checkbox"] { width: 20px !important; height: 20px !important; }

/* Oferta clinicii: fiecare lucrare e un mic card (nume sus, pret standard + pret clinica dedesubt) */
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] { min-width: 0 !important; display: block; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] thead { display: none; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] tbody { display: block; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] tr {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 10px;
  padding: 10px 12px;
}
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td { padding: 0 !important; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td:nth-child(1) { grid-column: 1 / -1; margin-bottom: 6px; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td:nth-child(2) { text-align: left !important; font-size: 12px !important; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td:nth-child(2)::before {
  content: "Standard";
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #94a3b8;
}
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td:nth-child(3) input { width: 100% !important; height: 38px; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td:nth-child(5) { grid-column: 1 / -1; text-align: right !important; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td:nth-child(5):has(button) { margin-top: 6px; }
html[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td:nth-child(5) button { min-height: 32px; }
html[data-pagina="admin"] #modalExtins .overflow-x-auto:has(> table.min-w-\[560px\]) { overflow: visible !important; }

/* fereastra clinicii: medicii existenti - numele pe primul rand, butoanele dedesubt */
html[data-pagina="admin"] #modalExtins div:has(> [data-act="conecteaza-medic"]),
html[data-pagina="admin"] #modalExtins div.rounded-2xl:has(> [data-act="scoate-medic"]),
html[data-pagina="admin"] #modalExtins div.rounded-2xl:has(> [data-act="repune-medic"]) {
  flex-wrap: wrap;
  row-gap: 4px;
  padding: 10px 10px 8px 12px !important;
}
html[data-pagina="admin"] #modalExtins div.rounded-2xl:has(> [data-act="scoate-medic"]) > div.flex-1,
html[data-pagina="admin"] #modalExtins div.rounded-2xl:has(> [data-act="repune-medic"]) > div.flex-1 {
  flex: 1 1 calc(100% - 30px);
}
html[data-pagina="admin"] #modalExtins div.rounded-2xl:has(> [data-act="scoate-medic"]) > div.flex-1 p.truncate {
  white-space: normal;
}
html[data-pagina="admin"] #modalExtins div.rounded-2xl:has(> [data-act="scoate-medic"]) > :nth-child(3) { margin-left: auto; }
html[data-pagina="admin"] #modalExtins [data-act="conecteaza-medic"],
html[data-pagina="admin"] #modalExtins [data-act="scoate-medic"],
html[data-pagina="admin"] #modalExtins [data-act="repune-medic"] { min-height: 34px; }
/* randurile noi de medic (nume + specialitate + cos) */
html[data-pagina="admin"] #modalExtins [data-medic-nou] {
  grid-template-columns: 1fr 40px !important;
}
html[data-pagina="admin"] #modalExtins [data-medic-nou] > [data-mn="name"] { grid-column: 1; }
html[data-pagina="admin"] #modalExtins [data-medic-nou] > [data-mn="specialitate"] { grid-column: 1; grid-row: 2; }
html[data-pagina="admin"] #modalExtins [data-medic-nou] > button { grid-column: 2; grid-row: 1 / span 2; align-self: center; }

/* fereastra tehnicianului: grila de manopere */
html[data-pagina="admin"] #modalExtins [data-act="pliaza"] { padding: 10px 12px !important; min-height: 44px; }
html[data-pagina="admin"] #modalExtins div:has(> input[data-m]) {
  gap: 10px !important;
  padding: 8px 10px !important;
}
html[data-pagina="admin"] #modalExtins div:has(> input[data-m]) > input[data-m] { width: 20px !important; height: 20px !important; }
html[data-pagina="admin"] #modalExtins div:has(> input[data-m]) > span.whitespace-nowrap { font-size: 11px !important; }
html[data-pagina="admin"] #modalExtins input[data-v] { width: 72px !important; }

/* Conecteaza contul medicului: codul + butonul pe acelasi rand, butoanele mari */
html[data-pagina="admin"] #modalExtins [data-cod-cabinet] { min-width: 0; }
html[data-pagina="admin"] #modalExtins [data-act="trimite-cod-cabinet"] { padding-left: 12px !important; padding-right: 12px !important; min-height: 42px; }
html[data-pagina="admin"] #modalExtins [data-act="creeaza-invitatie"],
html[data-pagina="admin"] #modalExtins [data-act="copiaza-invitatie"] { min-height: 42px; }
html[data-pagina="admin"] #modalExtins .p-4.rounded-2xl.border { padding: 12px !important; }

/* fereastra tehnicianului: „Salveaza datele de acces” + „Blocheaza / Reactiveaza” pe un rand */
html[data-pagina="admin"] #modalExtins .flex.flex-wrap:has(> [data-act="salveaza-cont"]) {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px !important;
}
html[data-pagina="admin"] #modalExtins .flex.flex-wrap:has(> [data-act="salveaza-cont"]) > button {
  min-height: 40px;
  padding: 0 8px !important;
  border: 1.5px solid #e2e8f0;
  font-size: 13px !important;
  line-height: 1.2;
}
html[data-pagina="admin"] #modalExtins [data-act="creeaza-cont"] { width: 100%; min-height: 42px; }

/* Creeaza cont (3 pasi) si Date de acces */
html[data-pagina="admin"] #modalExtins [data-cn] { min-height: 42px; }

/* ---------- ecranul PIN ---------- */
html[data-pagina="admin"] #pinRoot > .fixed {
  padding: 12px !important;
  align-items: center !important;
}
html[data-pagina="admin"] #pinRoot > .fixed > div.relative {
  width: 100% !important;
  max-width: 360px !important;
  border-radius: 22px !important;
}

/* ---------- ghidurile: deasupra panoului Admin (z 60), compacte ---------- */
html[data-pagina="admin"] .iqt-dock { bottom: calc(18px + env(safe-area-inset-bottom)) !important; }

/* ---------- intunecat ---------- */
html.dark[data-pagina="admin"] #adminAside ~ main div:has(> #tabContent) { background: transparent !important; }
html.dark[data-pagina="admin"] #tabContent input[data-cautare] { background: #1e1c1c !important; }
html.dark[data-pagina="admin"] #modalRoot > .fixed > div.relative::before,
html.dark[data-pagina="admin"] #modalExtins > .fixed > div.relative::before { background: rgba(255, 255, 255, .22); }
html.dark[data-pagina="admin"] #modalExtins table.min-w-\[560px\] td:nth-child(2)::before { color: #9ca3af; }
html.dark[data-pagina="admin"] #adminAside { box-shadow: 8px 0 30px rgba(0, 0, 0, .5); background: rgba(26, 24, 24, .97) !important; }
html.dark[data-pagina="admin"] #modalExtins .flex.flex-wrap:has(> [data-act="salveaza-cont"]) > button { border-color: #3a3535; }

/* ===== setari-diverse.css ===== */
/* telefon - setari-diverse: setari*, ajutor, despre, magazin, iq-bot, chat
   (fisierul se incarca doar sub 768px; fiecare regula e legata de pagina ei) */

/* =====================================================================
   SETARI (setari, setari-profil, setari-securitate, setari-notificari)
   ===================================================================== */
html[data-pagina^="setari"] main .glass-surface { padding: 14px !important; }
html[data-pagina^="setari"] main .glass-surface h3[class*="tracking-widest"] {
  margin-bottom: 6px !important; padding-left: 4px !important; font-size: 10.5px !important;
}
/* randurile de meniu (Aspect, Limba, Date, Profil...): inaltime egala, aliniate */
html[data-pagina="setari"] main .glass-surface > button.w-full,
html[data-pagina="setari"] main .glass-surface > a.w-full {
  min-height: 44px; padding: 6px 4px !important; gap: 10px !important;
}
html[data-pagina="setari"] main .glass-surface > button.w-full + button.w-full,
html[data-pagina="setari"] main .glass-surface > a.w-full + a.w-full {
  border-top: 1px solid rgba(148,163,184,.16); border-radius: 0 !important;
}
html[data-pagina="setari"] main #aspect-curent,
html[data-pagina="setari"] main #limba-curenta { font-size: 12px !important; }

/* cardul Panou Admin (gradient) */
html[data-pagina="setari"] main a[href="admin.php"],
html[data-pagina="setari"] main [class*="from-cyan"][class*="rounded"] { border-radius: 16px !important; }

/* Conectare cu medicii: codul mare si randul cod + Asociaza */
html[data-pagina="setari"] #lg-sectiune [class*="tracking-"][class*="text-3xl"],
html[data-pagina="setari"] #lg-sectiune [class*="tracking-"][class*="text-4xl"] { font-size: 24px !important; letter-spacing: .14em !important; }
html[data-pagina="setari"] #lg-form input { height: 40px !important; }
html[data-pagina="setari"] #lg-form button { height: 40px !important; padding: 0 14px !important; }

/* profil / securitate: titlul cu sageata inapoi + campuri */
html[data-pagina="setari-profil"] main label,
html[data-pagina="setari-securitate"] main label { font-size: 11px !important; margin-bottom: 4px !important; }
html[data-pagina="setari-profil"] main .space-y-4 > :not([hidden]) ~ :not([hidden]),
html[data-pagina="setari-securitate"] main .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html[data-pagina="setari-profil"] main input,
html[data-pagina="setari-securitate"] main input { height: 42px !important; }
/* butoanele de jos pe toata latimea, cel principal mai lat */
html[data-pagina="setari-profil"] main .glass-surface .flex.justify-end:has(> button + button) {
  display: grid !important; grid-template-columns: 1fr 2fr; gap: 8px !important;
}
html[data-pagina="setari-profil"] main .glass-surface .flex.justify-end:has(> button + button) > button { height: 42px !important; justify-content: center; }
html[data-pagina="setari-securitate"] main .glass-surface .flex.justify-end > button:only-child { width: 100%; height: 42px !important; justify-content: center; }

/* ferestrele Aspect / Limba: foi care urca de jos */
html[data-pagina="setari"] #aspect-modal > .relative,
html[data-pagina="setari"] #limba-modal > .relative {
  width: 100% !important; max-width: 100% !important;
  border-radius: 20px 20px 0 0 !important;
  max-height: calc(100dvh - 40px) !important;
  padding: 16px 14px calc(16px + env(safe-area-inset-bottom)) !important;
  animation: iqm-sus .24s cubic-bezier(.22,1,.36,1);
}
html[data-pagina="setari"] #aspect-modal > .relative::before,
html[data-pagina="setari"] #limba-modal > .relative::before {
  content: ""; display: block; width: 38px; height: 4px; border-radius: 4px; margin: -6px auto 10px;
  background: rgba(148,163,184,.5);
}
html[data-pagina="setari"] #aspect-modal h2,
html[data-pagina="setari"] #limba-modal h2 { font-size: 16px !important; }
html[data-pagina="setari"] #aspect-modal p.mb-4,
html[data-pagina="setari"] #limba-modal p.mb-4 { font-size: 12.5px !important; margin-bottom: 12px !important; }

/* PIN-ul Panoului Admin (desenat din JS, card centrat) */
html[data-pagina="setari"] #pin-overlay ~ .relative.z-10 { padding: 24px 18px !important; gap: 16px !important; }

/* =====================================================================
   AJUTOR
   ===================================================================== */
html[data-pagina="ajutor"] main > div > :not([hidden]) ~ :not([hidden]) { margin-top: 16px !important; }
html[data-pagina="ajutor"] main > div > div.relative.overflow-hidden {
  padding: 18px 16px !important; border-radius: 18px !important;
}
html[data-pagina="ajutor"] main h1 { color: #fff; font-size: 20px !important; }
html[data-pagina="ajutor"] main h1 + p { font-size: 12.5px !important; }
html[data-pagina="ajutor"] .aj-cauta { height: 42px !important; font-size: 16px !important; }
html[data-pagina="ajutor"] main div.relative.mt-5 { margin-top: 12px !important; }
html[data-pagina="ajutor"] main div.relative.mt-5 > i,
html[data-pagina="ajutor"] main div.relative.mt-5 > svg { top: 11px !important; }
html[data-pagina="ajutor"] main h2.text-lg { font-size: 15px !important; margin-bottom: 8px !important; }

/* „Primii pasi”: doua coloane de carduri mici in loc de 4 carduri inalte */
html[data-pagina="ajutor"] main .grid:has(> a.aj-card) {
  grid-template-columns: 1fr 1fr !important; gap: 8px !important;
}
html[data-pagina="ajutor"] .aj-card { padding: 12px !important; gap: 8px !important; border-radius: 14px !important; }
html[data-pagina="ajutor"] .aj-card .aj-ico { width: 32px !important; height: 32px !important; border-radius: 10px !important; }
html[data-pagina="ajutor"] a.aj-card p.text-sm { font-size: 13px !important; line-height: 1.3 !important; }
html[data-pagina="ajutor"] a.aj-card p.text-xs { font-size: 11.5px !important; line-height: 1.4 !important; margin-top: 2px !important; }
/* grupurile de ghiduri (o pagina = un card) si contactul: o coloana */
html[data-pagina="ajutor"] #ajGhiduri { grid-template-columns: 1fr !important; gap: 8px !important; }
html[data-pagina="ajutor"] .aj-ghid { padding: 8px 6px !important; gap: 10px !important; }
html[data-pagina="ajutor"] main section.grid > .aj-card { gap: 10px !important; }

/* ghidurile pe pagini si FAQ */
html[data-pagina="ajutor"] main [class*="rounded"][class*="p-5"],
html[data-pagina="ajutor"] main .glass-surface { padding: 12px !important; }

/* =====================================================================
   DESPRE
   ===================================================================== */
html[data-pagina="despre"] main > div > :not([hidden]) ~ :not([hidden]) { margin-top: 14px !important; }
html[data-pagina="despre"] main > div > div.relative.overflow-hidden {
  padding: 18px 16px !important; gap: 12px !important; border-radius: 18px !important;
  flex-direction: row !important; align-items: flex-start !important; flex-wrap: wrap;
}
html[data-pagina="despre"] main > div > div.relative.overflow-hidden > div.relative.flex-shrink-0 {
  width: 52px !important; height: 52px !important; border-radius: 16px !important;
}
html[data-pagina="despre"] main > div > div.relative.overflow-hidden > div.relative.min-w-0 { flex: 1 1 200px; }
html[data-pagina="despre"] main > div > div.relative.overflow-hidden h1 { color: #fff; font-size: 20px !important; }
html[data-pagina="despre"] .ds-card.p-5 { padding: 12px 14px !important; }
html[data-pagina="despre"] .ds-rand { font-size: 13px !important; padding: 8px 0 !important; gap: 12px !important; }
html[data-pagina="despre"] .ds-rand dt { flex-shrink: 0; }
html[data-pagina="despre"] .ds-rand dd { min-width: 0; overflow-wrap: anywhere; }
/* „Ce face aplicatia”: rand cu iconita in stanga, nu carduri inalte */
html[data-pagina="despre"] main .grid > .ds-card.p-4 {
  display: grid !important; grid-template-columns: 34px 1fr; column-gap: 12px; align-items: start;
  padding: 12px !important; border-radius: 14px !important;
}
html[data-pagina="despre"] main .grid > .ds-card.p-4 .ds-ico { width: 34px; height: 34px; border-radius: 10px; grid-row: span 2; }
html[data-pagina="despre"] main .grid > .ds-card.p-4 p.mt-3 { margin-top: 0 !important; font-size: 13.5px !important; }
html[data-pagina="despre"] main .grid > .ds-card.p-4 p.text-xs { font-size: 12px !important; margin-top: 2px !important; }
html[data-pagina="despre"] main .grid:has(> .ds-card.p-4) { gap: 8px !important; }
html[data-pagina="despre"] main h2.text-lg { font-size: 15px !important; }
html[data-pagina="despre"] main section.glass-surface { padding: 14px !important; }
html[data-pagina="despre"] main section.glass-surface > .flex.items-start.justify-between { flex-direction: column; gap: 4px !important; margin-bottom: 10px !important; }

/* =====================================================================
   MAGAZIN
   ===================================================================== */
html[data-pagina="magazin"] .mg > :not([hidden]) ~ :not([hidden]) { margin-top: 16px !important; }
html[data-pagina="magazin"] .mg-hero { padding: 18px 16px !important; border-radius: 18px !important; }
html[data-pagina="magazin"] .mg-titlu { font-size: 21px !important; margin: 10px 0 6px !important; }
html[data-pagina="magazin"] .mg-sub { font-size: 13px !important; line-height: 1.45 !important; }
html[data-pagina="magazin"] .mg-cauta { margin-top: 14px !important; }
html[data-pagina="magazin"] .mg-cauta input { height: 42px !important; font-size: 16px !important; border-radius: 12px !important; }
html[data-pagina="magazin"] .mg-chips { margin: 0 -12px; padding: 2px 12px 4px !important; gap: 6px !important; }
html[data-pagina="magazin"] .mg-chip { height: 34px !important; padding: 0 12px !important; font-size: 12.5px !important; gap: 6px !important; }
html[data-pagina="magazin"] .mg-chip svg { width: 14px !important; height: 14px !important; }
html[data-pagina="magazin"] .mg-sectiune-titlu { font-size: 15px !important; margin-bottom: 10px !important; }

/* cardul de produs: orizontal (imagine mica in stanga, text in dreapta) */
html[data-pagina="magazin"] .mg-grid,
html[data-pagina="magazin"] .mg-grid-recom { grid-template-columns: 1fr !important; gap: 10px !important; }
html[data-pagina="magazin"] .mg-card {
  flex-direction: row !important; border-radius: 16px !important; min-height: 118px;
}
html[data-pagina="magazin"] .mg-card:hover { transform: none !important; }
html[data-pagina="magazin"] .mg-vizual,
html[data-pagina="magazin"] .mg-card-mare .mg-vizual {
  aspect-ratio: auto !important; width: 104px; flex: 0 0 104px; min-height: 100%;
}
html[data-pagina="magazin"] .mg-tile,
html[data-pagina="magazin"] .mg-card-mare .mg-tile { width: 52px !important; height: 52px !important; border-radius: 16px !important; }
html[data-pagina="magazin"] .mg-tile svg,
html[data-pagina="magazin"] .mg-card-mare .mg-tile svg { width: 26px !important; height: 26px !important; }
html[data-pagina="magazin"] .mg-eticheta { top: 6px !important; left: 6px !important; padding: 2px 7px !important; font-size: 9.5px !important; }
html[data-pagina="magazin"] .mg-corp { padding: 10px 12px 10px !important; min-width: 0; }
html[data-pagina="magazin"] .mg-cat { font-size: 10px !important; }
html[data-pagina="magazin"] .mg-nume { font-size: 14px !important; margin: 3px 0 3px !important; }
html[data-pagina="magazin"] .mg-desc { font-size: 12px !important; margin-bottom: 8px !important; -webkit-line-clamp: 2 !important; }
html[data-pagina="magazin"] .mg-btn { height: 34px !important; padding: 0 12px !important; font-size: 12.5px !important; }
html[data-pagina="magazin"] .mg-pret b { font-size: 14px !important; }
html[data-pagina="magazin"] .mg-nota { padding: 10px 12px !important; font-size: 11.5px !important; }

/* =====================================================================
   IQ BOT: aplicatie pe tot ecranul, compozitorul jos
   ===================================================================== */
html[data-pagina="iq-bot"] main > div[class*="p-4"] { padding-bottom: 10px !important; }
html[data-pagina="iq-bot"] main > div > .flex.flex-col.gap-4 {
  height: calc(100dvh - 84px) !important; min-height: 420px !important; gap: 10px !important;
}
html[data-pagina="iq-bot"] #botAntet { gap: 10px !important; row-gap: 8px !important; }
html[data-pagina="iq-bot"] #botAntet > .w-12 { width: 38px !important; height: 38px !important; border-radius: 12px !important; }
html[data-pagina="iq-bot"] #botAntet > .w-12 svg { width: 20px !important; height: 20px !important; }
html[data-pagina="iq-bot"] #botAntet h1 { font-size: 19px !important; }
html[data-pagina="iq-bot"] #botAntet p.text-sm { font-size: 12px !important; }
html[data-pagina="iq-bot"] #botCredite { padding: 7px 12px !important; border-radius: 12px !important; }
html[data-pagina="iq-bot"] #botCredite .mt-2 { margin-top: 5px !important; height: 6px !important; }
html[data-pagina="iq-bot"] #botCredite [data-credite-text] { font-size: 11px !important; margin-top: 4px !important; }
html[data-pagina="iq-bot"] main .glass-surface { border-radius: 16px !important; }
html[data-pagina="iq-bot"] #messages-container {
  padding: 12px 44px 12px 10px !important;       /* dreapta: loc pentru butoanele de ajutor */
}
html[data-pagina="iq-bot"] #messages-container > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="iq-bot"] #messages-container [class*="max-w-"] { max-width: 92% !important; }
html[data-pagina="iq-bot"] #messages-container p,
html[data-pagina="iq-bot"] #messages-container li { font-size: 13.5px; }
html[data-pagina="iq-bot"] main .glass-surface > .flex-shrink-0.border-t {
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
}
html[data-pagina="iq-bot"] main .glass-surface > .flex-shrink-0.border-t > :not([hidden]) ~ :not([hidden]) { margin-top: 6px !important; }
html[data-pagina="iq-bot"] #quick-actions { margin: 0 -10px; padding: 0 10px 2px !important; scrollbar-width: none; }
html[data-pagina="iq-bot"] #quick-actions::-webkit-scrollbar { display: none; }
html[data-pagina="iq-bot"] #quick-actions > * { font-size: 12px !important; }
html[data-pagina="iq-bot"] #chat-input { height: 38px !important; font-size: 16px !important; }
html[data-pagina="iq-bot"] #send-btn { width: 38px !important; height: 38px !important; }
/* butoanele de ajutor deasupra zonei de scris, nu peste butonul Trimite */
html[data-pagina="iq-bot"] .iqt-dock { bottom: calc(150px + env(safe-area-inset-bottom)) !important; }

/* =====================================================================
   CHAT (Mesaje)
   ===================================================================== */
html[data-pagina="chat"] body,
html[data-pagina="chat"] body > .flex.h-screen,
html[data-pagina="chat"] main { height: 100dvh !important; }
html[data-pagina="chat"] main { padding-top: 64px !important; }
/* antetul conversatiei */
html[data-pagina="chat"] main section > .flex-shrink-0.h-\[68px\] { height: 56px !important; padding: 0 10px !important; gap: 10px !important; }
html[data-pagina="chat"] #openConvList { width: 36px !important; height: 36px !important; }
html[data-pagina="chat"] #header-avatar { width: 36px !important; height: 36px !important; font-size: 12px !important; }
html[data-pagina="chat"] #header-name { font-size: 15px !important; }
/* mesajele: dreapta lasa loc butoanelor de ajutor */
html[data-pagina="chat"] #messages-area > div { padding: 12px 44px 12px 10px !important; }
html[data-pagina="chat"] #messages-area > div > .mb-6 { margin-bottom: 12px !important; }
html[data-pagina="chat"] #messages-list [class*="max-w-"] { max-width: 88% !important; }
/* zona de scris */
html[data-pagina="chat"] #chat-form { padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important; }
html[data-pagina="chat"] #chat-form > div { gap: 8px !important; }
html[data-pagina="chat"] #chat-form .flex.items-end { gap: 8px !important; }
html[data-pagina="chat"] #upload-btn { width: 40px !important; height: 40px !important; border-radius: 12px !important; }
html[data-pagina="chat"] #chat-form textarea,
html[data-pagina="chat"] #chat-form input[type="text"] { font-size: 16px !important; min-height: 40px !important; }
html[data-pagina="chat"] #chat-form button[type="submit"] { width: 40px !important; height: 40px !important; border-radius: 12px !important; }
html[data-pagina="chat"] .iqt-dock { bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
/* lista de conversatii (panoul care se deschide peste) */
html[data-pagina="chat"] #convPanel > .px-5 { padding: 12px 14px 10px !important; }
html[data-pagina="chat"] #convPanel h1 { font-size: 19px !important; }
html[data-pagina="chat"] #convPanel > .px-4 { padding: 8px 12px !important; }
html[data-pagina="chat"] #conv-search { height: 40px !important; font-size: 16px !important; }
html[data-pagina="chat"] #new-conv-btn { width: 38px !important; height: 38px !important; border-radius: 12px !important; }

/* ===== medic.css ===== */
/* telefon - portalul medicului (medic-*.php). Se incarca doar sub 768px. */

/* titlurile paginilor: aceeasi marime peste tot (in baza, .text-2xl/.text-4xl de pe h1
   bat regula pentru h1, deci titlurile ieseau 19 / 22 / 26px dupa pagina) */
html[data-pagina^="medic-"] main h1 { font-size: 20px !important; line-height: 1.2 !important; }

/* =============================== DASHBOARD =============================== */
html[data-pagina="medic-dashboard"] main .space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }

/* salutul: iconita mica, numele pe doua randuri daca e lung */
html[data-pagina="medic-dashboard"] main .space-y-8 > .flex.items-center.gap-3:first-child > div:first-child { padding: 8px !important; border-radius: 12px !important; }
html[data-pagina="medic-dashboard"] main .space-y-8 > .flex.items-center.gap-3:first-child > div:first-child svg { width: 20px !important; height: 20px !important; }
html[data-pagina="medic-dashboard"] main h1 { font-size: 18px !important; }

/* cifrele: trei cutii mici pe un rand (iconita sus, cifra, eticheta) */
html[data-pagina="medic-dashboard"] main .grid.grid-cols-1.sm\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html[data-pagina="medic-dashboard"] main .grid.sm\:grid-cols-3 > div { padding: 10px !important; border-radius: 14px !important; }
html[data-pagina="medic-dashboard"] main .grid.sm\:grid-cols-3 > div > .relative.flex {
  flex-direction: column; align-items: flex-start !important; gap: 6px !important;
}
html[data-pagina="medic-dashboard"] main .grid.sm\:grid-cols-3 > div > .relative.flex > div:first-child {
  width: 30px !important; height: 30px !important; border-radius: 9px !important;
}
html[data-pagina="medic-dashboard"] main .grid.sm\:grid-cols-3 > div > .relative.flex > div:first-child svg { width: 16px !important; height: 16px !important; }
html[data-pagina="medic-dashboard"] main .grid.sm\:grid-cols-3 .text-2xl { font-size: 18px !important; }
html[data-pagina="medic-dashboard"] main .grid.sm\:grid-cols-3 .text-2xl .text-sm { font-size: 11px !important; }
html[data-pagina="medic-dashboard"] main .grid.sm\:grid-cols-3 p.text-sm.truncate {
  font-size: 12px !important; line-height: 1.25 !important; white-space: normal !important; margin-top: 3px !important;
}
/* „3 luna aceasta”: sub eticheta, nu in dreapta (nu e loc) */
html[data-pagina="medic-dashboard"] #mdComenziNoi {
  align-self: flex-start !important; text-align: left !important; white-space: normal !important;
  font-size: 11px !important; line-height: 1.2; margin-top: -3px;
}
html[data-pagina="medic-dashboard"] #mdComenziNoi:empty { display: none; }

/* livrari in 7 zile: cutii mai mici */
html[data-pagina="medic-dashboard"] main .glass-surface { padding: 14px !important; }
html[data-pagina="medic-dashboard"] main .glass-surface h2 { font-size: 15px !important; }
html[data-pagina="medic-dashboard"] main .glass-surface > .flex.mb-4 { margin-bottom: 10px !important; }
html[data-pagina="medic-dashboard"] .lv-zile { gap: 8px !important; margin: 0 -14px !important; padding: 0 14px 4px !important; scroll-padding: 0 14px; scrollbar-width: none; }
html[data-pagina="medic-dashboard"] .lv-zile::-webkit-scrollbar { display: none; }
html[data-pagina="medic-dashboard"] .lv-zi { flex: 0 0 118px !important; min-height: 0 !important; padding: 10px !important; border-radius: 14px !important; }
html[data-pagina="medic-dashboard"] .lv-cap { margin-bottom: 6px !important; }
html[data-pagina="medic-dashboard"] .lv-data { font-size: 17px !important; }
html[data-pagina="medic-dashboard"] .lv-gol { min-height: 54px; gap: 3px !important; }
html[data-pagina="medic-dashboard"] .lv-gol svg { width: 18px !important; height: 18px !important; }

/* meniul: doua coloane de butoane compacte */
html[data-pagina="medic-dashboard"] main .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
html[data-pagina="medic-dashboard"] main .glass-feature-card {
  padding: 10px 12px !important; gap: 10px !important; border-radius: 14px !important; min-height: 56px;
}
html[data-pagina="medic-dashboard"] main .glass-feature-card > div:first-child {
  width: 34px !important; height: 34px !important; border-radius: 11px !important; border-width: 1.5px !important;
}
html[data-pagina="medic-dashboard"] main .glass-feature-card > div:first-child svg { width: 17px !important; height: 17px !important; }
html[data-pagina="medic-dashboard"] main .glass-feature-card h3 { font-size: 14px !important; }
html[data-pagina="medic-dashboard"] main .glass-feature-card > span.sm\:hidden { display: none; }

/* activitatea recenta */
html[data-pagina="medic-dashboard"] main .glass-surface > .flex.mb-5 { margin-bottom: 6px !important; }
html[data-pagina="medic-dashboard"] #mdActivitate > a { padding-top: 9px !important; padding-bottom: 9px !important; }
html[data-pagina="medic-dashboard"] #mdActivitate > a > div.space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-left: 10px !important; }
html[data-pagina="medic-dashboard"] #mdActivitate > a > p { margin-left: 8px !important; }
html[data-pagina="medic-dashboard"] #mdActivitate .text-sm { font-size: 13px !important; }

/* ================================ COMENZI ================================ */
html[data-pagina="medic-comenzi"] main .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }

/* banda „Total de achitat”: cifra si butonul pe acelasi rand */
html[data-pagina="medic-comenzi"] #restante-banner { padding: 12px !important; gap: 10px !important; border-width: 1.5px !important; }
html[data-pagina="medic-comenzi"] #restante-banner > div:first-child > div:first-child { width: 38px !important; height: 38px !important; }
html[data-pagina="medic-comenzi"] #restante-banner .text-2xl { font-size: 20px !important; }
html[data-pagina="medic-comenzi"] #restante-print { height: 38px !important; border-radius: 12px !important; font-size: 13px !important; }

/* cifrele: 3 + 2 pe randuri, cutii mici */
html[data-pagina="medic-comenzi"] main .grid.grid-cols-2.md\:grid-cols-5 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 6px !important;
}
html[data-pagina="medic-comenzi"] main .grid.md\:grid-cols-5 > div { grid-column: span 2 !important; padding: 8px 9px !important; border-radius: 12px !important; }
html[data-pagina="medic-comenzi"] main .grid.md\:grid-cols-5 > div:nth-child(n+4) { grid-column: span 3 !important; }
html[data-pagina="medic-comenzi"] main .grid.md\:grid-cols-5 > div > .flex { gap: 7px !important; }
html[data-pagina="medic-comenzi"] main .grid.md\:grid-cols-5 > div > .flex > div:first-child { width: 26px !important; height: 26px !important; border-radius: 8px !important; }
html[data-pagina="medic-comenzi"] main .grid.md\:grid-cols-5 > div > .flex > div:first-child svg { width: 14px !important; height: 14px !important; }
html[data-pagina="medic-comenzi"] main .grid.md\:grid-cols-5 p.text-xs { font-size: 11px !important; }
html[data-pagina="medic-comenzi"] main .grid.md\:grid-cols-5 p.text-xl { font-size: 17px !important; line-height: 1.15 !important; }

/* lista: un singur strat de margini (cardul mare nu mai are padding propriu) */
html[data-pagina="medic-comenzi"] main .glass-surface { padding: 0 !important; }
html[data-pagina="medic-comenzi"] main .glass-surface > .p-4.border-b { padding: 12px !important; }
html[data-pagina="medic-comenzi"] main .glass-surface > .p-4.border-b.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="medic-comenzi"] .filtre-comenzi { gap: 8px !important; }
/* nr. fisa si laboratorul unul langa altul; pacientul pe tot randul */
html[data-pagina="medic-comenzi"] .filtre-comenzi > .filtru-lat:nth-child(1),
html[data-pagina="medic-comenzi"] .filtre-comenzi > .filtru-lat:nth-child(2) { grid-column: auto !important; }
html[data-pagina="medic-comenzi"] .filtre-comenzi label { margin-bottom: 3px !important; font-size: 11.5px !important; }
html[data-pagina="medic-comenzi"] .filtre-comenzi input { height: 38px !important; }
/* „Perioada: Azi / Ultima saptamana / Ultima luna”: un rand care se deruleaza */
html[data-pagina="medic-comenzi"] main .glass-surface > .p-4 > .flex.flex-wrap.items-center.gap-2 {
  flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; gap: 6px !important;
  margin: 0 -12px; padding: 0 12px;
}
html[data-pagina="medic-comenzi"] main .glass-surface > .p-4 > .flex.flex-wrap.items-center.gap-2::-webkit-scrollbar { display: none; }
html[data-pagina="medic-comenzi"] main .glass-surface > .p-4 > .flex.flex-wrap.items-center.gap-2 > * { flex: 0 0 auto; white-space: nowrap; }
html[data-pagina="medic-comenzi"] main .glass-surface > .p-4 > .flex.flex-wrap.items-center.gap-2 > button { height: 30px; padding: 0 12px !important; font-size: 12.5px !important; }

html[data-pagina="medic-comenzi"] #orders-list { padding: 10px !important; }
html[data-pagina="medic-comenzi"] #orders-list.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="medic-comenzi"] #orders-list > .glass-card { padding: 12px !important; border-radius: 14px !important; }
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] { padding: 8px !important; margin: -8px !important; }
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] > .flex.mb-3 { margin-bottom: 8px !important; gap: 8px !important; }
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] h3 { font-size: 15px !important; font-weight: 700 !important; }
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] button[data-export] { height: 34px !important; width: 34px; padding: 0 !important; border-radius: 10px !important; }
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] > .flex.flex-wrap.mb-3 { margin-bottom: 8px !important; gap: 6px !important; }
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] > .flex.flex-wrap.mb-3 > * { font-size: 12px !important; padding-top: 3px !important; padding-bottom: 3px !important; }
/* pacient / laborator / livrare / culoare pe doua coloane, suma pe tot randul */
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] > .grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 10px !important; row-gap: 5px !important; font-size: 13px !important;
}
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] > .grid > :nth-child(3) { grid-column: 1 / -1; }
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] > .grid > :nth-child(4) { grid-column: 1 / -1; justify-self: start; margin-top: 2px; }
html[data-pagina="medic-comenzi"] #orders-list [data-toggle] > .grid svg { width: 14px !important; height: 14px !important; }
/* detaliile deschise */
html[data-pagina="medic-comenzi"] #orders-list .mt-6.pt-6 { margin-top: 12px !important; padding-top: 12px !important; }
html[data-pagina="medic-comenzi"] #orders-list .mt-6.pt-6 h4 { margin-bottom: 8px !important; font-size: 14px; }
html[data-pagina="medic-comenzi"] #orders-list .mt-6.pt-6 > .space-y-3 > div { padding: 10px !important; }
html[data-pagina="medic-comenzi"] #orders-list .mt-6.pt-6 > div.p-4 { padding: 10px 12px !important; }
/* dintii lucrarii trec pe randul urmator in loc sa iasa din card */
html[data-pagina="medic-comenzi"] #orders-list .mt-6.pt-6 .flex.items-center.justify-between.gap-3.mt-1 { flex-wrap: wrap; row-gap: 4px; }
html[data-pagina="medic-comenzi"] #orders-list .mt-6.pt-6 p.whitespace-nowrap { white-space: normal !important; }

/* =============================== CALENDAR =============================== */
html[data-pagina="medic-calendar"] main .space-y-8 > :not([hidden]) ~ :not([hidden]),
html[data-pagina="medic-calendar"] main .space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="medic-calendar"] main .glass-surface { padding: 0 !important; }
html[data-pagina="medic-calendar"] #cal-body > div > div:first-child { padding: 10px 12px !important; }
html[data-pagina="medic-calendar"] #cal-body > div > .sm\:hidden { padding: 8px 12px !important; }
html[data-pagina="medic-calendar"] #cal-body .flex-1 { min-width: 0; }
html[data-pagina="medic-calendar"] #cal-body [data-action="event-click"] { max-width: 100%; }

/* ================================= PLATI ================================= */
html[data-pagina="medic-plati"] main .space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html[data-pagina="medic-plati"] main .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 2px !important; }
html[data-pagina="medic-plati"] main .glass-surface { padding: 14px !important; }
html[data-pagina="medic-plati"] .filtre-plati { gap: 10px !important; }
html[data-pagina="medic-plati"] .filtre-plati .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 5px !important; }
html[data-pagina="medic-plati"] .filtre-plati label { font-size: 12.5px !important; height: auto !important; }
html[data-pagina="medic-plati"] .filtre-plati label svg { width: 14px !important; height: 14px !important; }
html[data-pagina="medic-plati"] main .glass-surface > .flex.flex-col.gap-4 { gap: 10px !important; }
/* „Filtre rapide” + „Cauta”: pe acelasi rand, butoanele mici */
html[data-pagina="medic-plati"] #quick-filters { flex-wrap: nowrap !important; gap: 6px !important; }
html[data-pagina="medic-plati"] #quick-filters > button { height: 30px; padding: 0 10px !important; font-size: 12.5px !important; white-space: nowrap; }
html[data-pagina="medic-plati"] #filter-actions { justify-content: stretch !important; }
html[data-pagina="medic-plati"] #filter-actions > button { flex: 1; height: 38px !important; }

/* cifrele: 2 x 2 */
html[data-pagina="medic-plati"] main .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
}
html[data-pagina="medic-plati"] main .glass-kpi-card { padding: 10px 12px !important; flex-direction: column; align-items: flex-start !important; gap: 4px; border-radius: 14px !important; }
html[data-pagina="medic-plati"] main .glass-kpi-card > div:first-child { display: flex; align-items: center; gap: 8px; }
html[data-pagina="medic-plati"] main .glass-kpi-card > div:first-child > div { margin-bottom: 0 !important; padding: 6px !important; }
html[data-pagina="medic-plati"] main .glass-kpi-card > div:first-child > div svg { width: 14px !important; height: 14px !important; }
html[data-pagina="medic-plati"] main .glass-kpi-card p.text-xs { font-size: 12px !important; line-height: 1.2; }
html[data-pagina="medic-plati"] main .glass-kpi-card .text-right { text-align: left !important; display: flex; align-items: baseline; gap: 4px; }
html[data-pagina="medic-plati"] main .glass-kpi-card .text-2xl { font-size: 19px !important; }
html[data-pagina="medic-plati"] main .glass-kpi-card .text-right p.text-xs { margin-top: 0 !important; }

/* graficele */
html[data-pagina="medic-plati"] main .space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html[data-pagina="medic-plati"] main .grid.lg\:grid-cols-2 { gap: 12px !important; }
html[data-pagina="medic-plati"] main .glass-surface h2 { font-size: 15px !important; margin-bottom: 8px !important; }
html[data-pagina="medic-plati"] main .glass-surface p.text-sm.text-center { font-size: 12px !important; }
html[data-pagina="medic-plati"] main .glass-surface.border-2 > .flex.mb-4 { margin-bottom: 8px !important; }

/* platile restante */
html[data-pagina="medic-plati"] #restante-wrap > div > .p-5 { padding: 12px !important; }
html[data-pagina="medic-plati"] #restante-wrap .mb-4 { margin-bottom: 10px !important; }
html[data-pagina="medic-plati"] #restante-wrap h2 { font-size: 16px !important; }
html[data-pagina="medic-plati"] #restante-wrap .p-2\.5 { padding: 7px !important; }
html[data-pagina="medic-plati"] #restante-wrap .p-2\.5 svg { width: 18px !important; height: 18px !important; }
html[data-pagina="medic-plati"] #restante-wrap .grid { gap: 8px !important; }
html[data-pagina="medic-plati"] #restante-wrap .grid > div { padding: 10px 12px !important; gap: 6px !important; border-radius: 14px !important; }
html[data-pagina="medic-plati"] #restante-wrap .mt-4 { margin-top: 8px !important; }
html[data-pagina="medic-plati"] #restante-view-btn { min-height: 34px; }

/* exportul: pe toata latimea */
html[data-pagina="medic-plati"] #export-btn { width: 100%; height: 40px !important; }

/* tabelul: fara margini duble, randuri scunde, derulare orizontala */
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden { padding: 0 !important; }
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden > .flex.px-4.pt-4 { padding: 12px 12px 4px !important; }
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden > .flex.px-4.pt-4 > button { height: 32px; padding: 0 14px !important; font-size: 13px !important; }
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden th,
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden td { padding: 8px 10px !important; font-size: 13px; white-space: nowrap; }
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden td:nth-child(6) { white-space: normal; min-width: 90px; max-width: 150px; }
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden td:last-child { white-space: normal; min-width: 120px; max-width: 200px; }
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden th:first-child,
html[data-pagina="medic-plati"] main .glass-surface.overflow-hidden td:first-child { padding-left: 12px !important; }

/* ================================ IQ BOT ================================ */
/* conversatia ocupa exact ecranul de sub bara de sus */
html[data-pagina="medic-iq-bot"] main > div { padding-bottom: 10px !important; }
html[data-pagina="medic-iq-bot"] main > div > .flex.flex-col.gap-4 {
  height: calc(100dvh - 84px) !important; min-height: 0 !important; gap: 10px !important;
}
html[data-pagina="medic-iq-bot"] #botAntet { gap: 8px 10px !important; }
html[data-pagina="medic-iq-bot"] #botAntet > div:first-child { width: 38px !important; height: 38px !important; border-radius: 12px !important; }
html[data-pagina="medic-iq-bot"] #botAntet > div:first-child svg { width: 20px !important; height: 20px !important; }
html[data-pagina="medic-iq-bot"] #botAntet > .min-w-0.flex-1 { padding-right: 76px; }   /* loc pentru butoanele de ajutor */
html[data-pagina="medic-iq-bot"] #botAntet h1 { font-size: 19px !important; }
html[data-pagina="medic-iq-bot"] #botAntet p.text-sm { font-size: 12px !important; }
html[data-pagina="medic-iq-bot"] #botCredite { padding: 7px 12px !important; border-radius: 12px !important; }
html[data-pagina="medic-iq-bot"] #botCredite .mt-2 { margin-top: 5px !important; height: 5px !important; }
html[data-pagina="medic-iq-bot"] #botCredite p { margin-top: 4px !important; font-size: 12px !important; }
html[data-pagina="medic-iq-bot"] #chatMessages { padding: 12px !important; }
html[data-pagina="medic-iq-bot"] #chatMessages.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
html[data-pagina="medic-iq-bot"] main .glass-surface > .flex-shrink-0.border-t { padding: 8px 10px 10px !important; }
html[data-pagina="medic-iq-bot"] main .glass-surface > .flex-shrink-0.border-t.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 7px !important; }
html[data-pagina="medic-iq-bot"] #quickActions { scrollbar-width: none; }
html[data-pagina="medic-iq-bot"] #quickActions::-webkit-scrollbar { display: none; }
html[data-pagina="medic-iq-bot"] #quickActions > button { font-size: 12.5px !important; padding-top: 5px !important; padding-bottom: 5px !important; }
/* butoanele de ajutor: in antet, langa titlu, ca sa nu acopere mesajele sau „Trimite” */
html[data-pagina="medic-iq-bot"] .iqt-dock { top: 80px !important; bottom: auto !important; flex-direction: row !important; }
html[data-pagina="medic-iq-bot"] .iqt-dock > :first-child:not(:last-child),
html[data-pagina="medic-chat"] .iqt-dock > :first-child:not(:last-child) { border-radius: 11px !important; }

/* fereastra „Aspectul aplicatiei”: foaie de jos */
html[data-pagina="medic-setari"] #aspect-modal { padding: 0 !important; align-items: flex-end !important; }
html[data-pagina="medic-setari"] #aspect-modal > .relative {
  border-radius: 20px 20px 0 0 !important; max-height: calc(100dvh - 20px) !important;
  padding: 16px 14px calc(16px + env(safe-area-inset-bottom)) !important;
}

/* ================================= CHAT ================================= */
html[data-pagina="medic-chat"] .iqt-dock { top: 76px !important; bottom: auto !important; flex-direction: row !important; }

/* ================================ SETARI ================================ */
html[data-pagina="medic-setari"] main .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html[data-pagina="medic-setari"] main > div > div:first-child p { margin-top: 2px !important; }
html[data-pagina="medic-setari"] main > div > .relative.overflow-hidden { padding: 16px !important; border-radius: 18px !important; }
html[data-pagina="medic-setari"] .ms-cod { font-size: 28px !important; }
html[data-pagina="medic-setari"] main > div > .relative.overflow-hidden > p.text-sm { font-size: 13px !important; margin-top: 8px !important; line-height: 1.45; }
html[data-pagina="medic-setari"] .ms-card { padding: 14px !important; border-radius: 16px !important; }
html[data-pagina="medic-setari"] .ms-card > p.text-sm { font-size: 13px !important; }
html[data-pagina="medic-setari"] #ms-form { flex-direction: row !important; gap: 8px !important; }
html[data-pagina="medic-setari"] .ms-input { height: 42px !important; font-size: 16px !important; flex: 1; min-width: 0; }
html[data-pagina="medic-setari"] .ms-btn { height: 42px !important; padding: 0 14px !important; flex-shrink: 0; }
html[data-pagina="medic-setari"] .ms-lab { padding: 10px 2px !important; }
html[data-pagina="medic-setari"] main .grid.md\:grid-cols-2 { gap: 12px !important; }
html[data-pagina="medic-setari"] main .grid.md\:grid-cols-2 > .ms-card { padding: 8px !important; }
html[data-pagina="medic-setari"] .ms-rand { padding: 7px 8px !important; gap: 10px !important; min-height: 44px; }
html[data-pagina="medic-setari"] .ms-rand-ic { width: 30px !important; height: 30px !important; }

/* saptamana pe telefon (medic-calendar): cele 7 zile incap toate, fara derulare -
   la fel ca in calendarul laboratorului */
html[data-pagina="medic-calendar"] main .md\:hidden > .overflow-x-auto:has(> button[data-action="day-click"]:nth-child(7):last-child) {
  display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px !important;
  padding: 8px 6px !important; overflow: visible !important;
}
html[data-pagina="medic-calendar"] main .md\:hidden > .overflow-x-auto:has(> button[data-action="day-click"]:nth-child(7):last-child) > button {
  min-width: 0 !important; padding: 7px 0 !important; gap: 3px !important;
}

/* ===== publice.css ===== */
/* telefon - publice: autentificare, cont nou, parolă, confirmare email, invitație, termeni.
   Toate paginile de cont au aceeași structură: fundal (div.min-h-screen) → coloana
   (div.relative.z-10) → antet cu sigla (.text-center) → cardul .glass-surface. */

/* ---------- paginile de cont (structura comună) ---------- */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) body > .min-h-screen {
  align-items: flex-start !important;
  padding: 28px 14px calc(24px + env(safe-area-inset-bottom)) !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) body > .min-h-screen > .relative.z-10 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* antetul cu sigla: mai mic, ca formularul să înceapă în prima jumătate a ecranului */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .text-center:first-child {
  margin-bottom: 18px !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .text-center:first-child > .w-14 {
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .text-center:first-child > .w-14 svg {
  width: 27px; height: 27px;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .text-center:first-child h1 {
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .text-center:first-child p {
  font-size: 13px !important;
}

/* cardul formularului */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .glass-surface {
  padding: 18px 16px !important;
  border-radius: 18px !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .glass-surface h2 {
  font-size: 19px !important;
  line-height: 1.25 !important;
  margin-bottom: 4px !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .glass-surface h2 + p {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .glass-surface > .mb-6 { margin-bottom: 14px !important; }
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .glass-surface .mb-5 { margin-bottom: 12px !important; }

/* ritmul formularului */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form.space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 14px !important; }
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 6px !important; }
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form .grid.gap-4 { gap: 12px !important; }
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form label.text-sm { font-size: 13px !important; }

/* câmpurile: 44px, text de 16px (fără zoom pe iOS), colțuri mai strânse */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) input.glass-input,
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) select.glass-input,
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .glass-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  font-size: 16px !important;
  border-radius: 12px !important;
  width: 100%;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form .text-xs { font-size: 12px !important; line-height: 1.4 !important; }

/* butonul principal și butonul de cod nou de la captcha */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .glass-surface button[type="submit"],
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .glass-surface a.w-full {
  height: 46px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form img {
  max-width: calc(100% - 52px);
  height: auto;
  border-radius: 10px;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form button.h-10.w-10 {
  width: 44px !important; height: 44px !important; border-radius: 12px !important;
}

/* linkurile de sub card */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .mt-6,
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .mt-5 { margin-top: 14px !important; }
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .mt-6 a,
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .mt-5 a {
  display: inline-flex; align-items: center; min-height: 36px; padding: 0 8px;
}
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) .relative.z-10 > .mt-5 a.text-xs { font-size: 12.5px !important; }

/* ---------- login, pasul 1: alegerea contului = două rânduri, nu două carduri mari ---------- */
html[data-pagina="login"] .relative.z-10 > .grid.gap-5 { gap: 10px !important; }
html[data-pagina="login"] .relative.z-10 > .grid.gap-5 > a {
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 40px 14px 14px !important;
  border-radius: 16px !important;
  position: relative;
}
html[data-pagina="login"] .relative.z-10 > .grid.gap-5 > a::after {
  content: "";
  position: absolute;
  right: 16px; top: 50%;
  width: 8px; height: 8px;
  border-right: 2px solid #94a3b8; border-top: 2px solid #94a3b8;
  transform: translateY(-50%) rotate(45deg);
}
html[data-pagina="login"] .relative.z-10 > .grid.gap-5 > a > .w-20 {
  width: 48px !important; height: 48px !important; flex: none;
}
html[data-pagina="login"] .relative.z-10 > .grid.gap-5 > a > .w-20 svg { width: 22px !important; height: 22px !important; }
html[data-pagina="login"] .relative.z-10 > .grid.gap-5 > a > .text-center { text-align: left !important; min-width: 0; }
html[data-pagina="login"] .relative.z-10 > .grid.gap-5 > a h2 { font-size: 16px !important; line-height: 1.3 !important; }
html[data-pagina="login"] .relative.z-10 > .grid.gap-5 > a p { font-size: 12.5px !important; margin-top: 2px !important; line-height: 1.4 !important; }
html[data-pagina="login"] .relative.z-10 > p.mt-7 { margin-top: 18px !important; }
/* pasul 2: eticheta rolului */
html[data-pagina="login"] .relative.z-10 > .text-center:first-child > .inline-flex { padding: 4px 12px !important; }

/* ---------- cont nou ---------- */
/* alegerea tipului de cont: două pastile compacte */
html[data-pagina="register"] .relative.z-10 > .grid.grid-cols-2 { gap: 8px !important; margin-bottom: 12px !important; }
html[data-pagina="register"] .relative.z-10 > .grid.grid-cols-2 > a {
  padding: 10px 8px !important;
  gap: 4px !important;
  border-radius: 14px !important;
}
html[data-pagina="register"] .relative.z-10 > .grid.grid-cols-2 > a svg { width: 20px !important; height: 20px !important; }
html[data-pagina="register"] .relative.z-10 > .grid.grid-cols-2 > a .text-xs { font-size: 11.5px !important; line-height: 1.35 !important; }
/* prenume + nume pe același rând (câmpuri scurte) */
html[data-pagina="register"] form .grid.grid-cols-1:has(input[name="first_name"]) {
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
/* bifele de termeni: text lizibil, bifă mai ușor de atins */
html[data-pagina="register"] form label.cursor-pointer { font-size: 13px !important; line-height: 1.5 !important; gap: 10px !important; }
html[data-pagina="register"] form label.cursor-pointer input[type="checkbox"] { width: 18px !important; height: 18px !important; margin-top: 1px !important; }
html[data-pagina="register"] .relative.z-10 > .mb-5 { margin-bottom: 12px !important; }

/* ---------- termeni ---------- */
html[data-pagina="termeni"] .lg-wrap { padding: 12px 12px calc(40px + env(safe-area-inset-bottom)) !important; }
html[data-pagina="termeni"] .lg-top { margin-bottom: 12px !important; }
html[data-pagina="termeni"] .lg-brand { font-size: 15px; }
html[data-pagina="termeni"] .lg-brand span.ic { width: 32px !important; height: 32px !important; border-radius: 10px !important; }
html[data-pagina="termeni"] .lg-btn { height: 36px !important; padding: 0 11px !important; border-radius: 11px !important; }
html[data-pagina="termeni"] .lg-hero { padding: 16px !important; border-radius: 18px !important; }
html[data-pagina="termeni"] .lg-hero h1 { font-size: 21px !important; margin: 2px 0 4px !important; line-height: 1.2; }
html[data-pagina="termeni"] .lg-hero p { font-size: 13px !important; line-height: 1.45 !important; }
html[data-pagina="termeni"] .lg-hero p:first-child { font-size: 11px !important; }
/* filele documentelor: un rând derulabil */
html[data-pagina="termeni"] .lg-tabs {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scrollbar-width: none;
  gap: 6px !important;
  margin: 12px -12px !important;
  padding: 0 12px 2px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 18px), transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 18px), transparent 100%);
}
html[data-pagina="termeni"] .lg-tabs::-webkit-scrollbar { display: none; }
html[data-pagina="termeni"] .lg-tab { flex: 0 0 auto; height: 34px !important; padding: 0 12px !important; border-radius: 999px !important; white-space: nowrap; }
html[data-pagina="termeni"] .lg-doc { padding: 16px 14px !important; border-radius: 16px !important; font-size: 14.5px !important; line-height: 1.6 !important; }
html[data-pagina="termeni"] .lg-doc .lg-titlu { font-size: 20px !important; line-height: 1.25; }
html[data-pagina="termeni"] .lg-doc .meta { font-size: 12px !important; margin-bottom: 14px !important; }
html[data-pagina="termeni"] .lg-doc h2 { font-size: 16px !important; line-height: 1.3; margin: 20px 0 6px !important; }
html[data-pagina="termeni"] .lg-doc h3 { font-size: 14.5px !important; }
html[data-pagina="termeni"] .lg-doc ul, html[data-pagina="termeni"] .lg-doc ol { padding-left: 18px !important; }
html[data-pagina="termeni"] .lg-doc table { font-size: 12.5px !important; }
html[data-pagina="termeni"] .lg-subsol { margin-top: 18px !important; }

/* primul câmp vizibil de după inputurile ascunse (csrf, rol) nu primește spațiul dintre rânduri */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"], [data-pagina="resetare-parola"], [data-pagina="verifica-email"], [data-pagina="invitatie"]) form > input[type="hidden"] + :not(input) { margin-top: 0 !important; }
/* imaginea captcha: puțin mai joasă */
html:is([data-pagina="login"], [data-pagina="register"], [data-pagina="parola-uitata"]) form img { max-height: 52px; width: auto; }