/**
 * GLIF-03 (1.1.0-glif.3) — GLIF Medical skin ("Verdure Clinique").
 *
 * Loaded AFTER booking.css (public booking pages), client.css (client page) and portal.css (staff
 * portal) by MB_Skin. One layer, so the GLIF look is an isolated diff: the core files keep their own
 * look and only expose hooks (variables with the original value as fallback).
 *
 * TOKENS — copied from the theme (wp-content/themes/glif-medical/style.css :root and theme.json),
 * never eyeballed. The only derived values are the sage TINTS: the theme's accent #7FA99B mixed with
 * white (the theme itself uses the accent at 16% alpha, .merci-hero); they are fills only, never text.
 * The list and the contrast checks are in tickets/glif-03-look/DECISIONS.md.
 *
 * Semantic colours (success / warning / danger, the "présentiel" green, personal amber, unavailable
 * purple, Google-external grey) are kept as they are: they carry meaning, not brand.
 */

:root {
	/* Theme tokens (style.css :root) */
	--glif-surface: #F5F7F6;
	--glif-surface-elevated: #FCFDFC;
	--glif-text: #1B211F;
	--glif-text-muted: #4A5850;
	--glif-on-primary: #F5F7F6;
	--glif-primary: #15423B;
	--glif-primary-hover: #0F332C;
	--glif-primary-active: #0B2620;
	--glif-accent: #7FA99B;
	--glif-accent-deep: #6B8F81;     /* functional UI: input borders, icons (not body text) */
	--glif-border: #E3E9E6;          /* decorative hairlines */
	--glif-border-input: #6B8F81;    /* = accent-deep, 3.6:1 on white (WCAG 1.4.11 non-text ≥ 3:1) */
	--glif-error: #A13F2E;
	--glif-focus: #15423B;
	--glif-font-display: "Cabinet Grotesk", "Geist", system-ui, -apple-system, sans-serif;
	--glif-font-body: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;
	--glif-radius-sm: 8px;
	--glif-radius-md: 16px;
	--glif-radius-full: 999px;
	--glif-shadow-sm: 0 2px 8px -2px rgba(21, 66, 59, 0.14);
	--glif-shadow-md: 0 12px 32px -12px rgba(21, 66, 59, 0.20);
	--glif-shadow-lg: 0 24px 60px -20px rgba(21, 66, 59, 0.26);
	--glif-ease: cubic-bezier(0.16, 1, 0.3, 1);

	/* Derived fills: accent #7FA99B over white at 10 / 16 / 24 / 32 / 45 % */
	--glif-tint-10: #F2F6F5;
	--glif-tint-16: #EAF1EF;
	--glif-tint-24: #E0EAE7;
	--glif-tint-32: #D6E4DF;
	--glif-tint-45: #C5D8D2;
}

/* =========================================================================
   1. PUBLIC BOOKING — [ptb_step1] / [ptb_step2] inside the theme
   ========================================================================= */

.mb-wrap {
	font-family: var(--glif-font-body);
	color: var(--glif-text);
	line-height: 1.5;
}

/* Language switch (FR | EN) */
.mb-lang-switch { color: var(--glif-text-muted); }
.mb-lang-switch a { color: var(--glif-primary); }
.mb-lang-switch a + a::before { color: var(--glif-border-input); }
.mb-lang-switch a.is-current { color: var(--glif-text); }

/* Stepper */
.mb-step {
	font-family: var(--glif-font-body);
	color: var(--glif-text-muted);
	background: var(--glif-surface-elevated);
	box-shadow: inset 0 0 0 1px var(--glif-border);
	border-radius: var(--glif-radius-full);
}
.mb-step.active { color: var(--glif-on-primary); background: var(--glif-primary); box-shadow: var(--glif-shadow-sm); }
.mb-step.done { color: var(--glif-primary); background: var(--glif-tint-16); box-shadow: none; }
.mb-step.active .mb-step-num { background: rgba(245, 247, 246, .22); color: var(--glif-on-primary); }
.mb-step.done .mb-step-check { background: var(--glif-primary); color: var(--glif-on-primary); }
.mb-step:not(.active):not(.done) .mb-step-num { background: var(--glif-tint-24); color: var(--glif-primary); }
.mb-step-line { background: var(--glif-border); }
.mb-step-line.done { background: var(--glif-primary); }

