.rm-agenda-wrap,
.rm-agenda-admin {
--rm-agenda-accent: #0059b3;
--rm-agenda-dark: #1f1235;
--rm-agenda-soft: #f8fbff;
--rm-agenda-line: #cfe2ff;
--rm-agenda-text: #2b2436;
--rm-agenda-muted: #6b6477;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: var(--rm-agenda-text);
}
.rm-agenda-wrap * ,
.rm-agenda-admin * {
box-sizing: border-box;
}
.rm-agenda-wrap {
max-width: 1120px;
margin: 0 auto;
padding: 24px 12px;
}
.rm-agenda-card {
background: #fff;
border: 1px solid var(--rm-agenda-line);
border-radius: 22px;
padding: 24px;
box-shadow: 0 14px 45px rgba(7, 17, 31, .08);
margin-bottom: 18px;
}
.rm-agenda-public-card {
background: linear-gradient(180deg, #ffffff 0%, #faf7ff 100%);
}
.rm-agenda-title-row h2,
.rm-agenda-card h2,
.rm-agenda-card h3,
.rm-agenda-admin-hero h1 {
margin-top: 0;
color: var(--rm-agenda-dark);
line-height: 1.1;
}
.rm-agenda-title-row p,
.rm-agenda-small,
.rm-agenda-card p {
color: var(--rm-agenda-muted);
}
.rm-agenda-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--rm-agenda-accent);
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 8px;
}
.rm-agenda-grid {
display: grid;
gap: 16px;
}
.rm-agenda-grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rm-agenda-grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rm-agenda-form label {
display: block;
font-weight: 700;
color: var(--rm-agenda-dark);
margin-bottom: 14px;
}
.rm-agenda-form label span,
.rm-agenda-form label > small {
display: block;
margin-bottom: 7px;
}
.rm-agenda-form input,
.rm-agenda-form select,
.rm-agenda-form textarea {
width: 100%;
min-height: 44px;
border: 1px solid #cbd5e1;
border-radius: 14px;
padding: 10px 13px;
font-size: 15px;
background: #fff;
color: var(--rm-agenda-text);
box-shadow: none;
}
.rm-agenda-form textarea {
min-height: 90px;
}
.rm-agenda-form input:focus,
.rm-agenda-form select:focus,
.rm-agenda-form textarea:focus {
outline: 2px solid color-mix(in srgb, var(--rm-agenda-accent) 25%, transparent);
border-color: var(--rm-agenda-accent);
}
.rm-agenda-section-title {
font-size: 18px;
color: var(--rm-agenda-dark);
font-weight: 900;
margin: 20px 0 14px;
padding-top: 10px;
border-top: 1px solid var(--rm-agenda-line);
}
.rm-agenda-button,
.rm-agenda-wrap .rm-agenda-button,
.rm-agenda-admin .button.button-primary {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
border: none;
background: var(--rm-agenda-accent);
color: #fff !important;
border-radius: 999px;
padding: 12px 20px;
min-height: 44px;
font-weight: 800;
text-decoration: none;
cursor: pointer;
box-shadow: 0 12px 24px rgba(0, 89, 179, .22);
}
.rm-agenda-button:hover,
.rm-agenda-admin .button.button-primary:hover {
filter: brightness(.95);
}
.rm-agenda-button-light {
background: #fff;
color: var(--rm-agenda-accent) !important;
border: 1px solid var(--rm-agenda-line);
box-shadow: none;
}
.rm-agenda-success {
background: #ecfdf5;
border: 1px solid #a7f3d0;
border-radius: 20px;
padding: 20px;
margin-bottom: 18px;
color: #064e3b;
}
.rm-agenda-success p,
.rm-agenda-success span {
color: #065f46;
}
.rm-agenda-success-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px 18px;
margin: 14px 0;
}
.rm-agenda-admin-hero {
background: linear-gradient(135deg, #07111f 0%, var(--rm-agenda-accent) 100%);
color: #fff;
border-radius: 22px;
padding: 26px;
margin: 20px 0;
box-shadow: 0 20px 45px rgba(7, 17, 31, .16);
}
.rm-agenda-admin-hero h1,
.rm-agenda-admin-hero p,
.rm-agenda-admin-hero span {
color: #fff;
}
.rm-agenda-admin-hero span {
opacity: .85;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 12px;
}
.rm-agenda-admin-filters {
display: flex;
flex-wrap: wrap;
align-items: end;
gap: 12px;
}
.rm-agenda-admin-filters label {
font-weight: 700;
}
.rm-agenda-admin-filters input,
.rm-agenda-admin-filters select {
display: block;
min-height: 36px;
}
.rm-agenda-appointment-main,
.rm-agenda-admin-row {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
}
.rm-agenda-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
}
.rm-agenda-status {
display: inline-flex;
border-radius: 999px;
padding: 5px 10px;
font-size: 12px;
font-weight: 900;
background: #eee;
color: #333;
}
.rm-agenda-status-pending { background: #fef3c7; color: #92400e; }
.rm-agenda-status-confirmed { background: #dbeafe; color: #1d4ed8; }
.rm-agenda-status-finished { background: #dcfce7; color: #166534; }
.rm-agenda-status-cancelled { background: #fee2e2; color: #991b1b; }
.rm-agenda-status-no_show { background: #f3f4f6; color: #374151; }
.rm-agenda-admin-row {
padding: 14px 0;
border-bottom: 1px solid #eee;
}
.rm-agenda-admin-row:last-child {
border-bottom: 0;
}
.rm-agenda-inline-form {
display: inline-block;
margin-left: 6px;
}
.rm-agenda-delete-form {
margin-top: 16px;
}
.rm-agenda-check {
display: flex !important;
align-items: center;
gap: 8px;
}
.rm-agenda-check input {
width: auto;
min-height: auto;
}
.rm-agenda-patient-item {
padding: 14px 0;
border-bottom: 1px solid var(--rm-agenda-line);
}
.rm-agenda-patient-item:last-child {
border-bottom: 0;
}
@media (max-width: 780px) {
.rm-agenda-grid-2,
.rm-agenda-grid-3,
.rm-agenda-success-grid {
grid-template-columns: 1fr;
}
.rm-agenda-appointment-main,
.rm-agenda-admin-row {
align-items: flex-start;
flex-direction: column;
}
.rm-agenda-actions {
justify-content: flex-start;
}
.rm-agenda-card {
padding: 18px;
border-radius: 18px;
}
} .rm-agenda-card code {
background: #f3f0ff;
border: 1px solid var(--rm-agenda-line);
border-radius: 8px;
padding: 2px 6px;
}
.rm-agenda-public-card,
.rm-agenda-patient-search {
position: relative;
overflow: hidden;
}
.rm-agenda-public-card:before,
.rm-agenda-patient-search:before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at 12% 0%, rgba(109,40,217,.13), transparent 34%),
radial-gradient(circle at 100% 25%, rgba(76,29,149,.10), transparent 30%);
}
.rm-agenda-public-card > *,
.rm-agenda-patient-search > * {
position: relative;
}
.rm-agenda-appointment-card {
border-left: 5px solid var(--rm-agenda-accent);
transition: transform .15s ease, box-shadow .15s ease;
}
.rm-agenda-appointment-card:hover {
transform: translateY(-1px);
box-shadow: 0 18px 48px rgba(31,18,53,.12);
}
.rm-agenda-info-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 10px;
margin: 14px 0 18px;
}
.rm-agenda-info-grid span {
display: block;
background: var(--rm-agenda-soft);
border: 1px solid var(--rm-agenda-line);
border-radius: 16px;
padding: 12px;
color: var(--rm-agenda-text);
}
.rm-agenda-info-grid b {
display: block;
color: var(--rm-agenda-muted);
font-size: 12px;
text-transform: uppercase;
letter-spacing: .04em;
margin-bottom: 3px;
}
.rm-agenda-actions-left {
justify-content: flex-start;
}
.rm-agenda-quick-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.rm-agenda-quick-actions .rm-agenda-inline-form,
.rm-agenda-actions .rm-agenda-inline-form {
margin-left: 0;
}
.rm-agenda-actions .button,
.rm-agenda-quick-actions .button,
.rm-agenda-admin-row .button {
border-radius: 999px;
}
.rm-agenda-detail-card {
min-height: 100%;
}
.rm-agenda-patient-list {
display: grid;
gap: 14px;
}
.rm-agenda-patient-list .rm-agenda-patient-item {
border: 1px solid var(--rm-agenda-line);
border-radius: 18px;
padding: 18px;
background: #fff;
}
.rm-agenda-patient-item h3 {
margin: 10px 0 6px;
}
@media (max-width: 780px) {
.rm-agenda-info-grid {
grid-template-columns: 1fr;
}
} .rm-agenda-alert-card {
background: linear-gradient(135deg, #fff 0%, #eaf3ff 100%);
border-color: rgba(109,40,217,.24);
}
.rm-agenda-service-preview {
display: none;
margin-top: 8px;
padding: 12px 14px;
border: 1px solid var(--rm-agenda-line);
border-radius: 16px;
background: var(--rm-agenda-soft);
}
.rm-agenda-service-preview strong {
display: block;
font-size: 20px;
color: var(--rm-agenda-dark);
line-height: 1;
margin-bottom: 4px;
}
.rm-agenda-service-preview span {
display: block;
color: var(--rm-agenda-muted);
font-size: 13px;
font-weight: 800;
}
.rm-agenda-stat-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
margin-bottom: 18px;
}
.rm-agenda-stat-card {
background: #fff;
border: 1px solid var(--rm-agenda-line);
border-radius: 20px;
padding: 18px;
box-shadow: 0 14px 35px rgba(31,18,53,.07);
}
.rm-agenda-stat-card span {
display: block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .05em;
color: var(--rm-agenda-muted);
font-weight: 900;
margin-bottom: 8px;
}
.rm-agenda-stat-card strong {
display: block;
color: var(--rm-agenda-dark);
font-size: 24px;
line-height: 1.1;
}
.rm-agenda-service-row {
align-items: flex-start;
}
.rm-agenda-service-public-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.rm-agenda-service-public-card {
background: #fff;
border: 1px solid var(--rm-agenda-line);
border-radius: 24px;
overflow: hidden;
box-shadow: 0 16px 42px rgba(31,18,53,.09);
display: flex;
flex-direction: column;
min-height: 100%;
}
.rm-agenda-service-img {
height: 175px;
background: var(--rm-agenda-soft);
overflow: hidden;
}
.rm-agenda-service-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.rm-agenda-service-public-body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.rm-agenda-service-public-body h3 {
margin: 0;
color: var(--rm-agenda-dark);
font-size: 22px;
line-height: 1.1;
}
.rm-agenda-service-public-body p {
color: var(--rm-agenda-muted);
line-height: 1.6;
margin: 0;
flex: 1;
}
.rm-agenda-service-public-body > strong {
display: block;
font-size: 24px;
color: var(--rm-agenda-dark);
}
.rm-agenda-admin select,
.rm-agenda-admin input[type="date"],
.rm-agenda-admin input[type="time"],
.rm-agenda-admin input[type="number"],
.rm-agenda-admin input[type="text"],
.rm-agenda-admin input[type="url"],
.rm-agenda-admin input[type="email"],
.rm-agenda-admin textarea {
border-radius: 12px;
border: 1px solid #cbd5e1;
}
@media (max-width: 1100px) {
.rm-agenda-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rm-agenda-service-public-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
.rm-agenda-stat-grid,
.rm-agenda-service-public-grid { grid-template-columns: 1fr; }
.rm-agenda-stat-card strong { font-size: 21px; }
} .rm-agenda-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:18px}
.rm-agenda-day{min-height:112px;background:#fff;border:1px solid rgba(109,40,217,.15);border-radius:14px;padding:10px;box-shadow:0 8px 24px rgba(17,24,39,.05);overflow:hidden}
.rm-agenda-day-empty{background:rgba(248,250,252,.65);box-shadow:none}
.rm-agenda-day>strong{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:rgba(109,40,217,.1);color:#07111f;font-size:13px;margin-bottom:8px}
.rm-agenda-day-event{font-size:12px;line-height:1.35;background:#f8fbff;border:1px solid #cfe2ff;border-radius:10px;padding:6px 7px;margin:5px 0;color:#312e81}
.rm-agenda-day-event span{font-weight:900;color:#07111f}
.rm-agenda-day-event a{text-decoration:none;font-weight:800;color:#312e81}
.rm-agenda-check{display:flex!important;align-items:center;gap:8px;font-weight:700;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px!important;margin:8px 0!important}
.rm-agenda-check input{width:auto!important;margin:0!important}
.rm-agenda-admin .widefat code{background:#f8fbff;color:#07111f;padding:2px 6px;border-radius:6px}
@media(max-width:900px){.rm-agenda-month-grid{grid-template-columns:1fr}.rm-agenda-day{min-height:auto}} .rm-agenda-suggestion-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}
.rm-agenda-suggestion{background:#fff;border:1px solid #cfe2ff;border-radius:16px;padding:14px;box-shadow:0 8px 24px rgba(76,29,149,.08)}
.rm-agenda-pill{display:inline-block;margin:6px 4px 0 0;padding:6px 10px;border-radius:999px;background:#eaf3ff;color:#07111f;font-weight:800;font-size:12px}
.rm-agenda-media-button{margin-top:8px!important}
.rm-agenda-admin input[type="text"],.rm-agenda-admin input[type="email"],.rm-agenda-admin input[type="url"],.rm-agenda-admin input[type="number"],.rm-agenda-admin input[type="date"],.rm-agenda-admin input[type="time"],.rm-agenda-admin select,.rm-agenda-admin textarea{width:100%;max-width:100%;border:1px solid #d8b4fe;border-radius:10px;padding:8px 10px;background:#fff}
.rm-agenda-admin label{display:block;margin:10px 0;font-weight:700;color:#312e81}
.rm-agenda-admin .widefat td{vertical-align:middle} .rm-agenda-front-1216 .rm-agenda-brand-banner-1218{
display:flex;
justify-content:flex-start;
align-items:center;
margin:0 0 18px;
text-align:left;
}
.rm-agenda-front-1216 .rm-agenda-brand-banner-1218 img{
display:block;
max-width:340px;
width:100%;
height:auto;
object-fit:contain;
}
@media(max-width:620px){
.rm-agenda-front-1216 .rm-agenda-brand-banner-1218 img{max-width:280px;}
}  body:has(.rm-agenda-patient-area-v1271) {
overflow-x: hidden !important;
}
body:has(.rm-agenda-patient-area-v1271) .site,
body:has(.rm-agenda-patient-area-v1271) .site-content,
body:has(.rm-agenda-patient-area-v1271) .content-area,
body:has(.rm-agenda-patient-area-v1271) .entry-content,
body:has(.rm-agenda-patient-area-v1271) .wp-site-blocks,
body:has(.rm-agenda-patient-area-v1271) .wp-block-post-content,
body:has(.rm-agenda-patient-area-v1271) .elementor,
body:has(.rm-agenda-patient-area-v1271) .elementor-section,
body:has(.rm-agenda-patient-area-v1271) .elementor-container,
body:has(.rm-agenda-patient-area-v1271) .elementor-column,
body:has(.rm-agenda-patient-area-v1271) .elementor-widget,
body:has(.rm-agenda-patient-area-v1271) .elementor-widget-container {
max-width: none !important;
} .rm-agenda-wrap.rm-agenda-patient-area-v1271,
.rm-agenda-patient-area-v1271 {
width: 80vw !important;
max-width: 80vw !important;
min-width: 80vw !important;
margin-left: calc(50% - 40vw) !important;
margin-right: calc(50% - 40vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
} .rm-agenda-patient-area-v1271 .rm-agenda-card,
.rm-agenda-patient-area-v1271 .rm-agenda-public-card,
.rm-agenda-patient-area-v1271 .rm-agenda-patient-card,
.rm-agenda-patient-area-v1271 form,
.rm-agenda-patient-area-v1271 .rm-agenda-grid {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
} .rm-agenda-patient-area-v1271 input,
.rm-agenda-patient-area-v1271 select,
.rm-agenda-patient-area-v1271 textarea,
.rm-agenda-patient-area-v1271 button {
max-width: 100% !important;
box-sizing: border-box !important;
} .rm-agenda-patient-area-v1271 .rm-agenda-grid,
.rm-agenda-patient-area-v1271 .rm-agenda-grid-2,
.rm-agenda-patient-area-v1271 .rm-agenda-grid-3 {
display: grid !important;
gap: 14px !important;
}
.rm-agenda-patient-area-v1271 .rm-agenda-grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.rm-agenda-patient-area-v1271 .rm-agenda-grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
} @media (max-width: 782px) {
.rm-agenda-wrap.rm-agenda-patient-area-v1271,
.rm-agenda-patient-area-v1271 {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.rm-agenda-patient-area-v1271 .rm-agenda-grid,
.rm-agenda-patient-area-v1271 .rm-agenda-grid-2,
.rm-agenda-patient-area-v1271 .rm-agenda-grid-3 {
grid-template-columns: 1fr !important;
}
}