/* =====================================================================
   Tema Regina Maria pentru Oglinda
   - paginile AppGini (tabele, fise, meniul lateral): prin hooks/header-extras.php
   - paginile proprii (Oglinda sectii, ATI, Monitor, Bon meniuri, Centralizator,
     Statistici, Setari, Ghid): <link> la sfarsitul <head> + <body class="rm-page ...">
   Culori: rosu Regina Maria, fundal gri deschis, carduri albe, pastile (pills) discrete.
   ===================================================================== */

:root {
	--rm-accent: #d0103a;        /* rosu RM (texte active, butoane principale) */
	--rm-accent-600: #b00d31;
	--rm-accent-50: #fdeef1;     /* fundal pastile / hover */
	--rm-accent-100: #fbd9e1;
	--rm-logo-red: #e30b2e;
	--rm-bg: #f5f6f8;
	--rm-card: #ffffff;
	--rm-line: #eceef1;
	--rm-line-2: #e1e4e8;
	--rm-soft: #f6f7f9;
	--rm-hover: #f3f4f6;
	--rm-ink: #1d2226;
	--rm-ink-2: #5b6570;
	--rm-ink-3: #8a939c;
	--rm-good: #16884a;   --rm-good-bg: #e6f6ec;
	--rm-warn: #a15c00;   --rm-warn-bg: #fff4e0;
	--rm-info: #2563a8;   --rm-info-bg: #eaf2fc;
	--rm-bad: #b42318;    --rm-bad-bg: #fdecea;
	--rm-radius: 12px;
	--rm-shadow: 0 1px 2px rgba(16, 24, 40, .04);
	--rm-font: "Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* ============================ APLICATIA (AppGini) ============================ */

body.rm-app, body:has(> .users-area) { background: var(--rm-bg) !important; color: var(--rm-ink); font-family: var(--rm-font); }
body.rm-app a, .users-area a { color: var(--rm-accent); }
body.rm-app a:hover, .users-area a:hover { color: var(--rm-accent-600); }
.users-area h1, .users-area h2, .users-area h3, .users-area h4 { font-family: var(--rm-font); color: var(--rm-ink); }

/* ---- bara de sus ---- */
.users-area .navbar.navbar-default,
.users-area .navbar.navbar-inverse { background: #fff !important; border: 0 !important; border-bottom: 1px solid var(--rm-line) !important; box-shadow: none !important; min-height: 60px; }
.users-area .navbar .navbar-brand { color: var(--rm-ink) !important; font-weight: 600; display: flex; align-items: center; gap: 10px; height: 60px; padding-top: 0; padding-bottom: 0; }
.users-area .navbar .navbar-brand img.rm-brand { height: 34px; width: auto; }
.users-area .navbar .navbar-brand .rm-app-name { font-size: 13px; font-weight: 600; color: var(--rm-ink-3); border-left: 1px solid var(--rm-line-2); padding-left: 10px; }
.users-area .navbar .navbar-nav > li > a { color: var(--rm-ink-2) !important; }
.users-area .navbar .navbar-nav > li > a:hover, .users-area .navbar .navbar-nav > .open > a { color: var(--rm-accent) !important; background: var(--rm-hover) !important; }
.users-area .navbar .navbar-btn.btn-default { background: #fff; border: 1px solid var(--rm-line-2); color: var(--rm-ink); }
.users-area .navbar .btn-admin-area { background: var(--rm-accent-50) !important; color: var(--rm-accent) !important; border: 1px solid var(--rm-accent-100) !important; }
.users-area .dropdown-menu { border: 1px solid var(--rm-line); border-radius: 10px; box-shadow: 0 8px 24px rgba(16,24,40,.08); padding: 6px; }
.users-area .dropdown-menu > li > a { border-radius: 6px; padding: 7px 12px; color: var(--rm-ink); }
.users-area .dropdown-menu > li > a:hover { background: var(--rm-hover); color: var(--rm-accent); }

/* ---- meniul lateral (ca in portalul RM) ---- */
.users-area .vertical-nav { background: #fff !important; border-right: 1px solid var(--rm-line); padding: 8px 10px 20px !important; min-height: calc(100vh - 60px); }
.users-area .vertical-nav .panel-group, .users-area .vertical-nav .panel { background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; }
.users-area .vertical-nav .panel-heading { display: none; }
.users-area .vertical-nav .panel-collapse { display: block !important; height: auto !important; }
.users-area .vertical-nav .list-group { margin: 0; }
.users-area .vertical-nav .list-group-item { border: 0 !important; background: transparent !important; padding: 0 !important; margin: 1px 0; }
.users-area .vertical-nav .vertical-nav-link a { display: flex !important; align-items: center; gap: 12px; padding: 9px 12px !important; border-radius: 8px; color: var(--rm-ink) !important; font-size: 14.5px; font-weight: 400; text-decoration: none !important; line-height: 1.3; }
.users-area .vertical-nav .vertical-nav-link a:hover { background: var(--rm-hover); color: var(--rm-accent) !important; }
.users-area .vertical-nav .vertical-nav-link a.active, .users-area .vertical-nav .vertical-nav-link a.rm-active { background: var(--rm-hover); color: var(--rm-accent) !important; font-weight: 500 !important; }
.users-area .vertical-nav .vertical-nav-link a img { display: none; }
.users-area .vertical-nav .rm-ic { width: 20px; height: 20px; flex: none; color: var(--rm-ink-3); }
.users-area .vertical-nav a:hover .rm-ic, .users-area .vertical-nav a.active .rm-ic, .users-area .vertical-nav a.rm-active .rm-ic { color: var(--rm-accent); }
.users-area .vertical-nav .rm-nav-h { font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--rm-ink-3); padding: 18px 12px 6px; list-style: none; }
.users-area .vertical-nav .rm-nav-h:first-child { padding-top: 8px; }
.users-area .vertical-nav .btn { border-radius: 8px !important; }
.users-area .btn-toggle-vertical-nav { background: #fff !important; border: 1px solid var(--rm-line-2) !important; border-radius: 8px !important; color: var(--rm-ink-3) !important; }

/* ---- continut ---- */
.users-area .main-content { font-family: var(--rm-font); }
.users-area .page-header { border-bottom: 0; margin-top: 10px; }
.users-area .page-header h1 { font-size: 24px; font-weight: 700; }
.users-area .page-header h1 a.table-title { color: var(--rm-ink) !important; text-decoration: none; }
.users-area .page-header h1 a.table-title img { display: none; }
.users-area .rm-crumbs { font-size: 13px; color: var(--rm-ink-3); margin: 4px 0 -8px; }
.users-area .rm-crumbs a { color: var(--rm-ink-3) !important; text-decoration: none; }
.users-area .rm-crumbs a:hover { color: var(--rm-accent) !important; }

/* ---- tabele ---- */
.users-area .table-responsive { background: var(--rm-card); border: 1px solid var(--rm-line) !important; border-radius: var(--rm-radius); box-shadow: var(--rm-shadow); overflow: auto; }
.users-area .table { background: var(--rm-card); margin-bottom: 0; color: var(--rm-ink); font-size: 13.5px; }
.users-area .table-bordered { border: 0 !important; }
.users-area .table-bordered > thead > tr > th, .users-area .table-bordered > tbody > tr > td,
.users-area .table-bordered > thead > tr > td, .users-area .table-bordered > tfoot > tr > td { border-left: 0 !important; border-right: 0 !important; border-color: var(--rm-line) !important; }
.users-area .table > thead > tr > th, .users-area .table > thead > tr > td { background: #fafbfc; color: var(--rm-ink-2); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; border-bottom: 1px solid var(--rm-line) !important; vertical-align: bottom; padding: 10px 8px; }
.users-area .table > thead > tr > th a { color: var(--rm-ink-2) !important; text-decoration: none; }
.users-area .table > thead > tr > th a:hover { color: var(--rm-accent) !important; }
.users-area .table > tbody > tr > td { padding: 8px 8px; border-top: 1px solid var(--rm-line) !important; vertical-align: middle; }
.users-area .table-striped > tbody > tr:nth-of-type(odd) { background: #fff; }
.users-area .table-hover > tbody > tr:hover, .users-area .table-hover > tbody > tr:hover > td { background: #fafafb !important; }
.users-area .table > tbody > tr > td a { color: var(--rm-ink) !important; text-decoration: none; }
.users-area .table > tbody > tr > td a:hover { color: var(--rm-accent) !important; }
.users-area .table > tbody > tr.active > td, .users-area .table > tbody > tr.info > td, .users-area .table > tbody > tr.success > td { background: var(--rm-accent-50) !important; }
.users-area .table > tfoot > tr > td, .users-area .table-footer { background: #fff; }
.users-area .table input[type=checkbox] { accent-color: var(--rm-accent); }

/* ---- butoane ---- */
.users-area .btn { border-radius: 8px; font-family: var(--rm-font); font-weight: 500; box-shadow: none !important; text-shadow: none; }
.users-area .btn-default { background: #fff; border-color: var(--rm-line-2); color: var(--rm-ink); }
.users-area .btn-default:hover, .users-area .btn-default:focus, .users-area .btn-default.active { background: var(--rm-hover); border-color: var(--rm-line-2); color: var(--rm-accent); }
.users-area .btn-primary, .users-area .btn-success { background: var(--rm-accent) !important; border-color: var(--rm-accent) !important; color: #fff !important; }
.users-area .btn-primary:hover, .users-area .btn-success:hover, .users-area .btn-primary:focus, .users-area .btn-success:focus { background: var(--rm-accent-600) !important; border-color: var(--rm-accent-600) !important; }
.users-area .btn-info { background: var(--rm-info-bg); border-color: #cfe0f6; color: var(--rm-info); }
.users-area .btn-warning { background: var(--rm-warn-bg); border-color: #f5d9a6; color: var(--rm-warn); }
.users-area .btn-danger { background: #fff; border-color: #f3c1bc; color: var(--rm-bad); }
.users-area .btn-danger:hover { background: var(--rm-bad-bg); color: var(--rm-bad); border-color: #f3c1bc; }
.users-area .btn-group > .btn { border-radius: 0; }
.users-area .btn-group > .btn:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.users-area .btn-group > .btn:last-child, .users-area .btn-group > .dropdown-toggle { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

/* ---- formulare ---- */
.users-area .form-control, .users-area .select2-container .select2-choice, .users-area .input-group-addon { border-radius: 8px; border-color: var(--rm-line-2); box-shadow: none; }
.users-area .input-group .form-control:not(:last-child), .users-area .input-group-addon:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.users-area .input-group .form-control:not(:first-child), .users-area .input-group-btn:last-child > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.users-area .form-control:focus { border-color: var(--rm-accent); box-shadow: 0 0 0 3px rgba(208, 16, 58, .12); }
.users-area input[type=checkbox], .users-area input[type=radio] { accent-color: var(--rm-accent); }

/* ---- panouri, etichete, alerte, paginare ---- */
.users-area .panel { border-radius: var(--rm-radius); border-color: var(--rm-line); box-shadow: var(--rm-shadow); }
.users-area .panel > .panel-heading { background: #fff; border-color: var(--rm-line); border-top-left-radius: var(--rm-radius); border-top-right-radius: var(--rm-radius); color: var(--rm-ink); font-weight: 600; }
.users-area .panel-primary > .panel-heading, .users-area .panel-info > .panel-heading, .users-area .panel-success > .panel-heading { background: #fff; color: var(--rm-ink); border-color: var(--rm-line); }
.users-area .label, .users-area .badge { border-radius: 999px; font-weight: 600; padding: .3em .75em; }
.users-area .label-default, .users-area .badge { background: var(--rm-accent-50); color: var(--rm-accent); }
.users-area .label-primary, .users-area .label-danger { background: var(--rm-accent-50); color: var(--rm-accent); }
.users-area .label-success { background: var(--rm-good-bg); color: var(--rm-good); }
.users-area .label-warning { background: var(--rm-warn-bg); color: var(--rm-warn); }
.users-area .label-info { background: var(--rm-info-bg); color: var(--rm-info); }
.users-area .alert { border-radius: 10px; }
.users-area .alert-success { background: var(--rm-good-bg); border-color: #bfe6cf; color: var(--rm-good); }
.users-area .alert-danger { background: var(--rm-bad-bg); border-color: #f3c1bc; color: var(--rm-bad); }
.users-area .alert-warning { background: var(--rm-warn-bg); border-color: #f5d9a6; color: var(--rm-warn); }
.users-area .alert-info { background: var(--rm-info-bg); border-color: #cfe0f6; color: var(--rm-info); }
.users-area .pagination > li > a, .users-area .pagination > li > span { color: var(--rm-ink); border-color: var(--rm-line-2); }
.users-area .pagination > .active > a, .users-area .pagination > .active > span { background: var(--rm-accent); border-color: var(--rm-accent); color: #fff; }
.users-area .nav-tabs > li.active > a { color: var(--rm-accent); border-top: 2px solid var(--rm-accent); }
.users-area .modal-content { border-radius: 14px; border: 0; }
.users-area .well { background: #fff; border-color: var(--rm-line); border-radius: var(--rm-radius); box-shadow: none; }

/* ---- fisa pacientului (templates/Pacienti_templateDV.html) ---- */
html body .pac-dv { --pac-accent: var(--rm-accent); --pac-accent-soft: var(--rm-accent-50); --pac-line: var(--rm-line); --pac-bg: #fafbfc; --pac-muted: var(--rm-ink-2); }
html body .pac-dv .pac-hero { background: #fff; color: var(--rm-ink); border: 1px solid var(--rm-line); box-shadow: var(--rm-shadow); border-radius: var(--rm-radius); }
html body .pac-dv .pac-avatar { background: var(--rm-accent-50); color: var(--rm-accent); }
html body .pac-dv .pac-hero-sub { color: var(--rm-ink-3); opacity: 1; }
html body .pac-dv .pac-chip { background: var(--rm-accent-50); color: var(--rm-accent); font-weight: 500; }
html body .pac-dv .pac-chip.is-warn { background: var(--rm-warn-bg); color: var(--rm-warn); }
html body .pac-dv .pac-chip.is-danger { background: var(--rm-bad-bg); color: var(--rm-bad); }
html body .pac-dv .pac-chip.is-info { background: var(--rm-info-bg); color: var(--rm-info); }
html body .pac-dv .pac-chip.is-ok { background: var(--rm-good-bg); color: var(--rm-good); }
html body .pac-dv .pac-card { border-radius: var(--rm-radius); box-shadow: var(--rm-shadow); }
html body .pac-dv .pac-card-h { background: #fff; color: var(--rm-ink); font-weight: 600; }
html body .pac-dv .pac-card-menu { border-color: var(--rm-line); }
html body .pac-dv .pac-card-menu .pac-card-h { background: #fff; }
html body .pac-dv .form-control:focus { box-shadow: 0 0 0 3px rgba(208, 16, 58, .12); }

/* ---- pagina principala (hooks/home-custom.php) ---- */
html body .ogd { --accent: var(--rm-accent); --ink: var(--rm-ink); --ink-2: var(--rm-ink-2); --ink-3: var(--rm-ink-3); --line: var(--rm-line); --soft: var(--rm-soft); --good: var(--rm-good); --warn: var(--rm-warn); --bad: var(--rm-bad); font-family: var(--rm-font); }
html body .ogd .ogd-card { border-radius: var(--rm-radius); box-shadow: var(--rm-shadow); }
html body .ogd .ogd-btn.primary:hover { background: var(--rm-accent-600); }
html body .ogd .ogd-mod .ic { background: var(--rm-accent-50); color: var(--rm-accent); }
html body .ogd .ogd-chip { background: var(--rm-accent-50); border-color: var(--rm-accent-100); color: var(--rm-accent) !important; font-weight: 500; }
html body .ogd .ogd-chip:hover { background: var(--rm-accent-100); }
html body .ogd .ogd-tbl .add { color: var(--rm-accent) !important; }
html body .ogd .ogd-tbl .add:hover { background: var(--rm-accent-50); border-color: var(--rm-accent-100); }
html body .ogd .ogd-head h1 { font-size: 24px; }

/* ============================ PAGINILE PROPRII ============================ */

body.rm-page { background: var(--rm-bg) !important; color: var(--rm-ink); font-family: var(--rm-font) !important; margin: 0 !important; }
body.rm-page a { color: var(--rm-accent); }

/* antet comun (hooks/rm_ui.php -> rm_antet()) */
.rm-top { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--rm-line); }
.rm-top-in { display: flex; align-items: center; gap: 16px; padding: 8px 20px; min-height: 60px; flex-wrap: wrap; }
.rm-top .rm-logo img { height: 34px; width: auto; display: block; }
.rm-top .rm-app { font-size: 13px; font-weight: 600; color: var(--rm-ink-3); border-left: 1px solid var(--rm-line-2); padding-left: 12px; }
.rm-top .rm-top-links { margin-left: auto; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.rm-top .rm-top-links a, .rm-top .rm-top-links button { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 8px; font: 500 14px var(--rm-font); color: var(--rm-ink-2) !important; text-decoration: none; background: transparent; border: 0; cursor: pointer; }
.rm-top .rm-top-links a:hover, .rm-top .rm-top-links button:hover { background: var(--rm-hover); color: var(--rm-accent) !important; }
.rm-top .rm-user { font-size: 13px; color: var(--rm-ink-3); padding-left: 8px; }
.rm-title { padding: 18px 20px 6px; }
.rm-title h1 { margin: 0; font-size: 22px; font-weight: 700; color: var(--rm-ink); font-family: var(--rm-font); }
.rm-title .rm-crumbs { font-size: 13px; color: var(--rm-ink-3); margin-top: 4px; }
.rm-title .rm-crumbs a { color: var(--rm-ink-3); text-decoration: none; }
.rm-title .rm-crumbs a:hover { color: var(--rm-accent); }
.rm-body { padding: 8px 20px 30px; }

/* butoane / pastile generice */
body.rm-page button, body.rm-page .btn-rm { font-family: var(--rm-font); }
.rm-seg { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }

/* ---------------- Oglinda sectii (hooks/oglind.php) ---------------- */
body.rm-oglinda { font-size: 14px !important; }
body.rm-oglinda h1:not(.rm-h1) { display: none; }
body.rm-oglinda h2 { font-size: 18px; font-weight: 700; margin: 18px 0 10px; color: var(--rm-ink); }
body.rm-oglinda .filter-section { background: #fff !important; border: 1px solid var(--rm-line); border-radius: var(--rm-radius); padding: 12px 14px !important; box-shadow: var(--rm-shadow); display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; }
body.rm-oglinda .filter-section .filter-group { margin: 0 !important; display: flex !important; flex-wrap: wrap; gap: 6px; align-items: center; float: none !important; }
body.rm-oglinda .filter-section .filter-group[style*="float"] { margin-left: auto !important; }
body.rm-oglinda .filter-section strong { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--rm-ink-3); margin-right: 4px; }
body.rm-oglinda .filter-section a { text-decoration: none; }
body.rm-oglinda button, body.rm-ati button, body.rm-monitor .filter-section button {
	font: 500 13.5px var(--rm-font) !important; padding: 6px 12px !important; margin: 0 !important; border-radius: 8px !important;
	background: #fff !important; color: var(--rm-ink) !important; border: 1px solid var(--rm-line-2) !important; cursor: pointer; }
body.rm-oglinda button:hover, body.rm-ati button:hover, body.rm-monitor .filter-section button:hover { background: var(--rm-hover) !important; color: var(--rm-accent) !important; }
body.rm-oglinda button.active, body.rm-ati button.active, body.rm-monitor button.active { background: var(--rm-accent) !important; border-color: var(--rm-accent) !important; color: #fff !important; }
body.rm-oglinda input[type=date], body.rm-ati input[type=date] { font: 13.5px var(--rm-font); padding: 5px 8px; border: 1px solid var(--rm-line-2); border-radius: 8px; }
body.rm-oglinda .table-container { background: #fff; border: 1px solid var(--rm-line); border-radius: var(--rm-radius); box-shadow: var(--rm-shadow); }
body.rm-oglinda table { font-size: 12.5px !important; margin: 0 !important; background: #fff; }
body.rm-oglinda th, body.rm-oglinda td { border: 0 !important; border-bottom: 1px solid var(--rm-line) !important; padding: 5px 6px !important; }
body.rm-oglinda th { background: #fafbfc !important; color: var(--rm-ink-2); font-size: 10.5px !important; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; z-index: 2; }
body.rm-oglinda td { vertical-align: middle; }
body.rm-oglinda a.patient-link { color: var(--rm-ink) !important; font-weight: 600; font-size: 12.5px !important; }
body.rm-oglinda a.patient-link:hover { color: var(--rm-accent) !important; text-decoration: none !important; }
body.rm-oglinda tr.liber td, body.rm-oglinda .liber { background: #eef8f1 !important; color: #6b8f78 !important; } /* pat liber: verde pal */
/* "Adauga pacient" pe paturile libere: albastru pal, discret (nu concureaza cu pacientii) */
body.rm-oglinda tr.liber a, body.rm-oglinda a.new-record-link { color: #8fb3dc !important; font-weight: 400 !important; font-style: normal; text-decoration: none !important; }
body.rm-oglinda tr.liber a:hover, body.rm-oglinda a.new-record-link:hover { color: #2f6fbf !important; text-decoration: underline !important; }
body.rm-oglinda .discharge-today, body.rm-oglinda .discharge-today td { background: var(--rm-info-bg) !important; }
body.rm-oglinda .single-bed, body.rm-oglinda .single-bed td, body.rm-oglinda .single-paired-bed, body.rm-oglinda .single-paired-bed td { background: var(--rm-accent-50) !important; }
body.rm-oglinda td.meniu-cell { color: #7a0d2a !important; }
body.rm-oglinda td.meniu-cell.meniu-fisa { color: var(--rm-ink-3) !important; }
body.rm-oglinda .ap-badge { background: var(--rm-info-bg); color: var(--rm-info); border-radius: 999px; padding: 0 7px; }
body.rm-oglinda a.ap-edit { color: var(--rm-accent) !important; }
body.rm-oglinda select { font: 12.5px var(--rm-font); border: 1px solid var(--rm-line-2) !important; border-radius: 6px; padding: 2px 4px; background: #fff; }
body.rm-oglinda input[type=checkbox] { accent-color: var(--rm-accent); }
body.rm-oglinda .stats { background: #fff !important; border: 1px solid var(--rm-line); border-radius: var(--rm-radius); box-shadow: var(--rm-shadow); padding: 12px 16px !important; display: flex; flex-wrap: wrap; gap: 8px 28px; }
body.rm-oglinda .stat-item { margin: 0 !important; font-weight: 400 !important; color: var(--rm-ink-2); }
body.rm-oglinda .stat-item b, body.rm-oglinda .stat-item strong { color: var(--rm-ink); }
body.rm-oglinda #pac-modal .pm-head, body.rm-ati #pac-modal .pm-head { background: #fff !important; color: var(--rm-ink) !important; border-bottom: 1px solid var(--rm-line); }
body.rm-oglinda #pac-modal .pm-head button { background: var(--rm-hover) !important; color: var(--rm-ink) !important; }
body.rm-oglinda .top-buttons { display: none; }
body.rm-oglinda .split-tables { gap: 16px !important; }

/* ---------------- Oglinda ATI (hooks/oglinda_ati.php) ---------------- */
body.rm-ati { font-size: 14px !important; }
body.rm-ati h1:not(.rm-h1) { display: none; }
body.rm-ati .filter-section { background: #fff !important; border: 1px solid var(--rm-line); border-radius: var(--rm-radius); padding: 12px 14px !important; box-shadow: var(--rm-shadow); }
body.rm-ati .filter-section strong { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--rm-ink-3); }
body.rm-ati table { background: #fff; border: 1px solid var(--rm-line); border-radius: var(--rm-radius); border-collapse: separate !important; border-spacing: 0; overflow: hidden; box-shadow: var(--rm-shadow); }
body.rm-ati th, body.rm-ati td { border: 0 !important; border-bottom: 1px solid var(--rm-line) !important; padding: 8px 9px !important; }
body.rm-ati th { background: #fafbfc !important; color: var(--rm-ink-2) !important; font-size: 11.5px !important; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; }
body.rm-ati .salon-header td { background: var(--rm-soft) !important; color: var(--rm-ink) !important; font-weight: 600; font-size: 13px; }
body.rm-ati .liber, body.rm-ati .liber td { background: #eef8f1 !important; color: #6b8f78 !important; } /* pat liber: verde pal */
body.rm-ati .ocupat td { background: #fff; }
body.rm-ati .discharge-today td { background: var(--rm-info-bg) !important; }
body.rm-ati a.patient-link { color: var(--rm-ink) !important; font-weight: 600; }
body.rm-ati a.patient-link:hover { color: var(--rm-accent) !important; }
body.rm-ati .sectie-badge { background: var(--rm-accent-50) !important; color: var(--rm-accent) !important; border-radius: 999px !important; padding: 2px 9px !important; font-weight: 500; }
body.rm-ati .flagged-panel { background: #fff !important; border: 1px solid var(--rm-accent-100) !important; border-left: 4px solid var(--rm-accent) !important; border-radius: var(--rm-radius) !important; }
body.rm-ati .flagged-panel th { background: #fafbfc !important; }
body.rm-ati .flagged-panel table { box-shadow: none; }
body.rm-ati select { font: 13px var(--rm-font); border: 1px solid var(--rm-line-2) !important; border-radius: 8px; padding: 4px 6px; background: #fff; }
body.rm-ati button.release-btn { background: #fff !important; color: var(--rm-bad) !important; border-color: #f3c1bc !important; }
body.rm-ati button.release-btn:hover { background: var(--rm-bad-bg) !important; }
body.rm-ati a.anuleaza-link { color: var(--rm-bad) !important; }
body.rm-ati .stats { background: #fff !important; border: 1px solid var(--rm-line); border-radius: var(--rm-radius) !important; box-shadow: var(--rm-shadow); }
body.rm-ati input[type=checkbox] { accent-color: var(--rm-accent); }

/* ---------------- Monitor (hooks/monitor.php) ---------------- */
body.rm-monitor { --brand-red: var(--rm-accent); font-family: var(--rm-font) !important; }

/* ---------------- Bon meniuri + Centralizator ---------------- */
body.rm-meniu { --acc: var(--rm-accent); --acc2: var(--rm-accent); --soft: var(--rm-accent-50); --line: var(--rm-line-2); --bg: var(--rm-bg); --muted: var(--rm-ink-2); }
body.rm-meniu .topbar { background: #fff !important; color: var(--rm-ink) !important; border-bottom: 1px solid var(--rm-line); min-height: 60px; padding: 8px 20px !important; }
body.rm-meniu .topbar::before { content: ''; width: 150px; height: 34px; background: url(rm-logo.png) left center / contain no-repeat; flex: none; }
body.rm-meniu .topbar h1, body.rm-meniu .topbar b, body.rm-meniu .topbar .t { color: var(--rm-ink) !important; }
body.rm-meniu .topbar a, body.rm-meniu .topbar button { background: transparent !important; color: var(--rm-ink-2) !important; border: 0 !important; border-radius: 8px !important; }
body.rm-meniu .topbar a:hover, body.rm-meniu .topbar button:hover { background: var(--rm-hover) !important; color: var(--rm-accent) !important; }
body.rm-meniu .bar { background: #fff !important; color: var(--rm-ink) !important; border-bottom: 1px solid var(--rm-line); }
body.rm-meniu .bar a, body.rm-meniu .bar button { background: var(--rm-hover) !important; color: var(--rm-ink) !important; }

/* ---------------- Statistici ---------------- */
body.rm-stat { background: var(--rm-bg) !important; }
body.rm-stat .container { border-radius: var(--rm-radius) !important; box-shadow: var(--rm-shadow) !important; border: 1px solid var(--rm-line); }
body.rm-stat header { background: #fff !important; color: var(--rm-ink) !important; border: 1px solid var(--rm-line); border-radius: var(--rm-radius) !important; text-align: left !important; }
body.rm-stat header h1 { color: var(--rm-ink) !important; }
body.rm-stat header .subtitle { color: var(--rm-ink-3) !important; }
body.rm-stat .filter-btn.active, body.rm-stat .apply-btn, body.rm-stat .export-btn { background: var(--rm-accent) !important; border-color: var(--rm-accent) !important; color: #fff !important; }
body.rm-stat .stats-table th, body.rm-stat .summary-table th { background: #fafbfc !important; color: var(--rm-ink-2) !important; }
body.rm-stat .nav-btn.nav-main { background: var(--rm-accent) !important; border-color: var(--rm-accent) !important; }
body.rm-stat .ati-grila th { background: #fafbfc !important; color: var(--rm-ink-2) !important; border-color: var(--rm-line) !important; }
body.rm-stat .info-box { border-left-color: var(--rm-accent) !important; }

/* ---------------- Setari + Ghid ---------------- */
body.rm-setari, body.rm-ghid { --accent: var(--rm-accent); --ink: var(--rm-ink); --line: var(--rm-line); --soft: var(--rm-soft); --accent-soft: var(--rm-accent-50); }
body.rm-setari .top h1, body.rm-ghid .top h1 { display: flex; align-items: center; gap: 12px; }
body.rm-setari .top h1::before, body.rm-ghid .top h1::before { content: ''; width: 150px; height: 34px; background: url(rm-logo.png) left center / contain no-repeat; flex: none; }
body.rm-ghid .steps > li::before { background: var(--rm-accent); }
body.rm-ghid .ui.p { background: var(--rm-accent); border-color: var(--rm-accent); }

@media print {
	.rm-top { display: none !important; }
	body.rm-page { background: #fff !important; }
}

/* Statistici: sigla RM in bara de navigare */
body.rm-stat .top-nav { align-items: center; }
body.rm-stat .top-nav::before { content: ''; width: 150px; height: 34px; background: url(rm-logo.png) left center / contain no-repeat; flex: none; margin-right: 8px; }

/* Oglinda sectii - mod compact pentru Chirurgie/Medicala (doua tabele alaturate) */
body.rm-oglinda.og-compact table { font-size: 11.5px !important; }
body.rm-oglinda.og-compact th, body.rm-oglinda.og-compact td { padding: 4px 4px !important; }
body.rm-oglinda.og-compact th { font-size: 9.5px !important; letter-spacing: 0; line-height: 1.15; }
body.rm-oglinda.og-compact a.patient-link { font-size: 11.5px !important; }
body.rm-oglinda.og-compact .ap-line { font-size: 10px; margin-left: 3px; }
body.rm-oglinda.og-compact td.meniu-cell { font-size: 10.5px; }
body.rm-oglinda.og-compact select { font-size: 11px; padding: 1px 2px; height: 24px; }
body.rm-oglinda.og-compact select.inline-edit-as { min-width: 0 !important; width: 96px !important; }
body.rm-oglinda.og-compact th.th-as { min-width: 96px !important; width: 96px; }
body.rm-oglinda.og-compact th.th-int { min-width: 110px !important; }
body.rm-oglinda.og-compact td.int-cell { max-width: 160px !important; }
body.rm-oglinda.og-compact td.obs-cell { max-width: 90px; }
body.rm-oglinda.og-compact td.medic-cell { max-width: 90px; }
body.rm-oglinda.og-compact .mrsa-poz { color: var(--rm-bad); font-weight: 700; }
body.rm-oglinda.og-compact input[type=checkbox] { transform: none !important; width: 15px; height: 15px; }
body.rm-oglinda.og-compact td.pac-cell { white-space: normal !important; min-width: 64px; }
body.rm-oglinda.og-compact td.pac-cell a.patient-link { white-space: nowrap; }
body.rm-oglinda.og-compact .ap-line { display: inline-block; }
body.rm-oglinda.og-compact .int-clamp { overflow-wrap: anywhere; }
body.rm-oglinda.og-compact td.obs-cell { max-width: 72px; }
body.rm-oglinda.og-compact select.inline-edit-as { width: 90px !important; }
body.rm-oglinda.og-compact th.th-as { min-width: 90px !important; width: 90px; }
body.rm-oglinda.og-compact th.th-meniu, body.rm-oglinda.og-compact td.meniu-cell { width: 48px !important; min-width: 48px !important; }
body.rm-oglinda.og-compact td.dt-cell, body.rm-oglinda.og-compact td.st-cell { white-space: nowrap; }

/* Fisa (detail view): coloana cu butoane (Save / Back / Print ...) ramane pe ecran la derulare, cam la mijlocul inaltimii */
@media (min-width: 992px) {
	.users-area .dv-action-buttons { position: -webkit-sticky; position: sticky; top: max(72px, calc(50vh - 170px)); z-index: 5; }
	body:has(.modal-top-spacer) .users-area .dv-action-buttons { top: max(12px, calc(50vh - 170px)); }
	.users-area .dv-action-buttons .btn-toolbar { background: #fff; border: 1px solid var(--rm-line); border-radius: var(--rm-radius); padding: 10px; box-shadow: 0 6px 18px rgba(16, 24, 40, .08); }
}