/* Cards */
.mb-card {
	background: var(--glif-surface-elevated);
	border: 1px solid var(--glif-border);
	border-radius: var(--glif-radius-md);
	box-shadow: var(--glif-shadow-md);
}
.mb-title {
	font-family: var(--glif-font-display);
	font-size: clamp(1.375rem, 1.25rem + 0.5vw, 1.75rem); /* --fs-h3 */
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--glif-text);
}
.mb-sub { color: var(--glif-text-muted); }

/* Practitioner intro card */
.mb-intro { box-shadow: var(--glif-shadow-sm); }
.mb-intro-photo img { border-radius: var(--glif-radius-sm); }
.mb-intro-name { font-family: var(--glif-font-display); font-weight: 700; color: var(--glif-text); }
.mb-intro-title { color: var(--glif-primary); }
.mb-intro-desc, .mb-intro-desc2 { color: var(--glif-text-muted); }
.mb-intro-desc2 { border-top-color: var(--glif-border); }

.mb-label { color: var(--glif-text); font-weight: 600; }

/* Fields: dropdown, date trigger, inputs, card field, time slots.
   1px input border (border-input token) instead of the core 2px, padding +1px so heights stay. */
.mb-select, .mb-dd-btn, .mb-date-trigger, .mb-input, .mb-card-element {
	border: 1px solid var(--glif-border-input);
	border-radius: var(--glif-radius-sm);
	background: #fff;
	color: var(--glif-text);
	padding-top: 15px;
	padding-bottom: 15px;
}
.mb-dd-btn, .mb-select { padding-left: 17px; }
.mb-date-trigger, .mb-input, .mb-card-element { padding-left: 17px; padding-right: 17px; }
.mb-dd-btn:hover, .mb-dd-btn:focus, .mb-dd-btn:active { background: #fff; color: var(--glif-text); }
.mb-dd-btn:hover, .mb-date-trigger:hover { border-color: var(--glif-primary); }
.mb-dd-btn:focus-visible, .mb-date-trigger:focus-visible { outline: 2px solid var(--glif-focus); outline-offset: 2px; }
.mb-input:focus { border-color: var(--glif-primary); box-shadow: 0 0 0 1px var(--glif-primary); }
.mb-input::placeholder { color: var(--glif-text-muted); opacity: .75; }
.mb-dd-btn-label.is-placeholder, .mb-date-placeholder { color: var(--glif-text-muted); }

/* Chevrons (inline SVG strokes are presentation attributes: CSS wins) */
.mb-select-wrap::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2315423B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mb-chevron path { stroke: var(--glif-primary); }

/* Open dropdown / open calendar: one control, squared shared edge (same as core) */
.mb-dd-wrap.open .mb-dd-btn,
.mb-date-trigger.is-open,
.mb-date-trigger[aria-expanded="true"] {
	border-color: var(--glif-primary);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.mb-dd-list, .mb-cal-popup {
	border: 1px solid var(--glif-primary);
	border-top: none;
	border-radius: 0 0 var(--glif-radius-sm) var(--glif-radius-sm);
	background: #fff;
	box-shadow: var(--glif-shadow-md);
}
.mb-dd-item { color: var(--glif-text); border-radius: 6px; }
.mb-dd-item:hover { background: var(--glif-tint-10); }
.mb-dd-item.is-active { background: var(--glif-tint-16); }
.mb-dd-item.is-active .mb-dd-item-label { color: var(--glif-primary); }

/* Modality badges: brand fill, dark text (both ≥ 9:1) */
.mb-dd-badge, .mb-dd-btn-badge { border-radius: var(--glif-radius-full); font-weight: 600; }
.mb-dd-badge-presentiel { background: var(--glif-tint-16); color: var(--glif-primary); }
.mb-dd-badge-tele { background: var(--glif-surface); color: var(--glif-text); box-shadow: inset 0 0 0 1px var(--glif-border-input); }

/* Follow-up question panel */
.mb-fu-desc {
	border: 1px solid var(--glif-border-input);
	border-bottom: 0;
	border-radius: var(--glif-radius-sm) var(--glif-radius-sm) 0 0;
	background: var(--glif-surface);
	color: var(--glif-text);
}
.mb-fu-panel.has-desc.is-open-desc .mb-fu-desc { border-color: var(--glif-primary); }
.mb-fu-desc a { color: var(--glif-primary); }
.mb-fu-desc a:hover { color: var(--glif-primary-hover); }
.mb-fu-desc blockquote { border-left-color: var(--glif-accent); color: var(--glif-text-muted); }

/* Calendar */
.mb-cal-month { font-family: var(--glif-font-display); font-weight: 500; font-size: 17px; color: var(--glif-text); }
.mb-cal-nav { background: var(--glif-tint-16); color: var(--glif-primary); border-radius: var(--glif-radius-full); }
.mb-cal-nav:hover, .mb-cal-nav:focus, .mb-cal-nav:active { background: var(--glif-tint-24); }
.mb-cal-nav:focus-visible { outline: 2px solid var(--glif-focus); outline-offset: 2px; }
.mb-cal-weekdays span { color: var(--glif-text-muted); }
.cal-day { color: var(--glif-text); border-radius: var(--glif-radius-full); }
.cal-day:hover:not(.disabled):not(.empty) { background: var(--glif-tint-16); }
.cal-day.disabled { color: #B9C4BF; } /* disabled: exempt from text contrast, readable as "off" */
.cal-day.today { border: 2px solid var(--glif-primary); color: var(--glif-primary); }
.cal-day.selected { background: var(--glif-primary); color: var(--glif-on-primary); border-color: var(--glif-primary); }

/* Time slots */
.time-slot {
	border: 1px solid var(--glif-border-input);
	border-radius: var(--glif-radius-sm);
	padding: 13px 0;
	background: #fff;
	color: var(--glif-text);
	font-weight: 500;
}
.time-slot:hover:not(.unavailable) { border-color: var(--glif-primary); background: var(--glif-tint-10); }
.time-slot.selected,
.time-slot.selected:hover:not(.unavailable) { background: var(--glif-primary); color: var(--glif-on-primary); border-color: var(--glif-primary); }
.time-slot.unavailable { color: #B9C4BF; background: var(--glif-surface); border-color: var(--glif-border); }
.mb-no-slots { color: var(--glif-text-muted); }
.mb-time-error, .mb-card-errors { color: var(--glif-error); }

/* Primary button = theme .btn--primary (pill, forest, Inter Tight 600, shadow-sm) */
.mb-btn {
	background: var(--glif-primary);
	color: var(--glif-on-primary);
	border-radius: var(--glif-radius-full);
	font-family: var(--glif-font-body);
	font-weight: 600;
	font-size: 1rem;
	padding: 16px 32px;
	box-shadow: var(--glif-shadow-sm);
	transition: transform .2s var(--glif-ease), background-color .2s var(--glif-ease), box-shadow .2s var(--glif-ease);
}
.mb-btn:hover { background: var(--glif-primary-hover); color: var(--glif-on-primary); }
.mb-btn:active { background: var(--glif-primary-active); transform: scale(0.98); }
.mb-btn:focus-visible { outline: 2px solid var(--glif-focus); outline-offset: 2px; }
.mb-spinner { border-color: rgba(245, 247, 246, .45); border-top-color: var(--glif-on-primary); }

/* Step 2 */
.mb-back { color: var(--glif-primary); font-weight: 500; }
.mb-back:hover { color: var(--glif-primary-hover); }
.mb-summary {
	background: var(--glif-tint-16);
	border-radius: var(--glif-radius-sm);
}
.mb-summary-title { color: var(--glif-text); font-weight: 600; }
.mb-summary-detail { color: var(--glif-text-muted); }
.mb-summary-price { font-family: var(--glif-font-display); font-weight: 700; color: var(--glif-primary); }

/* "No charge today" / deposit notice: an information panel in the brand, not a yellow alert —
   hairline frame and an accent bar, graphite text (the amount stays bold). */
.mb-note {
	background: var(--glif-surface);
	border: 1px solid var(--glif-border);
	border-left: 4px solid var(--glif-accent-deep);
	border-radius: var(--glif-radius-sm);
	color: var(--glif-text);
	font-size: 14px;
	line-height: 1.55;
}
.mb-note strong { color: var(--glif-text); }

.mb-section {
	font-family: var(--glif-font-display);
	font-weight: 500;
	font-size: 19px;
	color: var(--glif-text);
	border-bottom: 1px solid var(--glif-border);
}
.mb-secure { color: var(--glif-text-muted); }

/* Confirmation (mirrors the theme's .merci-hero badge) */
.mb-confirm-icon {
	background: var(--glif-surface-elevated);
	color: var(--glif-primary);
	box-shadow: var(--glif-shadow-sm), inset 0 0 0 1px var(--glif-border);
}
.mb-confirm-title {
	font-family: var(--glif-font-display);
	font-weight: 700;
	font-size: clamp(1.375rem, 1.25rem + 0.5vw, 1.75rem);
	letter-spacing: -0.02em;
	color: var(--glif-text);
}
.mb-confirm-appt { background: var(--glif-tint-16); color: var(--glif-primary); font-weight: 600; border-radius: var(--glif-radius-sm); }
.mb-confirm-msg, .mb-confirm-count { color: var(--glif-text-muted); }

/* Booking dialog (mbModal). The icon keeps its warning amber: it is a status, not brand. */
.mb-modal-overlay { background: rgba(27, 33, 31, .45); }
.mb-modal {
	background: var(--glif-surface-elevated);
	border-radius: var(--glif-radius-md);
	box-shadow: var(--glif-shadow-lg);
	font-family: var(--glif-font-body);
}
.mb-modal-title { font-family: var(--glif-font-display); font-weight: 500; font-size: 19px; color: var(--glif-text); }
.mb-modal-sep { border-top-color: var(--glif-border); }
.mb-modal-body { color: var(--glif-text-muted); }
.mb-modal-btn:focus-visible { outline: 2px solid var(--glif-focus); }

@media (max-width: 560px) {
	.mb-card { padding: 22px 18px; }
	.mb-title { font-size: 1.375rem; }
	.mb-btn { padding: 15px 24px; }
	.mb-step:not(.active) { padding: 7px; }
}

/* =========================================================================
   2. CLIENT PAGE — /mon-rendez-vous/ (standalone; body.mbc-glif)
   ========================================================================= */

body.mbc {
	--mbc-accent: var(--glif-primary);
	--mbc-accent-hover: var(--glif-primary-hover);
	--mbc-ink: var(--glif-text);
	--mbc-text: var(--glif-text);
	--mbc-muted: var(--glif-text-muted);
	--mbc-line: var(--glif-border);
	--mbc-soft: var(--glif-tint-16);
	--mbc-bg: var(--glif-surface);
	--mbc-danger: var(--glif-error);
	--mbc-info-bg: var(--glif-tint-10);
	--mbc-info-line: var(--glif-tint-32);
	font-family: var(--glif-font-body);
	font-size: 15px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
body.mbc-glif {
	flex-direction: column;
	padding: 0;
}

/* Brand bar: the site header's brand (logo + name), nothing else */
.mbc-top {
	display: flex;
	align-items: center;
	height: 64px; /* --nav-height */
	padding: 0 24px;
	background: var(--glif-surface-elevated);
	box-shadow: var(--glif-shadow-sm);
}
.mbc-top-brand { display: flex; align-items: center; gap: 8px; text-decoration: none; }
.mbc-top-brand:hover { text-decoration: none; }
.mbc-top .mbp-logo-img { height: 40px; width: auto; display: block; }
.mbc-top .mbp-brand,
.mbc-top-name {
	font-family: var(--glif-font-display);
	font-weight: 700;
	font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.375rem); /* --fs-h4 */
	color: var(--glif-primary);
	white-space: nowrap;
}
.mbc-top .mbp-brand + .mbc-top-name { display: none; } /* no logo: the name is already the brand */
body.mbc-glif .mbc-main { padding: 32px 16px; }

/* The card: the brand moved to the bar, so the in-card logo goes and the progress bar rides the
   card's top edge instead of the logo's hairline. */
body.mbc-glif .mbc-logo { display: none; }
.mbc-card {
	position: relative;
	background: var(--glif-surface-elevated);
	border: 1px solid var(--glif-border);
	border-radius: var(--glif-radius-md);
	box-shadow: var(--glif-shadow-md);
	padding: 28px 26px;
}
body.mbc-glif .mbc-load { position: absolute; top: -1px; left: 16px; right: 16px; margin: 0; }
.mbc-step h1, .mbc-card-error h1 {
	font-family: var(--glif-font-display);
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--glif-text);
}
.mbc-recap { border-radius: var(--glif-radius-sm); color: var(--glif-primary); }
.mbc-detail dt { color: var(--glif-text-muted); font-weight: 600; letter-spacing: .02em; }
.mbc-detail dd { color: var(--glif-text); }
.mbc-back { color: var(--glif-primary); }
.mbc-back:hover { color: var(--glif-primary-hover); }
.mbc-banner { border-width: 1px; border-radius: var(--glif-radius-sm); }
.mbc-state { border-radius: var(--glif-radius-sm); border-color: var(--glif-tint-32); border-left-color: var(--glif-accent-deep); background: var(--glif-tint-10); }
.mbc-state-ic { color: var(--glif-primary); }

/* Buttons: theme pills */
.mbc-btn {
	border-width: 1px;
	border-radius: var(--glif-radius-full);
	font-family: var(--glif-font-body);
	font-weight: 600;
	color: var(--glif-on-primary);
	box-shadow: var(--glif-shadow-sm);
	transition: transform .2s var(--glif-ease), background-color .2s var(--glif-ease), border-color .2s var(--glif-ease);
}
.mbc-btn:active:not(:disabled) { transform: scale(0.98); }
.mbc-btn:focus-visible { outline: 2px solid var(--glif-focus); outline-offset: 2px; }
/* Secondary = theme .btn--outline */
.mbc-btn-quiet { background: transparent; color: var(--glif-primary); border-color: var(--glif-primary); box-shadow: none; }
.mbc-btn-quiet:hover:not(:disabled) { background: var(--glif-tint-16); border-color: var(--glif-primary); color: var(--glif-primary); }
.mbc-btn-quiet .mbc-spin { border-color: rgba(21, 66, 59, .25); border-top-color: var(--glif-primary); }
.mbc-btn-danger { background: var(--glif-error); border-color: var(--glif-error); }
.mbc-btn-danger:hover:not(:disabled) { background: #8A3527; border-color: #8A3527; } /* error, 15% darker */

/* Contact line */
.mbc-foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px 18px;
	padding: 20px 24px calc(24px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--glif-border);
	background: var(--glif-surface-elevated);
	font-size: 0.875rem;
	color: var(--glif-text-muted);
	text-align: center;
}
.mbc-foot-name { color: var(--glif-text); font-weight: 600; }
.mbc-foot-tel { color: var(--glif-primary); font-weight: 600; text-decoration: none; }
.mbc-foot-tel:hover { text-decoration: underline; }

@media (max-width: 440px) {
	.mbc-top { padding: 0 16px; }
	.mbc-card { padding: 24px 18px; }
	body.mbc-glif .mbc-main { padding: 20px 16px; }
	.mbc-foot { flex-direction: column; align-items: center; }
}

/* =========================================================================
   3. STAFF PORTAL — /portal/ (standalone; body.mbp). Layout untouched: colours go through the
   variables portal.css reads; fonts, radii and the button shape follow the theme.
   ========================================================================= */

:root {
	--mbp-accent: #15423B;           /* primary */
	--mbp-accent-hover: #0F332C;     /* primary-hover */
	--mbp-accent-dark: #1B211F;      /* text-primary: headings, active labels */
	--mbp-accent-rgb: 21, 66, 59;    /* focus rings */
	--mbp-shadow-rgb: 21, 66, 59;    /* shadows, as the theme's shadows */
	--mbp-breathe-rgb: 21, 66, 59;   /* highlight of the online-modality cards */
	--mbp-border: #E3E9E6;           /* border */
	--mbp-soft: #F2F6F5;             /* tint 10 */
	--mbp-bg: #F5F7F6;               /* surface */
	--mbp-text: #1B211F;             /* text-primary */
	--mbp-muted: #4A5850;            /* text-muted (7.4:1, was 3.6:1) */
	--mbp-line-hover: #C5D8D2;       /* tint 45 */
	--mbp-input-line: #6B8F81;       /* border-input */
	--mbp-tint: #E0EAE7;             /* tint 24 — accent chips */
	--mbp-tint-ink: #15423B;
	--mbp-tint-line: #D6E4DF;
	--mbp-tint-line-hover: #C5D8D2;
	--mbp-tint-soft: #EAF1EF;        /* tint 16 */
	--mbp-tint-soft-hover: #E0EAE7;
	--mbp-tele-bg: #E0EAE7;
	--mbp-tele-ink: #15423B;
	--mbp-ctl: #EAF1EF;              /* Today / view / mode controls */
	--mbp-ctl-line: #D6E4DF;
	--mbp-ctl-hover: #E0EAE7;
	--mbp-placeholder: #15423B;      /* drag placeholder (was Google blue) */
	/* Availability windows: online = sage tints (was blue); présentiel keeps its green */
	--mbp-avail: #F2F6F5;
	--mbp-avail-line: #D6E4DF;
	--mbp-avail-tele: #EAF1EF;
	--mbp-avail-tele-line: #C5D8D2;
	--mbp-avail-tele-pill: #D6E4DF;
	--mbp-avail-tele-mark: #6B8F81;
	--mbp-avail-tele-ink: #15423B;
	--mbp-avail-both-line: #C5D8D2;
	/* Event fills that carry white text: same hues as the core semantic colours, darkened to reach
	   4.5:1 (core #1D9E75 = 3.4:1, #D9880A = 2.6:1). Meaning unchanged: présentiel green, personal amber. */
	--mbp-ev-presentiel: #188361;    /* 4.7:1 with white */
	--mbp-ev-personal: #A56708;      /* 4.6:1 with white */
}

body.mbp {
	font-family: var(--glif-font-body);
}
.mbp-h1, .mbp-login-title, .mbp-brand {
	font-family: var(--glif-font-display);
	font-weight: 700;
	letter-spacing: -0.01em;
}
.mbp-top { border-bottom-color: var(--glif-border); background: var(--glif-surface-elevated); }
.mbp-card { border-radius: var(--glif-radius-md); }
.mbp-avatar { background: var(--glif-primary); color: var(--glif-on-primary); }

/* Buttons: the theme's forest pills */
.mbp-btn { border-radius: var(--glif-radius-full); font-weight: 600; box-shadow: var(--glif-shadow-sm); }
.mbp-btn:active { background: var(--glif-primary-active); }
.mbp-btn:focus-visible, .mbp-act:focus-visible, .mbp-navlink:focus-visible { outline: 2px solid var(--glif-focus); outline-offset: 2px; }

/* Login */
.mbp-login-split { border-radius: var(--glif-radius-md); box-shadow: var(--glif-shadow-lg); }
.mbp-login-brand-pane { background: var(--glif-tint-16); }
.mbp-login-forgot, .mbp-login-back { color: var(--glif-primary); }
.mbp-btn-dark { background: var(--glif-text); }

/* GLIF-03 round 2 (Manthan, 15 Oct): wider booking cards on large screens so Step 1/Step 2 use the
   page width instead of height. Below 900px nothing changes. */
@media (min-width: 900px) {
	.mb-wrap { max-width: 1080px !important; }
	/* The theme's page container is 640px; booking pages get a wider one (class added in page.php). */
	.page-content--booking > .container { max-width: 1112px; }
	.mb-wrap .mb-slots { grid-template-columns: repeat(6, 1fr); }
	.mb-wrap .mb-intro-top { align-items: center; }
}
@media (min-width: 1200px) {
	.mb-wrap .mb-slots { grid-template-columns: repeat(8, 1fr); }
}

/* GLIF-03 round 3 (Manthan, 15 Oct): the GLIF logo is a tall mark, so the default 92px login logo
   looked small in the brand pane — give it the room the pane has. */
.mbp-login-logo .mbp-logo-img { height: 220px; max-height: 60vh; }
@media (max-width: 1024px) { .mbp-login-logo .mbp-logo-img { height: 96px; } }
@media (max-width: 1024px) and (max-height: 720px) { .mbp-login-logo .mbp-logo-img { height: 72px; } }