:root {
	--g-color-main: #0b5f9f;
	--g-color-main-soft: #e8f1f7;
	--g-color-accent: #f5a623;
	--g-link-color: #f5a623;
	--g-validation-button-bg: #f5a623;
	--g-validation-button-color: #ffffff;
	--g-surface-page: #f3f6fa;
	--g-surface-card: #ffffff;
	--g-text-color: #111827;
	--g-text-muted: #6b7280;
	--g-border-color: #e5e7eb;
	--g-shadow-card: 0 14px 34px rgba(15, 23, 42, .07);
	--g-radius-lg: 18px;
	--g-radius-md: 12px;
	--g-sidebar-width: 272px;
	--g-sidebar-collapsed-width: 76px;
	--g-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--g-font-size-base: 16px;
	--g-text-h1-font: var(--g-font-family);
	--g-text-h1-size: 2rem;
	--g-text-h1-weight: 800;
	--g-text-h1-color: var(--g-text-color);
	--g-text-h2-font: var(--g-font-family);
	--g-text-h2-size: 1.5rem;
	--g-text-h2-weight: 800;
	--g-text-h2-color: var(--g-text-color);
	--g-text-h3-font: var(--g-font-family);
	--g-text-h3-size: 1.1rem;
	--g-text-h3-weight: 700;
	--g-text-h3-color: var(--g-text-color);
	--g-text-p-font: var(--g-font-family);
	--g-text-p-size: 1rem;
	--g-text-p-weight: 400;
	--g-text-p-color: var(--g-text-color);
	font-family: var(--g-font-family);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; color: var(--g-text-color); background: var(--g-surface-page); font-size: var(--g-font-size-base); }
body[data-theme="dark"] {
	--g-color-main-soft: rgba(59, 130, 246, .16);
	--g-surface-page: #0f172a;
	--g-surface-card: #111827;
	--g-text-color: #e5e7eb;
	--g-text-muted: #9ca3af;
	--g-border-color: #263244;
	--g-shadow-card: 0 18px 44px rgba(0, 0, 0, .32);
}
a { color: var(--g-link-color, inherit); text-decoration: none; }
button { font: inherit; }

.g-public { min-height: 100vh; padding: 28px; background: var(--g-surface-page); }
.g-public:has(.g-site-page) { padding: 0; }
.g-public-shell { max-width: 1180px; min-height: calc(100vh - 56px); display: grid; grid-template-rows: auto 1fr; gap: 48px; margin: 0 auto; }
.g-public-shell--narrow { max-width: 720px; }
.g-public-nav { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.g-public-brand { display: inline-flex; align-items: center; gap: 12px; }
.g-public-brand strong { display: block; font-size: 16px; }
.g-public-brand small { display: block; margin-top: 2px; color: var(--g-text-muted); font-size: 12px; }
.g-public-logo { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 999px; background: #fff; border: 1px solid var(--g-border-color); box-shadow: 0 10px 26px rgba(15, 23, 42, .08); overflow: hidden; }
.g-public-logo img { width: 100%; height: 100%; object-fit: cover; }
.g-public-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .75fr); gap: 26px; align-items: center; }
.g-public-hero__content { display: grid; justify-items: start; gap: 18px; }
.g-public-hero h1 { margin: 0; font-size: clamp(48px, 8vw, 96px); line-height: .94; letter-spacing: 0; }
.g-public-hero p { max-width: 560px; margin: 0; color: var(--g-text-muted); font-size: 18px; line-height: 1.55; }
.g-public-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.g-public-panel { display: grid; gap: 14px; padding: 18px; border: 1px solid rgba(229, 231, 235, .9); border-radius: 22px; background: rgba(255, 255, 255, .72); box-shadow: var(--g-shadow-card); backdrop-filter: blur(16px); }
.g-public-auth { align-self: start; max-width: 560px; width: 100%; margin: 0 auto; }
.g-public-auth .g-card__header h1 { margin: 0; font-size: 24px; }
[data-sales-print] { width: 210mm; min-height: 297mm; position: relative; display: grid; grid-template-rows: 42mm 24mm minmax(104mm, 1fr) auto 18mm; gap: 7mm; margin: 0 auto; padding: 15mm 14mm 10mm; color: #111827; background: #fff; box-shadow: 0 20px 60px rgba(15, 23, 42, .14); }
[data-sales-print] h1,
[data-sales-print] h2,
[data-sales-print] p { margin: 0; letter-spacing: 0; }
[data-sales-print] h1 { font-size: 24px; line-height: 1.1; text-transform: uppercase; }
[data-sales-print] h2 { margin-bottom: 5mm; color: #6b7280; font-size: 12px; font-weight: 800; text-transform: uppercase; }
[data-sales-print] .g-table { font-size: 11px; }
[data-sales-print] .g-table th,
[data-sales-print] .g-table td { padding: 6px 7px; border-color: #d1d5db; }
[data-sales-print] .g-table th { color: #111827; background: #f3f4f6; }
[data-sales-print-meta] .g-table th:last-child { min-width: 39mm; white-space: nowrap; }
[data-sales-print] .g-choice-summary { gap: 4px; }
[data-sales-print] .g-choice-summary__item { padding: 3px 7px; font-size: 10px; }
[data-sales-print-top] { display: grid; grid-template-columns: minmax(0, 1fr) 92mm; gap: 16mm; align-items: start; }
[data-sales-print-title] { display: grid; align-content: start; justify-items: start; gap: 6mm; }
[data-sales-print-title] h1 { margin-top: 30px; }
[data-sales-print-logo] { max-width: 58mm; max-height: 18mm; display: block; object-fit: contain; }
[data-sales-print-customer] { padding-top: 9mm; font-size: 12px; line-height: 1.45; }
[data-sales-print-meta],
[data-sales-print-detail],
[data-sales-print-totals],
[data-sales-print-bottom] { min-height: 0; }
[data-sales-print-meta],
[data-sales-print-detail],
[data-sales-print-bottom] { padding: 5mm; border: 1px solid #d1d5db; border-radius: 8px; background: linear-gradient(135deg, color-mix(in srgb, var(--g-color-main) 8%, #fff) 0%, rgba(255, 255, 255, .96) 42%, #fff 100%); box-shadow: 0 8px 22px rgba(15, 23, 42, .055); }
[data-sales-print-detail] { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 6mm; }
[data-sales-print-lines] { align-self: start; min-height: 0; }
[data-sales-print-totals] { width: 82mm; justify-self: end; align-self: end; }
[data-sales-print-bottom] { display: grid; gap: 8mm; align-items: start; margin-top: 8mm; font-size: 11px; line-height: 1.4; }
[data-sales-print-bottom-mode="comments"] { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) minmax(0, 1fr); }
[data-sales-print-bottom-mode="payments"] { grid-template-columns: 1fr; }
[data-sales-print-payment-bottom] { width: 100%; }
[data-sales-print-bottom] h2 { margin-bottom: 3mm; }
[data-sales-print-text]:empty::before { content: "Non renseigné"; color: #6b7280; }
[data-sales-print-footer] { align-self: end; text-align: center; font-size: 11px; line-height: 1.32; }
.g-auth-layout { min-height: 100vh; display: grid; grid-template-columns: minmax(360px, .95fr) minmax(420px, 1.05fr); background: #fff; }
.g-auth-brand-panel { position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; padding: 48px; overflow: hidden; color: #fff; background: #05070b; }
.g-auth-brand-panel::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .76) 48%, rgba(0, 0, 0, .38) 100%), url("/assets/auth-images/auth-bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 1; filter: saturate(1.08); }
.g-auth-brand,
.g-auth-brand-panel__content,
.g-auth-copyright { position: relative; z-index: 1; }
.g-auth-brand { position: absolute; top: 48px; left: 48px; display: inline-flex; align-items: center; gap: 12px; width: max-content; }
.g-auth-brand strong,
.g-auth-mobile-brand strong { display: block; font-size: 16px; }
.g-auth-brand small,
.g-auth-mobile-brand small { display: block; margin-top: 2px; color: rgba(255, 255, 255, .68); font-size: 12px; }
.g-auth-brand-panel__content { display: grid; gap: 18px; max-width: 560px; margin: auto 0; padding-bottom: 84px; box-sizing: border-box; }
.g-auth-brand-panel__content .g-badge { width: max-content; }
.g-auth-brand-panel__content h1 { margin: 0; font-size: clamp(36px, 5vw, 64px); line-height: 1; letter-spacing: 0; }
.g-auth-brand-panel__content p { max-width: 520px; margin: 0; color: rgba(255, 255, 255, .76); font-size: 17px; line-height: 1.55; }
.g-auth-benefits { display: grid; gap: 14px; margin: 12px 0 0; padding: 0; list-style: none; }
.g-auth-benefits li { display: flex; align-items: center; gap: 12px; color: rgba(255, 255, 255, .88); font-size: 15px; }
.g-auth-benefits .g-icon { width: 18px; height: 18px; padding: 9px; box-sizing: content-box; border-radius: 999px; background: rgba(255, 255, 255, .12); color: #fff; }
.g-auth-copyright { margin: 0; color: rgba(255, 255, 255, .54); font-size: 13px; }
.g-auth-main { min-height: 100vh; display: grid; align-content: center; justify-items: center; padding: 48px; background: #fff; }
.g-auth-mobile-brand { display: none; align-items: center; gap: 12px; margin-bottom: 32px; }
.g-auth-mobile-brand small { color: var(--g-text-muted); }
.g-auth-panel { width: min(100%, 520px); display: grid; gap: 22px; }
.g-auth-panel__header { display: grid; gap: 8px; }
.g-auth-panel__header h1 { margin: 0; font-size: 30px; line-height: 1.15; letter-spacing: 0; }
.g-auth-panel__header p { margin: 0; color: var(--g-text-muted); line-height: 1.45; }
.g-auth-providers { display: flex; gap: 10px; }
.g-auth-providers:has(> .g-auth-provider:nth-child(4):last-child) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g-auth-provider { min-height: 46px; flex: 1 1 0; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 10px 12px; border: 1px solid var(--g-border-color); border-radius: 13px; color: var(--g-text-color); background: #fff; font-weight: 700; text-decoration: none; cursor: pointer; box-shadow: 0 8px 20px rgba(15, 23, 42, .035); transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.g-auth-provider:hover { border-color: rgba(11, 95, 159, .22); background: #f8fafc; box-shadow: 0 12px 24px rgba(15, 23, 42, .07); transform: translateY(-1px); }
.g-auth-provider__icon { width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 999px; overflow: hidden; }
.g-auth-provider__icon img { width: 18px; height: 18px; object-fit: contain; display: block; }
.g-auth-provider[data-auth-provider="facebook"] .g-auth-provider__icon { background: #1877f2; }
.g-auth-provider[data-auth-provider="amazon"] .g-auth-provider__icon { background: #111827; }
body[data-theme="dark"] .g-auth-main { background: #111827; }
body[data-theme="dark"] .g-auth-provider { background: #0f172a; }
body[data-theme="dark"] .g-auth-provider:hover { background: #1f2937; }
.g-auth-divider { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; color: var(--g-text-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.g-auth-divider::before,
.g-auth-divider::after { content: ""; height: 1px; background: var(--g-border-color); }
.g-auth-submit { width: 100%; min-height: 46px; }
.g-auth-submit [data-auth-submit-icon] { display: inline-flex; }
.g-auth-submit [data-auth-submit-icon][hidden] { display: none; }
.g-auth-switch { margin: 18px 0 0; color: var(--g-text-muted); font-size: 14px; }
.g-auth-switch a { color: var(--g-link-color, var(--g-color-main)); font-weight: 800; }
.g-otp { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; width: 100%; max-width: 100%; }
.g-otp__input { width: 100%; aspect-ratio: 1 / 1; min-width: 0; border: 1px solid rgba(229, 231, 235, .95); border-radius: 12px; color: var(--g-text-color); background: #f8fafc; font: inherit; font-size: 24px; font-weight: 800; text-align: center; outline: none; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.g-otp__input:focus { border-color: rgba(11, 95, 159, .42); background: #fff; box-shadow: 0 0 0 4px rgba(11, 95, 159, .08); transform: translateY(-1px); }
body[data-theme="dark"] .g-otp__input { background: #0f172a; border-color: var(--g-border-color); color: var(--g-text-color); }
.g-otp-timer { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 10px 13px; border: 1px solid rgba(11, 95, 159, .18); border-radius: 14px; color: var(--g-color-main); background: var(--g-color-main-soft); font-size: 14px; }
.g-otp-timer strong { font-size: 18px; font-variant-numeric: tabular-nums; }
.g-otp-timer.is-expired { border-color: rgba(180, 35, 24, .28); color: #b42318; background: #fef3f2; }

.g-site-page { min-height: 100vh; background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(243,246,250,1)); }
[data-head-live-preview] { max-height: min(36vh, 360px); scrollbar-gutter: stable; }
[data-head-live-preview] > .g-site-page { min-height: auto; }
.g-site-head { position: sticky; top: 0; z-index: 30; padding: 18px 28px 0; }
.g-site-head__inner { max-width: 1200px; min-height: 64px; display: flex; align-items: center; gap: 26px; margin: 0 auto; padding: 10px 12px 10px 14px; border: 1px solid rgba(229, 231, 235, .88); border-radius: 999px; background: rgba(255, 255, 255, .86); box-shadow: 0 18px 42px rgba(15, 23, 42, .08); backdrop-filter: blur(16px); }
.g-site-head__brand { display: inline-flex; align-items: center; gap: 12px; min-width: max-content; }
.g-site-head__brand strong { display: block; font-size: 15px; }
.g-site-head__brand small { display: block; margin-top: 2px; color: var(--g-text-muted); font-size: 12px; }
.g-site-head__logo { width: 250px; height: auto; display: grid; place-items: center; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid var(--g-border-color); padding: 7px 12px; }
.g-site-head__logo img { width: 100%; height: auto; object-fit: contain; }
.g-site-head__nav { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex: 1 1 auto; min-width: 0; }
.g-site-head__nav-link { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 12px; border-radius: 999px; color: #374151; font-size: 14px; font-weight: 700; transition: color .16s ease, background .16s ease; }
.g-site-head__nav-link:hover,
.g-site-head__nav-link.is-active { color: var(--g-color-main); background: var(--g-color-main-soft); }
.g-site-head__actions { display: flex; align-items: center; gap: 10px; }
[data-head-preview-utility] { gap: 6px; }
[data-head-preview-utility] .g-site-head__nav-link { min-height: 30px; padding: 5px 8px; font-size: 12px; gap: 6px !important; }
[data-head-preview-utility] .g-site-head__nav-link .g-icon { width: 15px; height: 15px; }
[data-head-preview-utility] .g-site-head__nav-link img { width: 20px !important; height: 20px !important; }
[data-head-range-control] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; }
[data-head-range-output] { min-width: 58px; display: inline-flex; justify-content: flex-end; gap: 3px; white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-site-type="pwa"] .g-public { padding-top: calc(76px + env(safe-area-inset-top, 0px)); padding-bottom: 60px; }
[data-site-type="pwa"][data-pwa-header-scroll="true"] .g-public { padding-top: 0; }
[data-site-type="pwa"][data-pwa-footer-scroll="true"] .g-public { padding-bottom: 0; }
[data-pwa-app-header] { position: fixed; z-index: 71; top: 0; right: 0; left: 0; display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; gap: 8px; width: 100%; max-width: 560px; min-height: calc(64px + env(safe-area-inset-top, 0px)); margin: 0 auto; padding: calc(8px + env(safe-area-inset-top, 0px)) max(14px, env(safe-area-inset-right)) 8px max(14px, env(safe-area-inset-left)); border: 1px solid rgba(229, 231, 235, .94); border-top: 0; border-radius: 0 0 18px 18px; background: var(--g-pwa-header-bg, color-mix(in srgb, var(--g-surface-card) 92%, transparent)); box-shadow: 0 14px 34px rgba(15, 23, 42, .1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
[data-pwa-app-header][data-pwa-header-scroll="true"] { position: relative; }
[data-pwa-app-header][data-pwa-header-floating="true"] { top: 10px; width: calc(100% - 24px); border-radius: var(--g-pwa-header-radius, 18px); border-top: 1px solid rgba(229, 231, 235, .94); }
[data-pwa-app-header][data-pwa-header-floating="false"] { top: 0; width: 100%; max-width: none; border-right: 0; border-left: 0; border-radius: 0; }
[data-pwa-app-header][data-pwa-header-transparent="false"] { backdrop-filter: none; -webkit-backdrop-filter: none; }
[data-pwa-app-header][data-pwa-header-layout="logo_language_menu"] { grid-template-columns: minmax(0, 1fr) auto; }
[data-pwa-header-slot="logo"] { min-width: 0; display: inline-grid; justify-self: center; align-items: center; justify-items: center; color: var(--g-text-color); font-size: 17px; font-weight: 850; line-height: 1; }
[data-pwa-app-header][data-pwa-header-layout="logo_language_menu"] [data-pwa-header-slot="logo"] { justify-self: start; }
[data-pwa-header-slot="logo"] img { display: block; width: auto; max-width: min(210px, 46vw); height: var(--g-pwa-logo-height, 42px); object-fit: contain; }
[data-pwa-header-slot="language"],
[data-pwa-header-slot="menu"] { width: 44px; height: 44px; min-height: 44px; display: inline-grid; place-items: center; justify-self: center; border: 0; border-radius: 999px; background: transparent; color: var(--g-pwa-hamburger-color, var(--g-text-color)); }
[data-pwa-header-slot="language"]:hover,
[data-pwa-header-slot="language"]:focus-visible,
[data-pwa-header-slot="menu"]:hover,
[data-pwa-header-slot="menu"]:focus-visible { background: var(--g-color-main-soft); color: var(--g-color-main); outline: none; }
[data-pwa-header-slot="language"] img { width: 24px !important; height: 24px !important; border-radius: 999px; object-fit: cover; }
[data-pwa-header-slot="menu"] .g-icon { width: 24px; height: 24px; }
[data-pwa-header-menu] { justify-self: center; }
[data-pwa-header-menu] .g-dropdown__menu { position: fixed; top: calc(64px + env(safe-area-inset-top, 0px)); right: 0; width: 50vw; max-width: 100vw; border-top-right-radius: 0; border-bottom-right-radius: 0; animation: g-pwa-menu-slide-in .2s ease-out both; }
[data-pwa-header-actions] { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; }
[data-pwa-preview-frame] { position: relative; }
[data-pwa-preview-frame] [data-pwa-app-header] { position: sticky; max-width: 100%; }
[data-pwa-preview-frame] [data-pwa-app-header][data-pwa-header-scroll="true"] { position: relative; }
[data-pwa-preview-frame] [data-pwa-app-header][data-pwa-header-floating="true"] { width: calc(100% - 20px); }
[data-pwa-preview-frame] [data-pwa-header-menu] .g-dropdown__menu { position: absolute; top: calc(100% + 8px); right: 0; width: 50%; max-width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; }
@keyframes g-pwa-menu-slide-in { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } }
[data-pwa-preview-frame] [data-pwa-menu-bar] { position: sticky; max-width: 100%; }
[data-pwa-preview-frame] [data-pwa-menu-bar][data-pwa-footer-scroll="true"] { position: relative; }
[data-pwa-preview-frame] [data-pwa-menu-bar][data-pwa-footer-floating="true"] { width: calc(100% - 20px); }
[data-pwa-preview-frame] [data-pwa-menu-bar] { bottom: 0; }
[data-pwa-menu-bar] { position: fixed; z-index: 70; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(var(--g-pwa-menu-count, 2), minmax(0, 1fr)); align-items: center; gap: 6px; box-sizing: border-box; width: 100%; max-width: 560px; height: 50px; max-height: 50px; margin: 0 auto; padding: 3px max(10px, env(safe-area-inset-left)) 3px max(10px, env(safe-area-inset-right)); border: 1px solid rgba(229, 231, 235, .94); border-bottom: 0; border-radius: var(--g-pwa-footer-radius, 18px) var(--g-pwa-footer-radius, 18px) 0 0; background: var(--g-pwa-footer-bg, color-mix(in srgb, var(--g-surface-card) 90%, transparent)); box-shadow: 0 -10px 24px rgba(15, 23, 42, .12); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
[data-pwa-menu-bar][data-pwa-footer-scroll="true"] { position: relative; }
[data-pwa-menu-bar][data-pwa-footer-floating="true"] { bottom: 10px; width: calc(100% - 24px); border-radius: var(--g-pwa-footer-radius, 18px); border-bottom: 1px solid rgba(229, 231, 235, .94); }
[data-pwa-menu-bar][data-pwa-footer-floating="false"] { bottom: 0; width: 100%; max-width: none; border-right: 0; border-left: 0; border-radius: 0; }
[data-pwa-menu-bar][data-pwa-footer-transparent="false"] { backdrop-filter: none; -webkit-backdrop-filter: none; }
[data-pwa-menu-bar]::before { content: none; }
[data-pwa-menu-item] { position: relative; min-width: 0; min-height: 42px; display: grid; justify-items: center; align-content: center; gap: 2px; padding: 2px 6px; border: 0; border-radius: 0; color: var(--g-pwa-menu-item-txt, var(--g-text-muted)); background: var(--g-pwa-menu-item-bg, transparent); box-shadow: none; font-size: 11px; font-weight: 400; line-height: 1.1; text-align: center; }
[data-pwa-menu-item][data-pwa-menu-active="true"],
[data-pwa-menu-item]:hover,
[data-pwa-menu-item]:focus-visible { outline: none; box-shadow: none; }
[data-pwa-menu-icon] { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 999px; background: var(--g-pwa-menu-pill-bg, #ffffff); }
[data-pwa-menu-item] .g-icon { width: 16px; height: 16px; flex: 0 0 auto; }
.g-site-page > main[data-site-head-overlap="1"] { margin-top: calc(-1 * var(--g-site-head-rendered-height, var(--g-site-head-content-offset, 0px))); }
.g-site-page > main[data-site-head-bottom-utility="1"] { margin-top: calc(-1 * var(--g-site-head-bottom-offset, var(--g-site-head-content-offset, 40px))); }
.g-site-page > main[data-site-head-overlap="1"] > .g-site-hero:first-child { padding-top: calc(72px + var(--g-site-head-rendered-height, var(--g-site-head-content-offset, 0px))); }
.g-site-page > main[data-site-head-overlap="1"] > .g-site-section:first-child { padding-top: calc(20px + var(--g-site-head-rendered-height, var(--g-site-head-content-offset, 0px))); }
.g-site-hero { max-width: 1200px; min-height: auto; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(320px, .72fr); align-items: center; gap: 28px; margin: 0 auto; padding: 72px 28px 54px; }
.g-site-hero__content { display: grid; justify-items: start; gap: 18px; }
[data-pages-badge-position="left"] [data-pages-element="badge"] { justify-self: start; text-align: left; }
[data-pages-badge-position="right"] [data-pages-element="badge"] { justify-self: end; text-align: right; }
.g-site-hero h1 { max-width: 760px; margin: 0; font-family: var(--g-text-h1-font, var(--g-font-family)); font-size: var(--g-text-h1-size, clamp(36px, 4.2vw, 56px)); font-weight: var(--g-text-h1-weight, 800); color: var(--g-text-h1-color, var(--g-text-color)); line-height: 1.08; letter-spacing: 0; }
.g-site-hero p { max-width: 620px; margin: 0; font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, 18px); font-weight: var(--g-text-p-weight, 400); color: var(--g-text-p-color, var(--g-text-muted)); line-height: 1.55; }
.g-site-hero__panel { display: grid; gap: 14px; }
.g-site-hero__panel .g-card__body > img,
.g-site-hero__panel > div > img,
.g-site-hero__panel > div > video,
.g-site-hero__panel > div > iframe { display: block; width: 100%; height: auto; border-radius: 8px; }
.g-site-hero__panel > div > video,
.g-site-hero__panel > div > iframe { aspect-ratio: 5 / 4; object-fit: cover; border: 0; }
[data-pages-template-code="hero_centered_minimal"].g-site-hero { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; overflow: hidden; }
[data-pages-template-code="hero_centered_minimal"] .g-site-hero__content { width: min(100%, 860px); justify-items: center; }
[data-pages-template-code="hero_centered_minimal"] h1 { max-width: 980px; }
[data-pages-template-code="hero_centered_minimal"] p { max-width: 680px; }
[data-pages-template-code="hero_centered_minimal"] .g-public-actions { justify-content: center; }
[data-pages-template-code="hero_centered_minimal"] [data-pages-element="badge"] { justify-self: center; text-align: center; }
[data-pages-template-code="hero_full_image_text"].g-site-hero { grid-template-columns: minmax(0, 1fr); overflow: hidden; }
[data-pages-template-code="hero_full_image_text"] [data-pages-section-fill]::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 23, 42, .82), rgba(15, 23, 42, .58), rgba(15, 23, 42, .18)); }
[data-pages-template-code="hero_full_image_text"] .g-site-hero__content { width: min(100%, 680px); }
[data-pages-template-code="hero_full_image_text"] h1 { color: #ffffff; }
[data-pages-template-code="hero_full_image_text"] p { color: rgba(255, 255, 255, .82); }
[data-pages-template-code="hero_full_image_text"] [data-pages-element="badge"] { color: #ffffff; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
[data-pages-template-code="hero_full_image_text"] .g-button--secondary { color: #ffffff; background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .34); }
[data-pages-template-code="hero_full_image_text"] .g-button--secondary:hover { color: #ffffff; background: rgba(255, 255, 255, .2); }
.g-site-section { max-width: 1200px; display: grid; gap: 20px; margin: 0 auto; padding: 20px 28px 72px; }
.g-site-section h2 { max-width: 680px; margin: 12px 0 0; font-family: var(--g-text-h2-font, var(--g-font-family)); font-size: var(--g-text-h2-size, 32px); font-weight: var(--g-text-h2-weight, 800); color: var(--g-text-h2-color, var(--g-text-color)); line-height: 1.12; }
[data-pages-template-code="features_icon_grid"].g-site-section { gap: 34px; }
[data-pages-template-code="features_icon_grid"] [data-pages-features-head] { display: grid; justify-items: center; gap: 14px; text-align: center; }
[data-pages-template-code="features_icon_grid"] [data-pages-features-head] h2 { max-width: 760px; margin: 0; }
[data-pages-template-code="features_icon_grid"] [data-pages-features-head] p { max-width: 680px; margin: 0; color: var(--g-text-p-color, var(--g-text-muted)); font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, 17px); font-weight: var(--g-text-p-weight, 400); line-height: 1.55; }
[data-pages-template-code="features_icon_grid"] [data-pages-element="cards"] { grid-template-columns: repeat(var(--pages-cards-count, 4), minmax(0, 1fr)); gap: 20px; }
[data-pages-template-code="features_icon_grid"] [data-pages-card-item] { display: grid; align-content: start; min-height: 220px; border-radius: 8px; box-shadow: 0 18px 42px rgba(15, 23, 42, .07); transition: transform .16s ease, box-shadow .16s ease; }
[data-pages-template-code="features_icon_grid"] [data-pages-card-item]:hover { transform: translateY(-2px); box-shadow: 0 22px 50px rgba(15, 23, 42, .11); }
[data-pages-template-code="features_icon_grid"] [data-pages-card-item] .g-card__header { min-height: 0; justify-content: flex-start; padding: 24px 24px 0; }
[data-pages-template-code="features_icon_grid"] [data-pages-card-item] .g-card__body { display: grid; gap: 12px; padding: 18px 24px 26px; }
[data-pages-template-code="features_icon_grid"] [data-pages-card-item] .g-card__title { color: var(--g-text-color); font-size: 16px; letter-spacing: 0; line-height: 1.25; text-transform: none; }
[data-pages-template-code="features_icon_grid"] [data-pages-card-item] p { margin: 0; font-size: 14px; line-height: 1.55; }
[data-pages-feature-icon] { width: 46px; height: 46px; display: inline-grid; place-items: center; border-radius: 8px; color: var(--pages-feature-accent, var(--g-color-main)); background: color-mix(in srgb, var(--pages-feature-accent, var(--g-color-main)) 12%, #ffffff); }
[data-pages-feature-icon] .g-icon { width: 22px; height: 22px; }
[data-pages-template-code="feature_spotlight_image"].g-site-section { gap: 0; }
[data-pages-template-code="feature_spotlight_image"] [data-pages-spotlight-layout] { display: grid; justify-items: center; gap: 32px; width: 100%; text-align: center; }
[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel { width: min(100%, 900px); min-height: 360px; align-content: stretch; }
[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel > div { min-height: 360px; }
[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel > div > img,
[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel > div > video,
[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel > div > iframe { width: 100%; height: 100%; min-height: 360px; object-fit: cover; border-radius: 8px; box-shadow: 0 24px 58px rgba(15, 23, 42, .12); }
[data-pages-template-code="feature_spotlight_image"] [data-pages-spotlight-content] { display: grid; justify-items: center; gap: 16px; max-width: 760px; }
[data-pages-template-code="feature_spotlight_image"] [data-pages-spotlight-content] h2 { max-width: 720px; margin: 0; }
[data-pages-template-code="feature_spotlight_image"] [data-pages-spotlight-content] > p { max-width: 620px; margin: 0; color: var(--g-text-p-color, var(--g-text-muted)); font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, 17px); font-weight: var(--g-text-p-weight, 400); line-height: 1.6; }
[data-pages-template-code="feature_spotlight_image"] .g-public-actions { justify-content: center; }
[data-pages-template-code="cta_simple"].g-site-section { position: relative; gap: 0; justify-items: center; text-align: center; }
[data-pages-template-code="cta_simple"] [data-pages-cta-frame] { position: absolute; inset: 64px max(0px, calc((100% - min(100%, 920px)) / 2)); z-index: 0; overflow: hidden; border: 1px solid rgba(229, 231, 235, .9); border-radius: 8px; box-shadow: 0 18px 44px rgba(15, 23, 42, .06); pointer-events: none; }
[data-pages-template-code="cta_simple"] [data-pages-cta-frame-fill] { width: 100%; height: 100%; background-size: cover; background-position: center; }
[data-pages-template-code="cta_simple"] [data-pages-cta-frame] > video,
[data-pages-template-code="cta_simple"] [data-pages-cta-frame] > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }
[data-pages-template-code="cta_simple"] [data-pages-cta-simple-content] { position: relative; z-index: 1; display: grid; place-items: center; width: min(100%, 920px); min-height: 260px; padding: 42px 28px; }
[data-pages-template-code="cta_simple"] [data-pages-cta-simple] { display: grid; justify-items: center; gap: 14px; width: min(100%, 760px); margin: 0 auto; }
[data-pages-template-code="cta_simple"] [data-pages-cta-simple] h2 { max-width: 700px; margin: 0; }
[data-pages-template-code="cta_simple"] [data-pages-cta-simple] > p { max-width: 560px; margin: 0; color: var(--g-text-p-color, var(--g-text-muted)); font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, 17px); font-weight: var(--g-text-p-weight, 400); line-height: 1.6; }
[data-pages-template-code="cta_simple"] .g-public-actions { justify-content: center; margin-top: 4px; }
[data-pages-template-code="feature_spotlight_image"] [data-pages-element="badge"],
[data-pages-template-code="case_study_compact"] [data-pages-element="badge"] { width: fit-content; display: inline-flex; align-items: center; justify-content: center; padding: 7px 12px; border-radius: 999px; color: var(--g-color-main); background: color-mix(in srgb, var(--g-color-main) 12%, #ffffff); font-size: 13px; font-weight: 800; line-height: 1.1; }
[data-pages-template-code="benefits_visual_list"].g-site-section { gap: 0; }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-layout] { display: grid; grid-template-columns: minmax(280px, .86fr) minmax(0, 1fr); align-items: center; gap: 46px; width: 100%; }
[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel { min-height: 420px; align-content: stretch; }
[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel > div { min-height: 420px; }
[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel > div > img,
[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel > div > video,
[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel > div > iframe { width: 100%; height: 100%; min-height: 420px; object-fit: cover; border-radius: 8px; box-shadow: 0 24px 58px rgba(15, 23, 42, .12); }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-content] { display: grid; gap: 18px; }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-content] h2 { max-width: 640px; margin: 0; }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-content] > p { max-width: 620px; margin: 0; color: var(--g-text-p-color, var(--g-text-muted)); font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, 17px); font-weight: var(--g-text-p-weight, 400); line-height: 1.6; }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-items] { display: grid; gap: 14px; margin-top: 8px; }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-item] { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; padding: 16px; border: 1px solid rgba(229, 231, 235, .92); border-radius: 8px; background: rgba(255, 255, 255, .88); box-shadow: 0 14px 34px rgba(15, 23, 42, .06); }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-icon] { width: 44px; height: 44px; display: inline-grid; place-items: center; border-radius: 999px; color: var(--pages-benefit-accent, var(--g-color-main)); background: color-mix(in srgb, var(--pages-benefit-accent, var(--g-color-main)) 12%, #ffffff); }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-icon] .g-icon { width: 21px; height: 21px; }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-item] h3 { margin: 0 0 5px; color: var(--g-text-color); font-size: 16px; font-weight: 800; line-height: 1.25; }
[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-item] p { margin: 0; color: var(--g-text-p-color, var(--g-text-muted)); font-size: 14px; line-height: 1.55; }
[data-pages-template-code="benefits_case_cards"].g-site-section { gap: 42px; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-cards-head] { display: grid; justify-items: center; gap: 14px; text-align: center; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-cards-head] h2 { max-width: 760px; margin: 0; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-cards-head] p { max-width: 680px; margin: 0; color: var(--g-text-p-color, var(--g-text-muted)); font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, 17px); font-weight: var(--g-text-p-weight, 400); line-height: 1.55; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-cards-grid] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; width: 100%; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-card] { position: relative; display: grid; align-content: start; min-height: 344px; overflow: hidden; border: 1px solid rgba(229, 231, 235, .95); border-radius: 8px; background: #ffffff; box-shadow: 0 18px 42px rgba(15, 23, 42, .07); transition: transform .16s ease, box-shadow .16s ease; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-card]:hover { transform: translateY(-2px); box-shadow: 0 24px 54px rgba(15, 23, 42, .11); }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-card-image] { position: relative; min-height: 176px; overflow: visible; background: #e8f1f7; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-card-image] img { width: 100%; height: 176px; display: block; object-fit: cover; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-card-badge] { position: absolute; top: 16px; right: 16px; max-width: calc(100% - 32px); padding: 7px 12px; border-radius: 999px; color: #0f172a; background: rgba(255, 255, 255, .9); box-shadow: 0 8px 20px rgba(15, 23, 42, .1); font-size: 12px; font-weight: 700; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-pages-template-code="benefits_case_cards"] [data-pages-visual-list-icon] { position: absolute; left: 20px; bottom: -22px; width: 46px; height: 46px; display: inline-grid; place-items: center; border-radius: 14px; color: var(--pages-benefit-accent, var(--g-color-main)); background: color-mix(in srgb, var(--pages-benefit-accent, var(--g-color-main)) 12%, #ffffff); box-shadow: 0 12px 28px rgba(15, 23, 42, .12); }
[data-pages-template-code="benefits_case_cards"] [data-pages-visual-list-icon] .g-icon { width: 21px; height: 21px; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-card-body] { display: grid; gap: 10px; padding: 30px 24px 26px; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-card-body] h3 { margin: 0; color: var(--g-text-color); font-size: 18px; font-weight: 800; line-height: 1.25; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-card-body] p { margin: 0; color: var(--g-text-p-color, var(--g-text-muted)); font-size: 14px; line-height: 1.58; }
[data-pages-template-code="benefits_case_cards"] [data-pages-case-cards-image-placeholder] { width: 100%; height: 176px; display: grid; place-items: center; color: var(--g-color-main); background: #e8f1f7; }
[data-pages-template-code="case_study_compact"].g-site-section { gap: 0; }
[data-pages-template-code="case_study_compact"] [data-pages-case-layout] { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr); align-items: center; gap: 42px; width: 100%; }
[data-pages-template-code="case_study_compact"] [data-pages-case-results] { display: grid; gap: 14px; padding: 22px; border: 1px solid rgba(229, 231, 235, .92); border-radius: 8px; background: rgba(255, 255, 255, .9); box-shadow: 0 24px 58px rgba(15, 23, 42, .1); }
[data-pages-template-code="case_study_compact"] [data-pages-card-item] { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 14px; align-items: center; min-height: 0; padding: 14px; border-radius: 8px; box-shadow: none; }
[data-pages-template-code="case_study_compact"] [data-pages-card-item] [data-pages-feature-icon] { grid-row: span 2; }
[data-pages-template-code="case_study_compact"] [data-pages-card-item] strong { color: var(--g-text-color); font-size: 24px; line-height: 1; }
[data-pages-template-code="case_study_compact"] [data-pages-card-item] span:not([data-pages-feature-icon]) { color: var(--g-text-p-color, var(--g-text-muted)); font-size: 13px; line-height: 1.35; }
[data-pages-template-code="case_study_compact"] [data-pages-case-content] { display: grid; gap: 18px; }
[data-pages-template-code="case_study_compact"] [data-pages-case-content] h2 { max-width: 660px; margin: 0; }
[data-pages-template-code="case_study_compact"] [data-pages-case-content] > p { max-width: 620px; margin: 0; color: var(--g-text-p-color, var(--g-text-muted)); font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, 17px); font-weight: var(--g-text-p-weight, 400); line-height: 1.6; }
@media (max-width: 900px) {
	[data-pages-template-code="features_icon_grid"] [data-pages-element="cards"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	[data-pages-template-code="benefits_case_cards"] [data-pages-case-cards-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	[data-pages-template-code="case_study_compact"] [data-pages-case-layout] { grid-template-columns: 1fr; gap: 28px; }
	[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel,
	[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel > div,
	[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel > div > img,
	[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel > div > video,
	[data-pages-template-code="feature_spotlight_image"] .g-site-hero__panel > div > iframe { min-height: 320px; }
	[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-layout] { grid-template-columns: 1fr; gap: 28px; }
	[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel,
	[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel > div,
	[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel > div > img,
	[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel > div > video,
	[data-pages-template-code="benefits_visual_list"] .g-site-hero__panel > div > iframe { min-height: 320px; }
}
@media (max-width: 640px) {
	[data-pages-template-code="features_icon_grid"] [data-pages-element="cards"] { grid-template-columns: 1fr; }
	[data-pages-template-code="benefits_case_cards"] [data-pages-case-cards-grid] { grid-template-columns: 1fr; gap: 18px; }
	[data-pages-template-code="benefits_case_cards"] [data-pages-case-card-image],
	[data-pages-template-code="benefits_case_cards"] [data-pages-case-card-image] img,
	[data-pages-template-code="benefits_case_cards"] [data-pages-case-cards-image-placeholder] { height: 164px; min-height: 164px; }
	[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-item] { grid-template-columns: 38px minmax(0, 1fr); padding: 14px; }
	[data-pages-template-code="benefits_visual_list"] [data-pages-visual-list-icon] { width: 38px; height: 38px; }
}
[data-pages-width-mode] { position: relative; }
[data-pages-editor-section] { border-bottom: 1px solid var(--g-border-color); }
[data-pages-page-editor] [data-pages-editor-section] { isolation: auto; }
[data-pages-page-editor] { margin-right: -28px; margin-left: -28px; }
[data-pages-page-editor] .g-site-head { padding-right: 28px; padding-left: 28px; pointer-events: none; }
[data-pages-page-editor] .g-site-head a,
[data-pages-page-editor] .g-site-head button { pointer-events: none; }
[data-pages-page-editor] .g-public-actions > a.g-button { cursor: default; }
[data-pages-page-editor] > main[data-site-head-overlap="1"] > [data-pages-editor-section][data-pages-height-mode="fullscreen"]:first-child { min-height: calc(100vh + var(--g-site-head-rendered-height, var(--g-site-head-content-offset, 0px))) !important; }
[data-pages-section-actions] { position: absolute; top: 18px; right: 18px; z-index: 40; }
[data-pages-section-actions] .g-icon-button { background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .16); }
[data-pages-section-fill] { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
[data-pages-background-media-preview] { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; pointer-events: none; }
.g-site-page:not([data-pages-page-editor]) [data-pages-width-mode="full"] > [data-pages-section-fill],
.g-site-page:not([data-pages-page-editor]) [data-pages-width-mode="full"] > [data-pages-background-media-preview] { inset: 0 auto 0 50%; width: 100vw; transform: translateX(-50%); }
[data-pages-width-mode] > :not([data-pages-section-fill]):not([data-pages-background-media-preview]):not([data-pages-section-actions]) { position: relative; z-index: 1; }
[data-pages-animate] { opacity: 1; transform: none; }
[data-pages-page-editor] [data-pages-content-field] { border-radius: 6px; cursor: text; outline: 1px solid transparent; outline-offset: 7px; transition: outline-color .16s ease, background .16s ease, box-shadow .16s ease; }
[data-pages-page-editor] [data-pages-content-field]:hover,
[data-pages-page-editor] [data-pages-content-field]:focus-visible { background: rgba(255,255,255,.72); outline-color: rgba(11, 95, 159, .32); box-shadow: 0 10px 24px rgba(15, 23, 42, .08); }
[data-pages-content-editor] { display: grid; gap: 10px; position: relative; z-index: 2; }
[data-pages-content-editor] .g-textarea { width: min(100%, 760px); min-height: 54px; resize: none; background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(15, 23, 42, .12); }
[data-pages-content-editor][data-pages-content-button-editor] [data-pages-button-content-editor] { width: 100%; height: 100%; max-width: 100%; }
[data-pages-content-editor][data-pages-content-badge-editor] { width: max-content; max-width: min(760px, 70vw); }
[data-pages-content-editor][data-pages-content-proof-editor] { width: max-content; max-width: min(760px, 70vw); }
[data-pages-content-editor][data-pages-content-badge-editor] [data-pages-badge-content-editor],
[data-pages-content-editor][data-pages-content-proof-editor] [data-pages-proof-content-editor] { width: max-content; min-width: 100%; height: 100%; max-width: min(760px, 70vw); }
[data-pages-button-content-editor] .g-input,
[data-pages-badge-content-editor] .g-input,
[data-pages-proof-content-editor] .g-input { width: 100%; min-width: 0; min-height: 0; padding: 0; border: 0; color: currentColor; background: transparent; box-shadow: none; font: inherit; font-weight: inherit; text-align: inherit; }
[data-pages-badge-content-editor] .g-input,
[data-pages-proof-content-editor] .g-input { width: auto; max-width: calc(min(760px, 70vw) - 48px); }
[data-pages-button-content-editor] .g-input:focus,
[data-pages-badge-content-editor] .g-input:focus,
[data-pages-proof-content-editor] .g-input:focus { border-color: transparent; color: currentColor; background: transparent; outline: 0; box-shadow: none; }
[data-pages-button-settings-toolbar],
[data-pages-badge-settings-toolbar],
[data-pages-proof-settings-toolbar],
[data-pages-container-settings-toolbar] { position: fixed; z-index: 95; max-width: calc(100vw - 24px); }
.g-compact-toolbar { min-height: 34px; display: flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid #ccc; color: #444; background: #fff; box-shadow: 0 8px 22px rgba(15, 23, 42, .14); font-size: 12px; line-height: 1; white-space: nowrap; }
.g-compact-control { width: 28px; height: 28px; flex: 0 0 28px; display: inline-grid; place-items: center; padding: 0; border: 0; color: #444; background: transparent; cursor: pointer; }
.g-compact-control:hover,
.g-compact-control:focus-visible { color: #111; background: #e9e9e9; outline: 0; }
.g-compact-control .g-icon { width: 16px; height: 16px; }
[data-pages-button-settings-drag] { cursor: move; }
[data-pages-badge-settings-drag],
[data-pages-proof-settings-drag],
[data-pages-container-settings-drag] { cursor: move; }
.g-compact-icon-picker { display: inline-flex; align-items: center; border-right: 1px solid #ccc; }
.g-compact-color-picker { position: relative; border-right: 1px solid #ccc; }
.g-compact-color-picker__trigger { min-height: 28px; display: inline-flex; align-items: center; gap: 5px; padding: 0 7px; border: 0; color: #444; background: transparent; font: inherit; cursor: pointer; }
.g-compact-color-picker__trigger:hover,
.g-compact-color-picker__trigger:focus-visible { color: #111; background: #e9e9e9; outline: 0; }
.g-compact-color-picker__trigger .g-color-picker__swatch { width: 15px; height: 15px; }
.g-compact-combobox { width: min(260px, 34vw); min-width: 170px; display: grid; grid-template-columns: minmax(0, 1fr) 28px; align-items: center; border-right: 1px solid #ccc; }
.g-compact-combobox:has([data-pages-button-toolbar-url]) { width: min(208px, 27.2vw); min-width: 136px; }
.g-compact-combobox:has([data-pages-button-toolbar-variant]) { width: 108px; min-width: 108px; }
.g-compact-combobox__input { width: 100%; min-width: 0; height: 28px; padding: 4px 7px; border: 0; color: #444; background: transparent; font: inherit; outline: 0; }
.g-compact-combobox__input:focus { background: #f7f7f7; }
.g-compact-combobox .g-combobox__menu { min-width: 260px; padding: 4px; font-size: 12px; }
.g-compact-combobox .g-combobox__options { gap: 1px; max-height: 220px; }
.g-compact-combobox .g-combobox__options button { padding: 7px 8px; border-radius: 2px; font-size: 12px; }
.g-compact-checkbox { min-height: 28px; display: inline-flex; align-items: center; gap: 5px; padding: 0 8px; border-right: 1px solid #ccc; cursor: pointer; }
.g-compact-checkbox input { width: 13px; height: 13px; margin: 0; accent-color: var(--g-color-main); }
.g-compact-icon-segmented { display: inline-flex; align-items: center; border-right: 1px solid #ccc; }
.g-compact-icon-segmented label { display: block; cursor: pointer; }
.g-compact-icon-segmented input { position: absolute; opacity: 0; pointer-events: none; }
.g-compact-icon-segmented span { width: 28px; height: 28px; display: inline-grid; place-items: center; color: #444; }
.g-compact-icon-segmented span:hover,
.g-compact-icon-segmented input:focus-visible + span { color: #111; background: #e9e9e9; }
.g-compact-icon-segmented input:checked + span { color: #111; background: #dcdcdc; }
.g-compact-icon-segmented .g-icon { width: 16px; height: 16px; }
[data-pages-content-actions] { justify-content: flex-start; }

.g-app { min-height: 100vh; display: grid; grid-template-columns: var(--g-sidebar-width) 1fr; transition: grid-template-columns .22s ease; }
.g-app.is-sidebar-collapsed { grid-template-columns: var(--g-sidebar-collapsed-width) 1fr; }
.g-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; gap: 24px; padding: 18px 16px; background: #fff; border-right: 1px solid var(--g-border-color); transition: padding .22s ease, align-items .22s ease; }
body[data-theme="dark"] .g-sidebar { background: #0b1220; }
.g-sidebar__brand { display: flex; align-items: center; gap: 12px; min-height: 48px; transition: justify-content .22s ease; }
.g-sidebar__brand strong, .g-sidebar__user strong { display: block; font-size: 15px; }
.g-sidebar__brand span, .g-sidebar__user .g-contact-cell small { display: block; color: var(--g-text-muted); font-size: 12px; margin-top: 2px; }
.g-sidebar__brand > div:not(.g-sidebar__logo),
.g-sidebar__item span,
.g-sidebar__user .g-contact-cell > span:last-child { max-width: 180px; overflow: hidden; opacity: 1; white-space: nowrap; transform: translateX(0); transition: opacity .16s ease, max-width .22s ease, transform .22s ease; }
.g-sidebar__logo, .g-avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 999px; background: var(--g-color-main); color: #fff; font-weight: 800; }
.g-sidebar__logo-img { width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: cover; border-radius: inherit; display: block; }
.g-sidebar__logo:has([data-logo-full]) { width: 100%; height: 48px; border-radius: 0; background: transparent; color: inherit; }
.g-sidebar__logo [data-logo-full] { object-fit: contain; border-radius: 0; }
.g-sidebar__logo [data-logo-collapsed] { display: none; }
.g-sidebar__nav { display: grid; gap: 6px; }
.g-sidebar__section-title { margin: 0 0 8px; padding: 0 8px; color: var(--g-text-muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; opacity: 1; max-height: 24px; overflow: hidden; transition: opacity .16s ease, max-height .22s ease, margin .22s ease, padding .22s ease; }
.g-sidebar__item { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 9px 10px; border-radius: 14px; color: #2f3744; font-size: 14px; transition: color .16s ease, background .16s ease, gap .22s ease, padding .22s ease; }
body[data-theme="dark"] .g-sidebar__item { color: #d1d5db; }
.g-sidebar__item:hover, .g-sidebar__item.is-active { background: var(--g-color-main-soft); color: var(--g-color-main); }
.g-sidebar__footer { margin-top: auto; display: grid; gap: 6px; }
.g-sidebar__user { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 10px; border-top: 1px solid var(--g-border-color); }
.g-sidebar__user .g-contact-cell { min-width: 0; }
.g-avatar { width: 34px; height: 34px; background: #eef2f7; color: var(--g-color-main); }
.g-app.is-sidebar-collapsed .g-sidebar { align-items: center; padding: 18px 10px; }
.g-app.is-sidebar-collapsed .g-sidebar__brand { justify-content: center; }
.g-app.is-sidebar-collapsed .g-sidebar__item span,
.g-app.is-sidebar-collapsed .g-sidebar__brand > div:not(.g-sidebar__logo),
.g-app.is-sidebar-collapsed .g-sidebar__user .g-contact-cell > span:last-child { max-width: 0; opacity: 0; transform: translateX(-6px); }
.g-app.is-sidebar-collapsed .g-sidebar__logo:has([data-logo-collapsed]) { width: 40px; height: 40px; border-radius: 999px; background: transparent; }
.g-app.is-sidebar-collapsed .g-sidebar__logo [data-logo-full] { display: none; }
.g-app.is-sidebar-collapsed .g-sidebar__logo [data-logo-collapsed] { display: block; object-fit: contain; border-radius: inherit; }
.g-app.is-sidebar-collapsed .g-sidebar__section-title { max-height: 0; margin: 0; padding: 0; opacity: 0; }
.g-app.is-sidebar-collapsed .g-sidebar__nav,
.g-app.is-sidebar-collapsed .g-sidebar__footer { width: 100%; }
.g-app.is-sidebar-collapsed .g-sidebar__item,
.g-app.is-sidebar-collapsed .g-sidebar__user { justify-content: center; gap: 0; padding: 10px; }
.g-app.is-sidebar-collapsed .g-sidebar__item { justify-content: center; gap: 0; padding: 10px; }

.g-main { min-width: 0; }
.g-topbar { height: 58px; display: flex; align-items: center; gap: 14px; padding: 0 22px; background: rgba(255, 255, 255, .9); border-bottom: 1px solid rgba(229, 231, 235, .82); box-shadow: 0 1px 0 rgba(255, 255, 255, .72), 0 10px 28px rgba(15, 23, 42, .035); backdrop-filter: blur(14px); }
body[data-theme="dark"] .g-topbar { background: rgba(15, 23, 42, .88); border-bottom-color: rgba(38, 50, 68, .9); box-shadow: 0 10px 28px rgba(0, 0, 0, .22); }
.g-topbar__spacer { flex: 1; }
.g-topbar__actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.g-icon { width: 18px; height: 18px; flex: 0 0 auto; }
.g-icon-button { width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 999px; color: #111827; background: transparent; cursor: pointer; transition: color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
body[data-theme="dark"] .g-icon-button { color: var(--g-text-color); }
.g-icon-button:hover { background: #eef4fa; box-shadow: 0 8px 18px rgba(15, 23, 42, .06); }
body[data-theme="dark"] .g-icon-button:hover { background: rgba(255,255,255,.08); }
.g-icon-button[data-reveal-label] { position: relative; width: 38px; border: 1px solid var(--g-border-color); background: #fff; overflow: visible; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
body[data-theme="dark"] .g-icon-button[data-reveal-label] { background: #111827; }
.g-icon-button[data-reveal-label]::after { content: attr(aria-label); position: absolute; z-index: 5; top: 50%; right: calc(100% + 10px); min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--g-border-color); border-radius: 999px; color: var(--g-color-main); background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .1); font-size: 13px; font-weight: 800; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(8px, -50%) scale(.96); transition: opacity .16s ease, transform .16s ease; }
body[data-theme="dark"] .g-icon-button[data-reveal-label]::after { background: #111827; }
.g-icon-button[data-reveal-label]:hover,
.g-icon-button[data-reveal-label]:focus-visible { border-color: rgba(11, 95, 159, .24); background: var(--g-color-main-soft); transform: translateY(-1px); }
.g-icon-button[data-reveal-label]:hover::after,
.g-icon-button[data-reveal-label]:focus-visible::after { opacity: 1; transform: translate(0, -50%) scale(1); transition-delay: var(--g-tooltip-delay, 1200ms); }
.g-icon-button[data-reveal-label]:not([data-reveal-label=""])::after { content: attr(data-reveal-label); }
.g-theme-toggle { width: 48px; height: 28px; display: inline-flex; align-items: center; padding: 3px; border: 1px solid var(--g-border-color); border-radius: 999px; background: #eef2f7; cursor: pointer; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease; }
.g-theme-toggle span { width: 20px; height: 20px; display: block; border-radius: 999px; background: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, .22); transform: translateX(0); transition: transform .18s ease, background .16s ease; }
.g-theme-toggle:hover { border-color: rgba(11, 95, 159, .28); background: var(--g-color-main-soft); box-shadow: 0 8px 18px rgba(15, 23, 42, .06); }
.g-theme-toggle[aria-pressed="true"] { background: #1e293b; border-color: #334155; }
.g-theme-toggle[aria-pressed="true"] span { background: #93c5fd; transform: translateX(20px); }
body[data-theme="dark"] .g-theme-toggle { background: #1e293b; border-color: #334155; }
body[data-theme="dark"] .g-theme-toggle:hover { background: #243247; border-color: #475569; }
[data-theme-segment] { --g-theme-segment-index: 0; position: relative; width: 108px; height: 36px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; padding: 3px; border: 1px solid var(--g-border-color); border-radius: 12px; background: rgba(255,255,255,.78); box-shadow: 0 8px 18px rgba(15, 23, 42, .06); }
[data-theme-segment][data-theme-mode="light"] { --g-theme-segment-index: 1; }
[data-theme-segment][data-theme-mode="dark"] { --g-theme-segment-index: 2; }
[data-theme-segment] [data-theme-segment-indicator] { position: absolute; z-index: 0; top: 3px; bottom: 3px; left: 3px; width: calc((100% - 6px) / 3); border-radius: 9px; background: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, .18); transform: translateX(calc(var(--g-theme-segment-index) * 100%)); transition: transform .18s ease, background .16s ease; }
[data-theme-segment] button { position: relative; z-index: 1; width: 100%; height: 28px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 9px; color: inherit; background: transparent; cursor: pointer; }
[data-theme-segment] button:hover { background: rgba(11, 95, 159, .08); }
[data-theme-segment] .g-icon { width: 17px; height: 17px; }
body[data-theme="dark"] [data-theme-segment] { background: rgba(15, 23, 42, .74); border-color: #334155; }
body[data-theme="dark"] [data-theme-segment] [data-theme-segment-indicator] { background: #1e293b; }
[data-head-preview-utility] [data-theme-segment] { width: 90px; height: 30px; border-radius: 10px; }
[data-head-preview-utility] [data-theme-segment] [data-theme-segment-indicator] { border-radius: 7px; }
[data-head-preview-utility] [data-theme-segment] button { height: 22px; border-radius: 7px; }
[data-head-preview-utility] [data-theme-segment] .g-icon { width: 14px; height: 14px; }

.g-page { padding: 28px; }
[data-account-page] { width: min(100%, 1200px); margin: 0 auto; box-sizing: border-box; }
[data-account-page][data-account-head-overlap="1"] { padding-top: calc(var(--g-account-head-offset, 0px) + 24px); }
.g-page-header { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; margin: 0 0 24px; }
.g-page-header h1 { margin: 6px 0 4px; display: flex; align-items: center; gap: 10px; font-family: var(--g-text-h1-font); font-size: var(--g-text-h1-size); font-weight: var(--g-text-h1-weight); color: var(--g-text-h1-color); line-height: 1.15; }
.g-page-header h1 .g-avatar { width: 30px; height: 30px; background: transparent; color: #000; }
body[data-theme="dark"] .g-page-header h1 .g-avatar { color: #fff; }
.g-page-header h1 .g-avatar .g-icon { width: 30px; height: 30px; }
.g-page-header p { margin: 0; font-family: var(--g-text-p-font); font-size: var(--g-text-p-size); font-weight: var(--g-text-p-weight); color: var(--g-text-p-color); }
.g-back-link { color: var(--g-text-muted); font-size: 14px; }
.g-page-content a:not(.g-button):not(.g-tabs__button),
.g-page-content a.g-icon-button { color: var(--g-link-color, var(--g-color-main)); }
.g-page-actions { display: flex; gap: 10px; align-items: center; }
.g-page-content { display: grid; gap: 18px; max-width: 1180px; }
.g-page-content h1:not([class]) { font-family: var(--g-text-h1-font); font-size: var(--g-text-h1-size); font-weight: var(--g-text-h1-weight); color: var(--g-text-h1-color); }
.g-page-content h2:not([class]) { font-family: var(--g-text-h2-font); font-size: var(--g-text-h2-size); font-weight: var(--g-text-h2-weight); color: var(--g-text-h2-color); }
.g-page-content h3:not([class]) { font-family: var(--g-text-h3-font); font-size: var(--g-text-h3-size); font-weight: var(--g-text-h3-weight); color: var(--g-text-h3-color); }
.g-page-content p:not([class]) { font-family: var(--g-text-p-font); font-size: var(--g-text-p-size); font-weight: var(--g-text-p-weight); color: var(--g-text-p-color); }
[data-account-page] > .g-page-content { width: 100%; max-width: none; }

.g-card { background: var(--g-surface-card); border: 1px solid rgba(229, 231, 235, .92); border-radius: var(--g-radius-lg); box-shadow: var(--g-shadow-card); overflow: visible; }
body[data-theme="dark"] .g-card { border-color: var(--g-border-color); }
.g-card__header { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; }
.g-card__title { margin: 0; display: flex; align-items: center; gap: 9px; color: var(--g-color-main); font-size: 14px; letter-spacing: .05em; text-transform: uppercase; }
.g-card__body { padding: 8px 24px 24px; }
.g-muted { color: var(--g-text-muted); }
.g-record-history { font-size: 11px; text-align: center; }
.g-grid { display: grid; gap: 14px; }
.g-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.all__flex_container { display: flex; gap: 16px; align-items: flex-start; width: 100%; }
.all__flex_container.input_container { align-items: center; }
.all__flex_container.input_container:has(textarea, .g-textarea) { align-items: flex-start; }
.all__flex-children_2col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.all__flex-children_3col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.all__flex-children_30 { flex: 0 1 calc(30% - 8px); min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.all__flex-children_70 { flex: 0 1 calc(70% - 8px); min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.g-field-stack { display: flex; flex-direction: column; gap: 20px; }
.all__shadow { box-shadow: var(--g-shadow-card); }
.g-stat { padding: 16px; border-radius: var(--g-radius-md); background: #f8fafc; border: 1px solid var(--g-border-color); }
body[data-theme="dark"] .g-stat { background: #0f172a; }
.g-stat strong { display: block; font-size: 24px; color: var(--g-color-main); }
.g-stat > span { display: block; margin-top: 5px; color: var(--g-text-muted); font-size: 13px; }
.g-stat span:first-child { display: flex; align-items: center; gap: 8px; margin-top: 0; }
.g-stat .g-url-actions__text { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }

.g-alert { display: flex; gap: 12px; align-items: flex-start; margin: 20px 0; padding: 14px 16px; border-radius: var(--g-radius-md); border: 1px solid var(--g-border-color); background: #fff; }
body[data-theme="dark"] .g-alert { background: #111827; }
.g-alert--success { border-color: rgba(29, 139, 84, .42); background: rgba(29, 139, 84, .08); }
.g-alert--warning { border-color: rgba(245, 166, 35, .35); background: rgba(245, 166, 35, .08); }
.g-alert strong { display: block; margin-bottom: 3px; }
.g-alert p { margin: 0; color: var(--g-text-muted); font-size: 14px; }
.g-alert[data-media-zone] { position: relative; display: grid; justify-items: center; gap: 12px; min-height: 168px; padding: 28px; border-style: dashed; border-color: rgba(148, 163, 184, .5); background-color: rgba(248, 250, 252, .72); background-position: center; background-repeat: no-repeat; background-size: contain; text-align: center; cursor: pointer; transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.g-alert[data-media-zone]:hover,
.g-alert[data-media-zone]:focus-within,
.g-alert[data-media-zone][data-dragover="true"] { border-color: rgba(11, 95, 159, .42); background-color: rgba(11, 95, 159, .045); box-shadow: inset 0 0 0 1px rgba(11, 95, 159, .08), 0 12px 26px rgba(15, 23, 42, .055); }
.g-alert[data-media-zone][data-dragover="true"] { transform: translateY(-1px); }
body[data-theme="dark"] .g-alert[data-media-zone] { background-color: rgba(15, 23, 42, .78); background-position: center; background-repeat: no-repeat; background-size: contain; border-color: rgba(71, 85, 105, .9); }
body[data-theme="dark"] .g-alert[data-media-zone]:hover,
body[data-theme="dark"] .g-alert[data-media-zone]:focus-within,
body[data-theme="dark"] .g-alert[data-media-zone][data-dragover="true"] { border-color: rgba(147, 197, 253, .5); background-color: rgba(59, 130, 246, .1); }
.g-alert[data-media-zone] [data-media-preview-content] { display: grid; justify-items: center; gap: 8px; min-width: 0; }
.g-alert[data-media-zone] [data-media-empty-placeholder] { display: grid; place-items: center; color: #cbd5e1; }
.g-alert[data-media-zone] [data-media-empty-placeholder] svg { width: 76px; height: 76px; stroke-width: 1.35; }
body[data-theme="dark"] .g-alert[data-media-zone] [data-media-empty-placeholder] { color: #475569; }
.g-alert[data-media-zone] [data-media-formats] { display: block; margin-top: 8px; color: #bbb; font-size: .7rem; line-height: 1.35; }
.g-alert[data-media-zone] [data-media-formats] > span { display: block; color: inherit; font-size: inherit; line-height: inherit; }
.g-alert[data-media-zone] [data-media-formats-separator] { display: block; width: 100%; height: 1px; margin: 6px 0; background: #bbb; opacity: .6; }
.g-alert[data-media-zone] [data-media-clear] { position: absolute; right: 10px; bottom: 10px; z-index: 2; width: 34px; height: 34px; border: 1px solid rgba(220, 38, 38, .22); background: rgba(255, 255, 255, .94); color: #dc2626; box-shadow: 0 10px 22px rgba(15, 23, 42, .16); opacity: 0; pointer-events: none; transform: scale(.88); transition: opacity .16s ease, transform .16s ease, background .16s ease; }
.g-alert[data-media-zone][data-media-has-value="true"]:hover [data-media-clear],
.g-alert[data-media-zone][data-media-has-value="true"]:focus-within [data-media-clear] { opacity: 1; pointer-events: auto; transform: scale(1); }
.g-alert[data-media-zone] [data-media-clear]:hover { background: #fee2e2; }
.g-alert[data-media-zone] [data-media-clear][hidden] { display: none; }
body[data-theme="dark"] .g-alert[data-media-zone] [data-media-clear] { background: rgba(17, 24, 39, .94); border-color: rgba(248, 113, 113, .32); color: #f87171; }
.g-alert[data-media-zone][data-media-has-background="true"] { min-height: 210px; align-content: end; }
.g-alert[data-media-zone][data-media-has-background="true"] > div:not([data-media-preview-content]) { padding: 8px 12px; border-radius: 16px; background: rgba(255, 255, 255, .9); box-shadow: 0 10px 24px rgba(15, 23, 42, .07); opacity: 0; pointer-events: none; transform: translateY(8px); backdrop-filter: blur(8px); transition: opacity .16s ease, transform .16s ease; }
.g-alert[data-media-zone][data-media-has-background="true"]:hover > div:not([data-media-preview-content]),
.g-alert[data-media-zone][data-media-has-background="true"]:focus-within > div:not([data-media-preview-content]),
.g-alert[data-media-zone][data-media-has-background="true"][data-dragover="true"] > div:not([data-media-preview-content]) { opacity: 1; pointer-events: auto; transform: translateY(0); }
body[data-theme="dark"] .g-alert[data-media-zone][data-media-has-background="true"] > div:not([data-media-preview-content]) { background: rgba(17, 24, 39, .84); }
.g-alert[data-media-zone] .g-contact-cell { min-width: 0; max-width: 100%; flex-direction: column; gap: 9px; text-align: center; }
.g-alert[data-media-zone] .g-contact-cell__avatar { width: 54px; height: 54px; border-radius: 16px; font-size: 18px; box-shadow: 0 10px 20px rgba(15, 23, 42, .06); }
.g-alert[data-media-zone] .g-contact-cell small { max-width: min(520px, 100%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 18px; }
.g-toolbar__search { flex: 0 1 360px; max-width: 360px; min-height: 42px; display: flex; align-items: center; gap: 6px; margin-left: auto; padding: 3px 5px; border: 1px solid rgba(203, 213, 225, .95); border-radius: 999px; background: #fff; color: var(--g-text-muted); font-size: 14px; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.g-toolbar__search:hover,
.g-toolbar__search:focus-within { border-color: rgba(11, 95, 159, .28); box-shadow: 0 0 0 4px rgba(11, 95, 159, .06); }
body[data-theme="dark"] .g-toolbar__search { background: #111827; border-color: var(--g-border-color); box-shadow: none; }
.g-toolbar__search-field { flex: 1 1 auto; min-width: 0; width: auto; gap: 0; }
.g-toolbar__search .g-input { min-height: 34px; padding: 6px 4px; border: 0; background: transparent; box-shadow: none; }
.g-toolbar__search .g-input[type="search"]::-webkit-search-cancel-button { display: none; }
.g-toolbar__search .g-input:focus { background: transparent; box-shadow: none; }
.g-toolbar__search .g-icon-button,
.g-page-content .g-toolbar__search a.g-icon-button { width: 34px; height: 34px; flex: 0 0 auto; color: #111827; }
.g-toolbar__search .g-icon-button:hover,
.g-page-content .g-toolbar__search a.g-icon-button:hover { color: #111827; }
.g-toolbar__actions { display: flex; align-items: center; gap: 10px; }
.g-toolbar__actions:has(.g-toolbar__search) { flex: 1 1 auto; justify-content: flex-end; min-width: 0; }
.g-form { display: grid; gap: 18px; }
.g-form-grid { display: grid; gap: 16px; }
.g-form-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g-form-grid--with-aside { grid-template-columns: 150px minmax(0, 1fr); align-items: start; }
.g-form-field { display: grid; gap: 8px; min-width: 0; }
.g-form-field:has(> input[type="range"].g-input) { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 14px; }
.g-form-field:has(> input[type="range"].g-input) > .g-label { grid-column: 1 / -1; }
.g-form-field:has(> input[type="range"].g-input) > input[type="range"].g-input { grid-column: 1; width: 100%; }
.g-form-field:has(> input[type="range"].g-input) > .g-muted { grid-column: 2; min-width: 48px; text-align: right; white-space: nowrap; }
.g-form-field > .g-alert[data-media-zone] { margin: 0; }
.g-form-field + .g-form-field { margin-top: 20px; }
.g-form-field--full { grid-column: 1 / -1; }
[data-pages-settings-elements-list] > [data-accordion-group] + [data-accordion-group] { margin-top: 10px; }
[data-pages-button-block] > .all__flex_container { margin-top: 10px; }
[data-pages-button-block] + strong { display: block; margin-top: 10px; }
strong + [data-pages-button-block] { margin-top: 10px; }
.g-check-list { display: grid; gap: 8px; }
.g-check-list__item { min-height: 34px; display: flex; align-items: center; gap: 9px; color: var(--g-text-color); font-size: 14px; }
.g-check-list__item input { width: 16px; height: 16px; flex: 0 0 auto; accent-color: var(--g-color-main); }
[data-sales-payment-disabled] { color: var(--g-text-muted); cursor: not-allowed; opacity: .62; }
[data-sales-payment-disabled] input { cursor: not-allowed; }
.g-choice-summary { min-height: 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid rgba(229, 231, 235, .95); border-radius: 13px; background: #f8fafc; }
.g-choice-summary__item { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 9px; border-radius: 999px; color: var(--g-color-main); background: var(--g-color-main-soft); font-size: 12px; font-weight: 700; }
[data-sales-payment-summary-item] { position: relative; padding-right: 26px; }
[data-sales-payment-remove] { position: absolute; top: -9px; right: -9px; width: 24px; height: 24px; color: var(--g-danger-color, #dc2626); background: #fff; border: 1px solid rgba(220, 38, 38, .18); box-shadow: 0 8px 18px rgba(15, 23, 42, .12); opacity: 0; transform: scale(.88); transition: opacity .16s ease, transform .16s ease, background .16s ease; }
body[data-theme="dark"] [data-sales-payment-remove] { background: #111827; }
[data-sales-payment-summary-item]:hover [data-sales-payment-remove],
[data-sales-payment-summary-item]:focus-within [data-sales-payment-remove] { opacity: 1; transform: scale(1); }
[data-sales-payment-remove]:hover { background: #fee2e2; }
.g-choice-scroll { max-height: 260px; overflow: auto; padding-right: 4px; }
.g-label { color: #4b5563; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
body[data-theme="dark"] .g-label { color: var(--g-text-muted); }
.g-input,
.g-select,
.g-textarea { width: 100%; min-height: 44px; padding: 11px 13px; border: 1px solid rgba(229, 231, 235, .95); border-radius: 13px; color: var(--g-text-color); background: #f8fafc; font: inherit; outline: none; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.g-input::placeholder, .g-textarea::placeholder { color: rgba(100, 116, 139, .58); }
.g-input-unit { width: 100%; min-height: 44px; display: inline-flex; align-items: center; padding: 0 7px; border: 1px solid rgba(229, 231, 235, .95); border-radius: 13px; color: var(--g-text-color); background: #f8fafc; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.g-input-unit__value { min-width: 0; flex: 1 1 auto; width: 100%; min-height: 42px; padding: 10px 4px 10px 10px; border: 0; color: var(--g-text-color); background: transparent; font: inherit; text-align: right; outline: none; }
.g-input-unit__suffix { flex: 0 0 auto; padding: 0 4px 0 3px; color: var(--g-text-muted); font-weight: 700; white-space: nowrap; }
.g-input-unit:focus-within { border-color: rgba(11, 95, 159, .38); background: #fff; box-shadow: 0 0 0 4px rgba(11, 95, 159, .08); }
[data-rich-text-editor] .ql-editor { font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, var(--g-font-size-base)); font-weight: var(--g-text-p-weight, 400); color: var(--g-text-p-color, var(--g-text-color)); }
[data-rich-text-editor] .ql-editor h1 { font-family: var(--g-text-h1-font, var(--g-font-family)); font-size: var(--g-text-h1-size, 32px); font-weight: var(--g-text-h1-weight, 800); color: var(--g-text-h1-color, var(--g-text-color)); }
[data-rich-text-editor] .ql-editor h2 { font-family: var(--g-text-h2-font, var(--g-font-family)); font-size: var(--g-text-h2-size, 24px); font-weight: var(--g-text-h2-weight, 800); color: var(--g-text-h2-color, var(--g-text-color)); }
[data-rich-text-editor] .ql-editor h3 { font-family: var(--g-text-h3-font, var(--g-font-family)); font-size: var(--g-text-h3-size, 18px); font-weight: var(--g-text-h3-weight, 700); color: var(--g-text-h3-color, var(--g-text-color)); }
.ql-toolbar.ql-snow { background: #fff; }
.ql-align-center { text-align: center; }
.ql-align-right { text-align: right; }
.ql-align-justify { text-align: justify; }
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Texte'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Titre 1'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Titre 2'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Titre 3'; }
.ql-snow .ql-picker.ql-color .ql-picker-options,
.ql-snow .ql-picker.ql-background .ql-picker-options { width: auto; grid-template-columns: repeat(5, 20px); gap: 6px; padding: 8px; }
.ql-snow .ql-picker.ql-color.ql-expanded .ql-picker-options,
.ql-snow .ql-picker.ql-background.ql-expanded .ql-picker-options { display: grid; }
.ql-snow .ql-picker.ql-color .ql-picker-item,
.ql-snow .ql-picker.ql-background .ql-picker-item { width: 20px; height: 20px; margin: 0; }
.ql-snow .ql-picker.ql-color .ql-picker-item[data-value="transparent"],
.ql-snow .ql-picker.ql-background .ql-picker-item[data-value="transparent"] { background: linear-gradient(135deg, #fff 0 44%, #cbd5e1 44% 56%, #fff 56% 100%) !important; }
.g-phone-field { display: block; min-width: 0; }
.g-phone-field .iti { width: 100%; }
.g-phone-field .g-select,
.g-phone-field .g-input { min-width: 0; }
.g-phone-field .iti__selected-country { border-radius: 12px 0 0 12px; transition: background .16s ease; }
.g-phone-field .iti__selected-country:hover { background: var(--g-color-main-soft); }
.g-phone-field .iti__dropdown-content { margin-top: 8px; border: 1px solid var(--g-border-color); border-radius: 16px; background: #fff; box-shadow: var(--g-shadow-card); overflow: hidden; }
.g-phone-field .iti__search-input { width: calc(100% - 16px); min-height: 38px; margin: 8px; padding: 8px 12px; border: 1px solid rgba(229, 231, 235, .95); border-radius: 999px; color: var(--g-text-color); background: #f8fafc; font: inherit; outline: none; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.g-phone-field .iti__search-input:focus { border-color: rgba(11, 95, 159, .38); background: #fff; box-shadow: 0 0 0 4px rgba(11, 95, 159, .08); }
.g-phone-field .iti__country-list { max-height: 236px; padding: 4px 6px 8px; scrollbar-width: thin; scrollbar-color: rgba(11, 95, 159, .32) transparent; }
.g-phone-field .iti__country { margin: 2px 0; padding: 9px 10px; border-radius: 10px; color: #1f2937; transition: color .16s ease, background .16s ease; }
.g-phone-field .iti__country:hover,
.g-phone-field .iti__highlight { color: var(--g-color-main); background: var(--g-color-main-soft); }
.g-phone-field .iti__country-name { font-weight: 650; }
.g-phone-field .iti__dial-code { color: var(--g-text-muted); }
.pac-container { z-index: 130 !important; margin-top: 0; border: 1px solid var(--g-border-color); border-radius: 13px; background: #fff; box-shadow: var(--g-shadow-card); overflow: hidden; font-family: var(--g-font-family); }
.pac-item { min-height: 40px; display: block; padding: 9px 12px; border-top: 1px solid rgba(229, 231, 235, .72); color: var(--g-text-muted); font-size: 13px; line-height: 1.35; cursor: pointer; }
.pac-item:first-child { border-top: 0; }
.pac-item:hover,
.pac-item-selected { background: var(--g-color-main-soft); }
.pac-container .pac-icon { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; }
.pac-logo::after { display: none !important; }
.pac-item-query { color: var(--g-text-color); font-size: 14px; font-weight: 700; }
.g-select-menu { width: 100%; }
.g-select-menu__button { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; border: 1px solid rgba(229, 231, 235, .95); border-radius: 13px; color: var(--g-text-color); background: #f8fafc; font: inherit; cursor: pointer; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.g-select-menu__button:hover,
.g-select-menu__button[aria-expanded="true"] { border-color: rgba(11, 95, 159, .28); background: #fff; box-shadow: 0 0 0 4px rgba(11, 95, 159, .06); }
.g-select-menu__button .g-icon { color: var(--g-text-muted); transition: transform .16s ease; }
.g-select-menu__button[aria-expanded="true"] .g-icon { transform: rotate(180deg); }
.g-select-menu__menu { width: 100%; min-width: 100%; padding: 6px; }
.g-select-menu__menu button { width: 100%; display: flex; align-items: center; gap: 8px; padding: 10px 11px; border: 0; border-radius: 10px; color: #1f2937; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.g-select-menu__menu button:hover { color: var(--g-color-main); background: var(--g-color-main-soft); }
.g-combobox { width: 100%; }
.g-combobox.g-dropdown { display: block; }
.g-combobox__control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.g-combobox__control .g-input { min-width: 0; }
.g-combobox__menu { width: 100%; min-width: 100%; padding: 8px; }
.g-combobox__search { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; margin-bottom: 8px; }
.g-combobox__search .g-input { min-height: 38px; }
.g-combobox__options { display: grid; gap: 4px; max-height: min(50vh, 420px); overflow: auto; }
[data-combobox-option-row] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
[data-combobox-option-row] > [data-combobox-option] { min-width: 0; }
[data-combobox-option-action] { padding: 10px 11px; color: var(--g-link-color, var(--g-color-main)); font-size: 12px; font-weight: 700; white-space: nowrap; text-decoration: none; }
[data-combobox-option-action]:hover, [data-combobox-option-action]:focus-visible { text-decoration: underline; }
.g-combobox__options button { width: 100%; display: grid; gap: 2px; padding: 10px 11px; border: 0; border-radius: 10px; color: #1f2937; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.g-combobox__options button:hover { color: var(--g-color-main); background: var(--g-color-main-soft); }
.g-combobox__options small { color: var(--g-text-muted); font-size: 12px; }
.g-combobox__create { display: grid; gap: 10px; }
.g-combobox__create[hidden] { display: none; }
.g-combobox__create .g-toolbar__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.g-combobox__create .g-button { width: 100%; justify-content: center; }
.g-textarea { min-height: 104px; resize: vertical; line-height: 1.45; }
.g-input:focus,
.g-select:focus,
.g-textarea:focus { border-color: rgba(11, 95, 159, .38); background: #fff; box-shadow: 0 0 0 4px rgba(11, 95, 159, .08); }
.g-doc-lines .g-table { table-layout: fixed; border-collapse: separate; border-spacing: 10px 0; margin: 0 -10px; }
.g-doc-lines__drag { width: 48px; }
.g-doc-lines__designation { width: auto; }
.g-doc-lines__price { width: 92px; }
.g-doc-lines__tax { width: 92px; }
.g-doc-lines__quantity { width: 74px; }
.g-doc-lines__total { width: 94px; }
.g-doc-lines__actions { width: 74px; }
.g-doc-lines__money { text-align: right; }
.g-doc-lines__number { text-align: right; }
.g-doc-lines__text-row td:nth-child(n+3):not(:last-child) { display: none; }
.g-doc-lines__text-row td:nth-child(2) { width: auto; }
.g-doc-lines__text-row td:nth-child(2) textarea { border-radius: 13px; }
.g-doc-lines__text-row .g-doc-lines__designation { width: auto; }
.g-doc-line-field { display: flex; width: 100%; }
.g-doc-line-field .g-input,
.g-doc-line-field .g-select { border-radius: 0; }
.g-doc-line-field .g-input:first-child,
.g-doc-line-field .g-select:first-child { border-radius: 13px 0 0 13px; }
.g-doc-line-field .g-input:last-child,
.g-doc-line-field .g-select:last-child { border-radius: 0 13px 13px 0; }
.g-doc-line-field .g-input:only-child,
.g-doc-line-field .g-select:only-child { border-radius: 13px; }
.g-doc-line-field--price { max-width: 92px; }
.g-doc-line-field--quantity { max-width: 74px; }
.g-doc-line-control.g-input,
.g-doc-line-control.g-select { border-radius: 0; }
.g-doc-line-field .g-doc-line-control--middle.g-input,
.g-doc-line-field .g-doc-line-control--middle.g-select { border-radius: 0; }
.g-doc-line-field .g-doc-line-control--last.g-input,
.g-doc-line-field .g-doc-line-control--last.g-select { border-radius: 0 13px 13px 0; }
.g-doc-line-control--first.g-input,
.g-doc-line-control--first.g-select { border-radius: 13px 0 0 13px; }
.g-doc-line-control--last.g-input,
.g-doc-line-control--last.g-select { border-radius: 0 13px 13px 0; }
.g-doc-line-control--middle.g-input,
.g-doc-line-control--middle.g-select,
.g-doc-line-control--last.g-input,
.g-doc-line-control--last.g-select { margin-left: -1px; }
body[data-theme="dark"] .g-input,
body[data-theme="dark"] .g-select,
body[data-theme="dark"] .g-textarea { background: #0f172a; border-color: var(--g-border-color); color: var(--g-text-color); }
body[data-theme="dark"] .g-input-unit { background: #0f172a; border-color: var(--g-border-color); color: var(--g-text-color); }
body[data-theme="dark"] .g-select-menu__button { background: #0f172a; border-color: var(--g-border-color); color: var(--g-text-color); }
body[data-theme="dark"] .g-select-menu__button:hover,
body[data-theme="dark"] .g-select-menu__button[aria-expanded="true"] { background: #111827; }
body[data-theme="dark"] .g-select-menu__menu button { color: var(--g-text-color); }
body[data-theme="dark"] .g-combobox__options button { color: var(--g-text-color); }
body[data-theme="dark"] .g-phone-field .iti__dropdown-content { background: #111827; border-color: var(--g-border-color); }
body[data-theme="dark"] .g-phone-field .iti__search-input { background: #0f172a; border-color: var(--g-border-color); color: var(--g-text-color); }
body[data-theme="dark"] .g-phone-field .iti__country { color: var(--g-text-color); }
body[data-theme="dark"] .g-phone-field .iti__dial-code { color: var(--g-text-muted); }
.g-toggle { position: relative; width: 100%; min-height: 44px; display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; align-items: center; justify-content: start; padding: 4px; border: 1px solid rgba(229, 231, 235, .95); border-radius: 999px; background: #f8fafc; overflow: hidden; }
.g-toggle::before { content: ""; position: absolute; z-index: 0; top: 4px; left: 4px; width: calc((100% - 8px) / 2); height: calc(100% - 8px); border-radius: 999px; background: var(--g-color-main); box-shadow: 0 8px 18px rgba(11, 95, 159, .18); transform: translateX(100%); transition: transform .22s ease; }
.g-toggle:has(label:first-child input:checked)::before { transform: translateX(0); }
.g-toggle:has(label:nth-child(2) input:checked)::before { transform: translateX(100%); }
.g-toggle:has(label:nth-child(3):last-child)::before { width: calc((100% - 8px) / 3); }
.g-toggle:has(label:nth-child(3):last-child):has(label:nth-child(2) input:checked)::before { transform: translateX(100%); }
.g-toggle:has(label:nth-child(3):last-child):has(label:nth-child(3) input:checked)::before { transform: translateX(200%); }
.g-toggle:has(label:nth-child(4):last-child)::before { width: calc((100% - 8px) / 4); }
.g-toggle:has(label:nth-child(4):last-child):has(label:nth-child(2) input:checked)::before { transform: translateX(100%); }
.g-toggle:has(label:nth-child(4):last-child):has(label:nth-child(3) input:checked)::before { transform: translateX(200%); }
.g-toggle:has(label:nth-child(4):last-child):has(label:nth-child(4) input:checked)::before { transform: translateX(300%); }
.g-toggle:has(label:nth-child(5):last-child)::before { width: calc((100% - 8px) / 5); }
.g-toggle:has(label:nth-child(5):last-child):has(label:nth-child(2) input:checked)::before { transform: translateX(100%); }
.g-toggle:has(label:nth-child(5):last-child):has(label:nth-child(3) input:checked)::before { transform: translateX(200%); }
.g-toggle:has(label:nth-child(5):last-child):has(label:nth-child(4) input:checked)::before { transform: translateX(300%); }
.g-toggle:has(label:nth-child(5):last-child):has(label:nth-child(5) input:checked)::before { transform: translateX(400%); }
body[data-theme="dark"] .g-toggle { background: #0f172a; border-color: var(--g-border-color); }
.g-toggle label { position: relative; z-index: 1; display: flex; cursor: pointer; }
.g-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.g-toggle span { width: 100%; min-width: 0; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 14px; border-radius: 999px; color: var(--g-text-muted); font-size: 14px; font-weight: 700; transition: color .16s ease, background .16s ease, box-shadow .16s ease; }
.g-toggle label:hover span { color: var(--g-color-main); background: rgba(11, 95, 159, .06); }
.g-toggle input:checked + span { color: #fff; background: transparent; box-shadow: none; }
.g-toggle input:focus-visible + span { box-shadow: 0 0 0 4px rgba(11, 95, 159, .12); }
.g-bool-field { justify-content: start; }
.g-bool-switch { min-height: 38px; display: inline-flex; align-items: center; gap: 10px; }
.g-bool-switch__text { color: var(--g-text-muted); font-size: 14px; font-weight: 700; line-height: 1; }
.g-bool-switch__control { position: relative; width: 54px; height: 30px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.g-bool-switch__control input[type="hidden"] { display: none; }
.g-bool-switch__control input[type="checkbox"] { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 2; }
.g-bool-switch__track { position: relative; width: 54px; height: 30px; display: block; border-radius: 999px; background: #d1d5db; transition: background .18s ease; }
.g-bool-switch__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; border-radius: 999px; background: #fff; box-shadow: 0 2px 6px rgba(15, 23, 42, .18); transition: transform .18s ease; }
.g-bool-switch__control input[type="checkbox"]:checked + .g-bool-switch__track { background: var(--g-color-main); }
.g-bool-switch__control input[type="checkbox"]:checked + .g-bool-switch__track::after { transform: translateX(24px); }
.g-bool-switch__control input[type="checkbox"]:focus-visible + .g-bool-switch__track { box-shadow: 0 0 0 4px rgba(11, 95, 159, .12); }
body[data-theme="dark"] .g-bool-switch__track { background: #334155; }
.g-form-photo { display: grid; justify-items: center; gap: 14px; padding-top: 24px; }
.g-form-photo .g-contact-cell__avatar { width: 82px; height: 82px; font-size: 22px; box-shadow: 0 14px 28px rgba(15, 23, 42, .08); }
.g-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 9px; border-radius: 999px; color: var(--g-color-main); background: var(--g-color-main-soft); font-size: 12px; font-weight: 700; }
.g-badge--green { color: #166534; background: #dcfce7; }
.g-badge--amber { color: #92400e; background: #fef3c7; }
.g-badge--blue { color: #1d4ed8; background: #dbeafe; }
.g-table .g-badge { min-height: 18px; padding: 2px 7px; }
.g-badge[data-pages-element="badge"] { font-family: var(--g-text-p-font, var(--g-font-family)); font-size: var(--g-text-p-size, var(--g-font-size-base)); font-weight: 700; }
.g-language-picker { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.g-language-picker__selected { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; max-width: 100%; }
.g-language-picker__add { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; max-width: 520px; }
.g-language-picker__add .g-input { flex: 1 1 220px; min-width: 0; }
.g-language-chip { position: relative; width: 86px; min-height: 78px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px; border: 1px solid var(--g-border-color); border-radius: var(--g-radius); background: #fff; box-shadow: 0 8px 18px rgba(15, 23, 42, .05); }
body[data-theme="dark"] .g-language-chip { background: #111827; }
.g-language-chip__flag { font-size: 28px; font-weight: 800; line-height: 1; }
.g-language-chip__label { max-width: 100%; overflow: hidden; color: var(--g-text-muted); font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.g-language-chip .g-icon-button { position: absolute; top: -8px; right: -8px; width: 26px; height: 26px; color: var(--g-danger-color, #dc2626); background: #fff; border: 1px solid rgba(220, 38, 38, .18); box-shadow: 0 8px 18px rgba(15, 23, 42, .12); opacity: 0; transform: scale(.88); transition: opacity .16s ease, transform .16s ease, background .16s ease; }
body[data-theme="dark"] .g-language-chip .g-icon-button { background: #111827; }
.g-language-chip:hover .g-icon-button,
.g-language-chip:focus-within .g-icon-button { opacity: 1; transform: scale(1); }
.g-language-chip .g-icon-button:hover { background: #fee2e2; }
.g-modal[data-medias-preview-modal] { width: min(1100px, calc(100vw - 32px)); }
.g-modal[data-medias-preview-modal] .g-modal-body { min-height: min(72vh, 760px); display: grid; place-items: center; padding: 0; background: #111827; overflow: hidden; }
.g-modal[data-medias-preview-modal] img,
.g-modal[data-medias-preview-modal] video { max-width: 100%; max-height: calc(100vh - 124px); width: auto; height: auto; display: block; object-fit: contain; }
[data-medias-gallery] { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 28px; }
[data-medias-card].g-card { position: relative; min-height: 0; aspect-ratio: 1 / 1; display: grid; place-items: center; padding: 10px; overflow: hidden; border-radius: 8px; }
[data-medias-card] > img,
[data-medias-card] > video { position: absolute; top: 50%; left: 50%; max-width: calc(100% - 20px); max-height: calc(100% - 20px); width: auto; height: auto; display: block; object-fit: contain; object-position: center center; transform: translate(-50%, -50%); }
[data-medias-actions] { position: absolute; z-index: 2; top: 8px; right: 8px; display: inline-flex; align-items: center; gap: 6px; opacity: 0; transform: translateY(-3px); transition: opacity .16s ease, transform .16s ease; }
[data-medias-actions] .g-icon-button { width: 30px; height: 30px; background: rgba(255, 255, 255, .94); box-shadow: 0 8px 18px rgba(15, 23, 42, .12); }
body[data-theme="dark"] [data-medias-actions] .g-icon-button { background: rgba(17, 24, 39, .94); }
[data-medias-card]:hover [data-medias-actions],
[data-medias-card]:focus-within [data-medias-actions] { opacity: 1; transform: translateY(0); }
[data-medias-name] { position: absolute; z-index: 2; right: 8px; bottom: 8px; left: 8px; min-height: 28px; display: flex; align-items: center; justify-content: center; padding: 5px 8px; border-radius: 6px; color: var(--g-text-color); background: rgba(255, 255, 255, .9); box-shadow: 0 8px 18px rgba(15, 23, 42, .1); font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; opacity: 0; overflow: hidden; text-overflow: ellipsis; transform: translateY(3px); transition: opacity .16s ease, transform .16s ease; }
body[data-theme="dark"] [data-medias-name] { background: rgba(17, 24, 39, .9); }
[data-medias-card]:hover [data-medias-name],
[data-medias-card]:focus-within [data-medias-name] { opacity: 1; transform: translateY(0); }
.g-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.g-url-actions { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; max-width: 100%; min-height: 38px; }
.g-table .g-url-actions { min-height: 0; }
.g-url-actions__text { min-width: 0; flex: 1 1 auto; overflow: hidden; color: var(--g-text-color); text-overflow: ellipsis; white-space: nowrap; transition: color .16s ease; }
.g-url-actions__buttons { position: absolute; z-index: 2; top: 50%; right: 0; display: inline-flex; align-items: center; gap: 4px; padding: 2px; opacity: 0; pointer-events: none; transform: translate(6px, -50%); transition: opacity .16s ease, transform .16s ease; }
.g-url-actions:hover .g-url-actions__text,
.g-url-actions:focus-within .g-url-actions__text { color: var(--g-color-main); }
.g-url-actions:hover .g-url-actions__buttons,
.g-url-actions:focus-within .g-url-actions__buttons { opacity: 1; pointer-events: auto; transform: translate(0, -50%); }
.g-url-actions .g-icon-button { width: 30px; height: 30px; }
.g-url-actions__buttons .g-icon-button { color: var(--g-link-color, var(--g-color-main)); background: transparent; box-shadow: none; }
.g-url-actions__buttons .g-icon-button:hover { background: color-mix(in srgb, var(--g-link-color, var(--g-color-main)) 18%, transparent); box-shadow: none; }
.g-contact-cell { display: inline-flex; align-items: center; gap: 10px; min-width: 0; color: var(--g-text-color); border-radius: 999px; transition: color .16s ease, background .16s ease; }
a.g-contact-cell { color: var(--g-link-color, var(--g-color-main)); }
.g-contact-cell:hover { color: var(--g-color-main); }
a.g-contact-cell:hover { color: var(--g-link-color, var(--g-color-main)); }
.g-contact-cell a { color: inherit; transition: color .16s ease; }
.g-contact-cell a:hover,
.g-contact-cell:hover small { color: var(--g-color-main); }
.g-contact-cell__avatar { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 999px; overflow: hidden; background: #f3f4f6; border: 1px solid var(--g-border-color); color: var(--g-color-main); font-size: 12px; font-weight: 800; }
[data-waou-cats-media].g-contact-cell__avatar { width: 70px; height: 70px; border-radius: 0; }
body[data-theme="dark"] .g-contact-cell__avatar { background: #0f172a; }
.g-contact-cell__avatar img,
[data-waou-cats-media].g-contact-cell__avatar video { width: 100%; height: 100%; object-fit: cover; display: block; }
[data-integration-logo] { width: auto; min-width: 0; height: 64px; border: 0; border-radius: 0; background: transparent; overflow: visible; display: inline-flex; align-items: center; justify-content: center; }
[data-integration-logo-theme="dark"] { background: transparent; }
[data-integration-logo] img { display: block; width: auto; height: 54px; max-width: 118px; object-fit: contain; padding: 0; }
[data-integrations-catalog] { align-items: stretch; }
[data-integrations-card] { position: relative; min-height: 210px; }
[data-integrations-help] { position: absolute; top: 10px; left: 10px; z-index: 2; color: var(--g-color-main); background: #fff; border: 1px solid var(--g-border-color); box-shadow: 0 8px 18px rgba(15, 23, 42, .12); }
body[data-theme="dark"] [data-integrations-help] { background: #111827; }
[data-integrations-status] { position: absolute; top: 12px; right: 12px; width: 13px; height: 13px; border-radius: 999px; }
[data-integrations-card-body] { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 12px; padding-top: 18px; text-align: center; }
[data-integrations-logo-wrap] { min-height: 64px; display: flex; align-items: center; justify-content: center; }
[data-integrations-card-text] { display: grid; gap: 8px; }
[data-integrations-card-name] { font-size: 16px; font-weight: 700; color: var(--g-color-main); }
[data-integrations-card-description] { min-height: 48px; font-size: 12px; line-height: 1.35; }
[data-integrations-card-meta] { font-size: 12px; }
[data-integrations-card-actions] { justify-content: center; }
[data-integrations-card-actions] .g-toolbar__actions { justify-content: center; width: 100%; }
[data-integrations-help-steps] { display: grid; gap: 10px; margin: 0; padding-left: 22px; line-height: 1.45; }
.g-contact-cell__avatar img + span,
[data-waou-cats-media].g-contact-cell__avatar video + span { display: none; }
.g-contact-cell strong { display: block; line-height: 1.15; }
.g-contact-cell small { display: block; margin-top: 3px; color: var(--g-text-muted); font-size: 12px; line-height: 1.1; }
.g-card__body > .g-grid--3 > .g-alert .g-contact-cell { gap: 16px; min-width: 0; }
.g-card__body > .g-grid--3:has(> .g-alert):has(> .g-stat) { align-items: stretch; }
.g-card__body > .g-grid--3:has(> .g-alert):has(> .g-stat) > .g-alert,
.g-card__body > .g-grid--3:has(> .g-alert):has(> .g-stat) > .g-stat { height: 100%; }
.g-card__body > .g-grid--3:has(> .g-alert):has(> .g-stat) > .g-alert { align-items: center; margin: 0; }
.g-card__body > .g-grid--3 > .g-alert .g-contact-cell__avatar { width: 76px; height: 76px; font-size: 22px; box-shadow: 0 14px 28px rgba(15, 23, 42, .08); }
.g-card__body > .g-grid--3 > .g-alert .g-contact-cell strong { font-size: 22px; }
.g-card__body > .g-grid--3 > .g-alert .g-contact-cell small { margin-top: 6px; font-size: 14px; }

.g-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 9px 14px; border-radius: 999px; border: 1px solid var(--g-border-color); color: var(--g-text-color); font-size: 14px; font-weight: 600; background: #fff; transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease; }
.g-toolbar .g-button > span { white-space: nowrap; }
body[data-theme="dark"] .g-button { background: #111827; color: var(--g-text-color); }
.g-button:not(.g-button--primary):hover { color: var(--g-button-primary-bg, var(--g-color-main)); background: color-mix(in srgb, var(--g-button-primary-bg, var(--g-color-main)) 12%, #fff); border-color: color-mix(in srgb, var(--g-button-primary-bg, var(--g-color-main)) 30%, transparent); box-shadow: 0 8px 18px rgba(15, 23, 42, .06); }
.g-button--primary { color: var(--g-validation-button-color, #fff); background: var(--g-validation-button-bg, var(--g-button-primary-bg, var(--g-color-main))); border-color: var(--g-validation-button-bg, var(--g-button-primary-bg, var(--g-color-main))); }
.g-button--primary:hover { color: var(--g-validation-button-color, #fff); background: color-mix(in srgb, var(--g-validation-button-bg, var(--g-button-primary-bg, var(--g-color-main))) 88%, #000); border-color: color-mix(in srgb, var(--g-validation-button-bg, var(--g-button-primary-bg, var(--g-color-main))) 88%, #000); }
.g-button--secondary { color: #111827; background: #fff; }
body[data-theme="dark"] .g-button--secondary { color: var(--g-text-color); background: #111827; }
.g-button--ghost { color: var(--g-color-main); background: transparent; border-color: transparent; }
body[data-theme="dark"] .g-button--ghost { background: transparent; color: #93c5fd; }
body[data-theme="dark"] .g-button:not(.g-button--primary):hover { color: color-mix(in srgb, var(--g-button-primary-bg, var(--g-color-main)) 72%, #fff); background: color-mix(in srgb, var(--g-button-primary-bg, var(--g-color-main)) 20%, #111827); border-color: color-mix(in srgb, var(--g-button-primary-bg, var(--g-color-main)) 38%, #111827); }
.g-button[aria-disabled="true"], .g-button[aria-disabled="true"]:hover { color: #aaa; font-weight: 400; background: transparent; border-color: transparent; box-shadow: none; cursor: default; }
body[data-theme="dark"] .g-button[aria-disabled="true"], body[data-theme="dark"] .g-button[aria-disabled="true"]:hover { color: #aaa; background: transparent; }
.g-button[data-reveal-label] { position: relative; overflow: visible; }
.g-button[data-reveal-label]::after { content: attr(data-reveal-label); position: absolute; z-index: 5; top: calc(100% + 8px); left: 50%; min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--g-border-color); border-radius: 999px; color: var(--g-color-main); background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .1); font-size: 13px; font-weight: 800; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%, -4px) scale(.96); transition: opacity .16s ease, transform .16s ease; }
body[data-theme="dark"] .g-button[data-reveal-label]::after { background: #111827; }
.g-button[data-reveal-label]:hover::after,
.g-button[data-reveal-label]:focus-visible::after { opacity: 1; transform: translate(-50%, 0) scale(1); transition-delay: var(--g-tooltip-delay, 1200ms); }
.g-page-content a[data-reveal-label]:not(.g-button):not(.g-icon-button) { position: relative; overflow: visible; }
.g-page-content a[data-reveal-label]:not(.g-button):not(.g-icon-button)::after { content: attr(data-reveal-label); position: absolute; z-index: 5; top: calc(100% + 8px); left: 50%; min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--g-border-color); border-radius: 999px; color: var(--g-color-main); background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .1); font-size: 13px; font-weight: 800; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%, -4px) scale(.96); transition: opacity .16s ease, transform .16s ease; }
body[data-theme="dark"] .g-page-content a[data-reveal-label]:not(.g-button):not(.g-icon-button)::after { background: #111827; }
.g-page-content a[data-reveal-label]:not(.g-button):not(.g-icon-button):hover::after,
.g-page-content a[data-reveal-label]:not(.g-button):not(.g-icon-button):focus-visible::after { opacity: 1; transform: translate(-50%, 0) scale(1); transition-delay: var(--g-tooltip-delay, 1200ms); }
.g-topbar [data-reveal-label],
.g-sidebar [data-reveal-label],
.g-side-panel [data-reveal-label] { position: relative; overflow: visible; }
.g-topbar [data-reveal-label]::after { content: attr(data-reveal-label); position: absolute; z-index: 120; top: calc(100% + 8px); left: 50%; min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--g-border-color); border-radius: 999px; color: var(--g-color-main); background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .1); font-size: 13px; font-weight: 800; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%, -4px) scale(.96); transition: opacity .16s ease, transform .16s ease; }
.g-topbar [data-reveal-label]:hover::after,
.g-topbar [data-reveal-label]:focus-visible::after { opacity: 1; transform: translate(-50%, 0) scale(1); transition-delay: var(--g-tooltip-delay, 1200ms); }
.g-sidebar [data-reveal-label]::after { content: attr(data-reveal-label); position: absolute; z-index: 120; top: 50%; left: calc(100% + 10px); min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--g-border-color); border-radius: 999px; color: var(--g-color-main); background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .1); font-size: 13px; font-weight: 800; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-8px, -50%) scale(.96); transition: opacity .16s ease, transform .16s ease; }
.g-sidebar [data-reveal-label]:hover::after,
.g-sidebar [data-reveal-label]:focus-visible::after { opacity: 1; transform: translate(0, -50%) scale(1); transition-delay: var(--g-tooltip-delay, 1200ms); }
.g-side-panel [data-reveal-label]::after { content: attr(data-reveal-label); position: absolute; z-index: 120; top: 50%; right: calc(100% + 10px); min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid var(--g-border-color); border-radius: 999px; color: var(--g-color-main); background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .1); font-size: 13px; font-weight: 800; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(8px, -50%) scale(.96); transition: opacity .16s ease, transform .16s ease; }
.g-side-panel [data-reveal-label]:hover::after,
.g-side-panel [data-reveal-label]:focus-visible::after { opacity: 1; transform: translate(0, -50%) scale(1); transition-delay: var(--g-tooltip-delay, 1200ms); }
body[data-theme="dark"] .g-topbar [data-reveal-label]::after,
body[data-theme="dark"] .g-sidebar [data-reveal-label]::after,
body[data-theme="dark"] .g-side-panel [data-reveal-label]::after { background: #111827; }
body[data-tooltips-v2="off"] [data-reveal-label]::after { content: none !important; display: none !important; }
.g-dropdown { position: relative; display: inline-flex; }
.g-dropdown__menu { position: absolute; z-index: 90; top: calc(100% + 8px); right: 0; min-width: 142px; padding: 6px; border: 1px solid var(--g-border-color); border-radius: var(--g-radius-md); background: #fff; box-shadow: var(--g-shadow-card); }
.g-dropdown__menu--panel { width: min(360px, calc(100vw - 36px)); padding: 14px; }
.g-dropdown[data-dropup="true"] .g-dropdown__menu { top: auto; bottom: calc(100% + 8px); }
body[data-theme="dark"] .g-dropdown__menu { background: #111827; }
.g-dropdown__menu[hidden] { display: none; }
.g-dropdown__menu form { display: grid; gap: 12px; }
.g-dropdown__menu a { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 9px; color: var(--g-link-color, var(--g-color-main)); font-size: 14px; }
body[data-theme="dark"] .g-dropdown__menu a { color: var(--g-link-color, var(--g-color-main)); }
.g-dropdown__menu a:hover { background: var(--g-color-main-soft); color: var(--g-color-main); }
.g-dropdown__menu a.g-dropdown__item--danger { color: var(--g-link-color, var(--g-color-main)); }
.g-dropdown__menu a.g-dropdown__item--danger:hover { background: var(--g-color-main-soft); color: var(--g-color-main); }
[data-language-menu] [data-dropdown-trigger]:not(.g-icon-button) { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 999px; background: transparent; cursor: pointer; }
[data-language-menu] [data-dropdown-trigger]:hover,
[data-language-menu] [data-dropdown-trigger][aria-expanded="true"] { background: var(--g-color-main-soft); }
[data-language-menu] img { width: 24px; height: 24px; display: block; border-radius: 0; object-fit: cover; }
[data-language-menu] .g-dropdown__menu { right: auto; left: 50%; min-width: 48px; padding: 5px; border-radius: 14px; box-shadow: 0 10px 24px rgba(15, 23, 42, .12); transform: translateX(-50%); }
[data-language-menu] .g-dropdown__menu form { display: block; }
[data-language-menu] .g-dropdown__menu button { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 12px; background: transparent; cursor: pointer; }
[data-language-menu] .g-dropdown__menu button:hover,
[data-language-menu] .g-dropdown__menu button[aria-current="true"] { background: var(--g-color-main-soft); }
[data-head-preview-utility] [data-language-menu] [data-dropdown-trigger] { width: 30px; height: 30px; }
[data-head-preview-utility] [data-language-menu] img { width: 20px; height: 20px; }
[data-head-preview-utility] [data-language-menu] .g-dropdown__menu { min-width: 42px; padding: 4px; }
[data-head-preview-utility] [data-language-menu] .g-dropdown__menu button { width: 30px; height: 30px; border-radius: 9px; }

.g-side-panel-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(15, 23, 42, .28); opacity: 0; transition: opacity .18s ease; }
.g-side-panel-backdrop.is-open { opacity: 1; }
.g-side-panel-backdrop[hidden] { display: none; }
.g-modal-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(15, 23, 42, .42); opacity: 0; transition: opacity .18s ease; }
.g-modal-backdrop.is-open { opacity: 1; }
.g-modal-backdrop[hidden] { display: none; }
.g-modal { position: fixed; z-index: 90; top: 50%; left: 50%; width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 40px); display: flex; flex-direction: column; border: 1px solid var(--g-border-color); border-radius: var(--g-radius-md); background: #fff; box-shadow: var(--g-shadow-card); opacity: 0; transform: translate(-50%, -48%) scale(.98); transition: opacity .18s ease, transform .18s ease; }
[data-g2-icon-field] > .g-modal-backdrop { z-index: 140; }
[data-g2-icon-field] > .g-modal { z-index: 150; }
.g-modal[data-blog-theme-preview-modal] { width: min(920px, calc(100vw - 32px)); }
[data-waou-google-batch-modal] > .g-modal { width: min(1100px, calc(100vw - 32px)); }
.g-modal.is-open { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.g-modal[hidden] { display: none; }
body[data-theme="dark"] .g-modal { background: #111827; }
.g-modal-header { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; border-bottom: 1px solid var(--g-border-color); }
.g-modal-header > .g-icon-button:only-child { margin-left: auto; }
.g-modal-title { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 18px; }
.g-modal > form { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.g-modal-body { flex: 1 1 auto; min-height: 0; padding: 16px; overflow: auto; }
.g-modal-footer { flex: 0 0 auto; display: flex; justify-content: flex-end; gap: 8px; padding: 14px 16px; border-top: 1px solid var(--g-border-color); }
.g-side-panel { position: fixed; z-index: 90; top: 0; right: 0; width: min(390px, calc(100vw - 28px)); height: 100vh; display: flex; flex-direction: column; background: #fff; border-left: 1px solid var(--g-border-color); transform: translateX(104%); transition: transform .22s ease; }
[data-pages-tools-panel].g-side-panel { width: min(720px, calc(100vw - 28px)); }
[data-pages-tool-box] { box-shadow: 0 16px 38px rgba(15, 23, 42, .11); }
[data-pages-template-grid] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
[data-pages-template-preview].g-alert { position: relative; display: block; width: 100%; aspect-ratio: 1.45; min-height: 92px; margin: 0; padding: 0; border-radius: 8px; overflow: hidden; cursor: pointer; border-color: rgba(148, 163, 184, .42); background: #e4f1f800; box-shadow: 0 1px 0 rgba(15, 23, 42, .04); }
[data-pages-template-preview].g-alert:hover { border-color: rgba(11, 95, 159, .34); box-shadow: 0 10px 22px rgba(15, 23, 42, .1); transform: translateY(-1px); }
[data-pages-template-visual] { position: absolute; inset: 0; display: grid; align-items: end; background: linear-gradient(135deg, #f8fafc, #e8f1f7); }
[data-pages-template-visual] img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; }
[data-pages-template-visual] > .g-icon { position: absolute; top: 22%; left: 50%; width: 38px; height: 38px; color: var(--g-color-main); transform: translateX(-50%); }
[data-pages-template-visual] > span { position: relative; z-index: 1; display: grid; gap: 2px; padding: 8px; background: rgba(255,255,255,.86); text-align: left; }
[data-pages-template-visual] > span strong,
[data-pages-template-visual] > span small { display: block; }
[data-pages-order-list] { display: grid; gap: 8px; }
[data-pages-order-item] { width: 100%; cursor: grab; text-align: left; }
[data-pages-order-item].g-side-panel__subitem { border: 0; background: transparent; font: inherit; justify-content: space-between; }
[data-pages-order-item][data-dragging="true"] { opacity: .72; cursor: grabbing; color: var(--g-color-main); background: var(--g-color-main-soft); box-shadow: inset 0 0 0 2px rgba(11, 95, 159, .22); }
[data-pages-order-list][data-pages-order-dragging="1"] [data-pages-order-item]:not([data-dragging="true"]) { transition: transform .16s ease, background-color .16s ease; }
[data-pages-order-list][data-pages-order-changed="1"] [data-pages-order-save] { box-shadow: 0 10px 22px rgba(11, 95, 159, .16); }
[data-pages-settings-palette],
[data-pages-animation-palette],
[data-pages-media-palette],
[data-pages-flexible-palette] { position: fixed; z-index: 75; top: 138px; right: 32px; width: min(500px, calc(100vw - 42px)); max-height: calc(100vh - 168px); overflow: auto; }
[data-pages-settings-palette][hidden],
[data-pages-animation-palette][hidden],
[data-pages-media-palette][hidden],
[data-pages-flexible-palette][hidden] { display: none; }
[data-pages-settings-drag],
[data-pages-palette-drag],
[data-pages-flexible-drag] { cursor: move; user-select: none; }
[data-pages-settings-palette] input[type="range"].g-input,
[data-pages-animation-palette] input[type="range"].g-input,
[data-pages-media-palette] input[type="range"].g-input { padding: 0; min-height: 28px; }
[data-pages-media-settings-fields],
[data-pages-media-settings-fields] > :first-child { display: grid; gap: 20px; }
[data-pages-media-settings-fields] .g-form-field + .g-form-field { margin-top: 0; }
[data-pages-flexible-palette] input[type="range"].g-input { padding: 0; min-height: 28px; }
[data-pages-cf-column-tabs] { display: flex; flex-wrap: wrap; gap: 8px; }
[data-pages-cf-column-list] { display: grid; gap: 12px; }
[data-pages-cf-dropzone] { display: grid; min-height: 72px; gap: 8px; padding: 12px; border: 1px dashed var(--g-border-color); border-radius: 12px; }
[data-pages-cf-sort-item].g-alert { display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin: 0; padding: 8px; cursor: grab; }
[data-pages-cf-sort-item] .g-row-actions { margin-left: auto; }
[data-pages-cf-element-catalog] .g-combobox__menu { z-index: 110; }
[data-pages-cf-element-catalog] .g-combobox__options { max-height: none; }
[data-pages-cf-sort-item][data-dragging="true"] { opacity: .55; cursor: grabbing; }
[data-pages-flexible-palette] [data-pages-cf-single-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-two-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-background-solid-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-background-gradient-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-background-media-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-frame-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-frame-solid-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-frame-gradient-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-frame-media-settings]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-element-text]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-element-button]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-element-media]:not([hidden]),
[data-pages-flexible-palette] [data-pages-cf-element-proofs]:not([hidden]) { display: grid; gap: 20px; }
[data-pages-page-editor] [data-pages-engine="content_flexible"] [data-pages-cf-id] { cursor: pointer; }
[data-pages-page-editor] [data-pages-engine="content_flexible"] [data-pages-cf-id]:hover { outline: 2px solid rgba(23, 160, 191, .42); outline-offset: 4px; }
[data-pages-page-editor] [data-pages-element="photo"] { cursor: pointer; }
[data-pages-page-editor] [data-pages-section-fill][data-pages-element="photo"] { pointer-events: auto; }
[data-pages-page-editor] [data-pages-element="photo"]:hover { outline: 2px solid rgba(23, 160, 191, .42); outline-offset: 4px; }
[data-pages-settings-anchor] { justify-self: end; font-size: 12px; }
body[data-theme="dark"] .g-side-panel { background: #111827; }
.g-side-panel.is-open { transform: translateX(0); }
.g-side-panel__header { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid var(--g-border-color); }
.g-side-panel__header h2 { margin: 2px 0 0; font-size: 20px; }
.g-side-panel__eyebrow { color: var(--g-text-muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.g-side-panel__body { padding: 16px; overflow: auto; }
.g-side-panel__nav { display: grid; gap: 8px; }
.g-side-panel__item { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 11px 12px; border-radius: 14px; color: #1f2937; background: #fff; border: 1px solid var(--g-border-color); box-shadow: 0 10px 22px rgba(15, 23, 42, .08); font-size: 14px; font-weight: 600; }
body[data-theme="dark"] .g-side-panel__item { color: var(--g-text-color); background: #0f172a; }
.g-side-panel__item:hover { color: var(--g-color-main); background: var(--g-color-main-soft); box-shadow: 0 12px 26px rgba(15, 23, 42, .12); }
.g-side-panel__groups { display: grid; gap: 10px; margin-top: 16px; margin-bottom: 16px; }
.g-side-panel__group { border: 1px solid var(--g-border-color); border-radius: 16px; background: #fff; box-shadow: 0 14px 30px rgba(15, 23, 42, .1); overflow: hidden; }
.g-side-panel__group:has(.g-color-picker__trigger[aria-expanded="true"]),
.g-side-panel__group:has(.g-select-menu__button[aria-expanded="true"]) { position: relative; z-index: 91; overflow: visible; }
body[data-theme="dark"] .g-side-panel__group { background: #0f172a; }
.g-side-panel__group-button { width: 100%; min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 0; background: #fff; color: #111827; cursor: pointer; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
body[data-theme="dark"] .g-side-panel__group-button { background: #0f172a; color: var(--g-text-color); }
.g-side-panel__group-button .g-icon { color: var(--g-text-muted); transition: transform .18s ease; }
.g-side-panel__group.is-open .g-side-panel__group-button .g-icon { transform: rotate(180deg); }
.g-side-panel__group-content { display: grid; gap: 20px; padding: 0 8px 10px; }
.g-side-panel__group-content[hidden] { display: none; }
#pages-web-palette + .g-side-panel__group-content .g-side-panel__group { border-color: rgba(148, 163, 184, .38); background: #f8fafc; box-shadow: none; }
#pages-web-palette + .g-side-panel__group-content .g-side-panel__group + .g-side-panel__group { margin-top: 2px; }
#pages-web-palette + .g-side-panel__group-content .g-side-panel__group-button { background: #eef6fb; color: #0f172a; }
#pages-web-palette + .g-side-panel__group-content .g-side-panel__group.is-open .g-side-panel__group-button { background: #e4f1f8; }
#pages-web-palette + .g-side-panel__group-content .g-side-panel__group-content { padding: 12px; background: #fbfdff; border-top: 1px solid rgba(148, 163, 184, .22); }
[data-pages-settings-elements-list] > .g-side-panel__group { border-color: rgba(148, 163, 184, .38); background: #f8fafc; box-shadow: none; }
[data-pages-settings-elements-list] > .g-side-panel__group.all__shadow { box-shadow: none; }
[data-pages-settings-elements-list] > .g-side-panel__group + .g-side-panel__group { margin-top: 10px; }
[data-pages-settings-elements-list] > .g-side-panel__group > .g-side-panel__group-button { background: #eef6fb; color: #0f172a; }
[data-pages-settings-elements-list] > .g-side-panel__group.is-open > .g-side-panel__group-button { background: #e4f1f8; }
[data-pages-settings-elements-list] > .g-side-panel__group > .g-side-panel__group-content { padding: 12px; background: #fbfdff; border-top: 1px solid rgba(148, 163, 184, .22); }
.g-side-panel__subitem { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 9px 10px; border-radius: 12px; color: #374151; font-size: 14px; }
body[data-theme="dark"] .g-side-panel__subitem { color: var(--g-text-muted); }
.g-side-panel__subitem:hover { color: var(--g-color-main); background: var(--g-color-main-soft); }
.g-side-panel__subitem.g-dropdown__item--danger .g-icon { color: #b42318; }
.g-side-panel__section { margin-top: 18px; padding: 16px; border-radius: var(--g-radius-md); background: #f8fafc; border: 1px solid var(--g-border-color); }
body[data-theme="dark"] .g-side-panel__section { background: #0f172a; }
.g-side-panel__section h3 { margin: 0 0 8px; font-size: 14px; }
.g-side-panel__section p { margin: 0; font-size: 14px; }

.g-table { width: 100%; border-collapse: collapse; font-size: 14px; }
[data-theme-typography-table] { table-layout: fixed; }
[data-theme-typography-table] th:nth-child(1) { width: 10%; }
[data-theme-typography-table] th:nth-child(2) { width: 40%; }
[data-theme-typography-table] th:nth-child(3),
[data-theme-typography-table] th:nth-child(4) { width: 11%; }
[data-theme-typography-table] th:nth-child(5) { width: 28%; }
.g-table th + th,
.g-table td + td { padding-left: 10px; }
.g-table th { padding: 13px 0; color: #4b5563; font-size: 12px; font-weight: 700; text-align: left; vertical-align: middle; border-bottom: 1px solid var(--g-border-color); }
.g-table[data-head-table] th:last-child { padding-left: 0; text-align: center; }
.g-table th [data-sort-header] { display: inline-flex; align-items: center; gap: 5px; color: inherit; font: inherit; }
.g-table th [data-sort-header] .g-icon { width: 1em; height: 1em; color: #111827; opacity: .38; transition: opacity .16s ease, transform .16s ease; }
.g-table th [data-sort-header]:hover, .g-table th [data-sort-header]:focus-visible { color: var(--g-color-main); }
.g-table th [data-sort-header]:hover .g-icon, .g-table th [data-sort-header]:focus-visible .g-icon, .g-table th [data-sort-header][aria-sort="ascending"] .g-icon, .g-table th [data-sort-header][aria-sort="descending"] .g-icon { opacity: 1; }
table.g-table:has(tbody .g-row-actions) th:last-child { text-align: center; }
table.g-table th:last-child > .g-icon-button { margin-right: auto; margin-left: auto; color: #111827; }
body[data-theme="dark"] .g-table th { color: var(--g-text-muted); }
.g-table th[valign="top"] { vertical-align: top; }
.g-table tbody tr { transition: background .16s ease, box-shadow .16s ease; }
.g-table tbody tr:hover { background: rgba(11, 95, 159, .045); }
body[data-theme="dark"] .g-table tbody tr:hover { background: rgba(59, 130, 246, .08); }
.g-table tbody tr:has([data-dropdown-trigger][aria-expanded="true"]),
.g-table tbody tr:has([data-dropdown-trigger][aria-expanded="true"]):hover { background: transparent; }
table.g-table tbody tr:has([data-dropdown-trigger][aria-expanded="true"]) { position: relative; z-index: 20; }
body[data-theme="dark"] .g-table tbody tr:has([data-dropdown-trigger][aria-expanded="true"]),
body[data-theme="dark"] .g-table tbody tr:has([data-dropdown-trigger][aria-expanded="true"]):hover { background: transparent; }
.g-table td { padding: 17px 0; vertical-align: middle; border-bottom: 1px solid #f0f1f3; transition: color .16s ease; }
.g-table td[valign="top"] { vertical-align: top; }
.g-table td[colspan] .g-muted { display: block; text-align: center; }
.g-table td[colspan] .g-alert { justify-content: center; text-align: center; }
body[data-theme="dark"] .g-table td { border-bottom-color: rgba(38, 50, 68, .82); }
.g-table a { transition: color .16s ease; }
.g-table tbody tr:hover a,
.g-table a:hover,
.g-table a:focus-visible { color: var(--g-link-color, var(--g-color-main)); }
.g-table tbody .g-row-actions { opacity: .78; transform: translateX(2px); transition: opacity .16s ease, transform .16s ease; }
.g-table tbody .g-row-actions .g-icon-button,
.g-page-content .g-table tbody .g-row-actions .g-icon-button { color: #111827; }
.g-table tbody .g-row-actions .g-icon-button:hover,
.g-table tbody .g-row-actions .g-icon-button[aria-expanded="true"] { background: var(--g-color-main-soft); }
.g-table td:has(> .g-row-actions) .g-row-actions { justify-content: center; }
.g-table tbody tr:hover .g-row-actions { opacity: 1; transform: translateX(0); }
.g-table tbody .g-row-actions:has([data-dropdown-trigger][aria-expanded="true"]) { opacity: 1; transform: translateX(0); }
.g-table tr:last-child td { border-bottom: 0; }
code { padding: 2px 6px; border-radius: 7px; background: #f3f4f6; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.g-palette { display: inline-flex; align-items: center; gap: 7px; margin-top: 5px; vertical-align: middle; }
.g-palette span { width: 22px; height: 22px; display: block; flex: 0 0 auto; margin: 0; border-radius: 8px; background: var(--swatch); border: 1px solid rgba(0,0,0,.08); }
.g-tabs { display: grid; gap: 18px; }
.g-tabs__nav { position: relative; display: flex; flex-wrap: wrap; gap: 8px; width: max-content; max-width: 100%; padding: 6px; border: 1px solid var(--g-border-color); border-radius: 999px; background: rgba(255, 255, 255, .72); }
.g-tabs__nav::before { content: ""; position: absolute; z-index: 0; top: 6px; left: 0; width: var(--g-tabs-indicator-width, 0); height: var(--g-tabs-indicator-height, 36px); border-radius: 999px; background: var(--g-tabs-active-bg, var(--g-color-main)); box-shadow: 0 10px 24px rgba(15, 23, 42, .1); opacity: var(--g-tabs-indicator-opacity, 0); transform: translateX(var(--g-tabs-indicator-x, 0)); transition: transform .22s ease, width .22s ease, height .22s ease, opacity .16s ease; pointer-events: none; }
body[data-theme="dark"] .g-tabs__nav { background: rgba(17, 24, 39, .78); }
.g-tabs__button { position: relative; z-index: 1; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 13px; border: 0; border-radius: 999px; color: var(--g-text-muted); background: transparent; cursor: pointer; font-size: 13px; font-weight: 800; white-space: nowrap; transition: color .16s ease, background .16s ease, box-shadow .16s ease; }
.g-tabs__button:hover { color: var(--g-tabs-active-bg, var(--g-color-main)); background: color-mix(in srgb, var(--g-tabs-active-bg, var(--g-color-main)) 12%, transparent); }
.g-tabs__button[aria-selected="true"] { color: #fff; background: transparent; box-shadow: none; }
.g-tabs__button[aria-selected="true"]:hover { color: #fff; background: transparent; }
.g-tabs__panel > * + * { margin-top: 10px; }
.g-tabs__panel > .g-toolbar { margin-top: 10px; }
.g-tabs__panel > .g-toolbar:first-child { margin-top: 0; }
.g-tabs__panel[hidden] { display: none !important; }
.g-color-matrix { display: grid; gap: 16px; }
.g-color-matrix__row { display: grid; grid-template-columns: 120px repeat(5, minmax(0, 1fr)); gap: 10px; align-items: end; }
.g-color-matrix__title { min-height: 44px; display: flex; align-items: center; color: var(--g-text-muted); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.g-color-matrix .g-form-field { gap: 6px; }
.g-color-matrix .g-form-field + .g-form-field { margin-top: 0; }
.g-color-picker { width: 100%; }
.g-color-picker.g-dropdown { display: block; }
.g-color-picker__trigger { width: 100%; min-height: 44px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid rgba(229, 231, 235, .95); border-radius: 13px; color: var(--g-text-color); background: #f8fafc; font: inherit; cursor: pointer; text-align: left; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.g-color-picker__trigger:hover,
.g-color-picker__trigger[aria-expanded="true"] { border-color: rgba(11, 95, 159, .28); background: #fff; box-shadow: 0 0 0 4px rgba(11, 95, 159, .06); }
.g-color-picker__trigger .g-icon { color: var(--g-text-muted); transition: transform .16s ease; }
.g-color-picker__trigger[aria-expanded="true"] .g-icon { transform: rotate(180deg); }
.g-color-picker__swatch,
.g-color-picker__option span { display: block; width: 26px; height: 26px; border-radius: 8px; background: var(--swatch); border: 1px solid rgba(17, 24, 39, .14); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.g-color-picker__swatch.is-transparent,
.g-color-picker__option[data-value="transparent"] span { background: linear-gradient(135deg, #fff 0 44%, #cbd5e1 44% 56%, #fff 56% 100%); }
.g-color-picker__menu { width: 100%; min-width: 290px; padding: 12px; }
.g-color-picker__row { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 10px; align-items: center; margin-bottom: 8px; }
.g-color-picker__row:last-child { margin-bottom: 0; }
.g-color-picker__row > span { color: var(--g-text-muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.g-color-picker__grid { display: grid; grid-template-columns: repeat(5, 32px); gap: 7px; }
.g-color-picker__grid--special { grid-template-columns: repeat(3, 32px); }
.g-color-picker__option { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 10px; background: transparent; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease; }
.g-color-picker__option:hover,
.g-color-picker__option.is-selected { border-color: rgba(11, 95, 159, .28); background: var(--g-color-main-soft); transform: translateY(-1px); }
.g-color-picker__option.is-selected { box-shadow: 0 8px 18px rgba(15, 23, 42, .08); }

[data-submit-busy-overlay] {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(15, 23, 42, .58);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	pointer-events: auto;
	cursor: wait;
}
[data-submit-busy-overlay][hidden] { display: none !important; }
html[data-submit-busy],
body[data-submit-busy] { cursor: wait; }
html[data-submit-busy] body { overflow: hidden; }
.wait_loader {
	position: relative;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	perspective: 800px;
}
.wait_inner {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.wait_inner.one {
	left: 0;
	top: 0;
	animation: rotate-one 1s linear infinite;
	border-bottom: 10px solid #fff;
}
.wait_inner.two {
	right: 0;
	top: 0;
	animation: rotate-two 1s linear infinite;
	border-right: 10px solid #fff;
}
.wait_inner.three {
	right: 0;
	bottom: 0;
	animation: rotate-three 1s linear infinite;
	border-top: 10px solid #fff;
}
@keyframes rotate-one {
	0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
	100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); }
}
@keyframes rotate-two {
	0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
	100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); }
}
@keyframes rotate-three {
	0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
	100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); }
}

/* Pages v2 : renderer unique content_flexible, strictement scope par moteur. */
[data-pages-engine="content_flexible"] { position: relative; isolation: isolate; overflow: hidden; padding: 0; }
[data-pages-engine="content_flexible"] [data-pages-cf-background-media],
[data-pages-engine="content_flexible"] [data-pages-cf-background-filter] { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-pages-engine="content_flexible"] [data-pages-cf-background-media] { z-index: -2; }
[data-pages-engine="content_flexible"] [data-pages-cf-background-filter] { z-index: -1; pointer-events: none; }
[data-pages-engine="content_flexible"] [data-pages-cf-surface] { position: relative; z-index: 1; padding: var(--g-pages-cf-space-top, 72px) 24px var(--g-pages-cf-space-bottom, 72px); }
[data-pages-page-editor] [data-pages-cf-surface]:has([data-g2-icon-field] > .g-modal.is-open) { z-index: 160; }
[data-pages-engine="content_flexible"][data-pages-cf-height-mode="fullscreen"] [data-pages-cf-surface] { min-height: 100vh; display: grid; align-items: center; }
[data-pages-engine="content_flexible"][data-pages-cf-space-top="none"] [data-pages-cf-surface] { padding-top: 0; }
[data-pages-engine="content_flexible"][data-pages-cf-space-top="small"] [data-pages-cf-surface] { padding-top: 36px; }
[data-pages-engine="content_flexible"][data-pages-cf-space-top="large"] [data-pages-cf-surface] { padding-top: 108px; }
[data-pages-engine="content_flexible"][data-pages-cf-space-bottom="none"] [data-pages-cf-surface] { padding-bottom: 0; }
[data-pages-engine="content_flexible"][data-pages-cf-space-bottom="small"] [data-pages-cf-surface] { padding-bottom: 36px; }
[data-pages-engine="content_flexible"][data-pages-cf-space-bottom="large"] [data-pages-cf-surface] { padding-bottom: 108px; }
[data-pages-engine="content_flexible"] [data-pages-cf-layout] { display: grid; width: min(1180px, 100%); margin-inline: auto; align-items: stretch; gap: 32px; }
[data-pages-engine="content_flexible"][data-pages-cf-width-mode="full"] [data-pages-cf-layout] { width: 100%; max-width: none; }
[data-pages-engine="content_flexible"][data-pages-cf-gap="none"] [data-pages-cf-layout] { gap: 0; }
[data-pages-engine="content_flexible"][data-pages-cf-gap="small"] [data-pages-cf-layout] { gap: 16px; }
[data-pages-engine="content_flexible"][data-pages-cf-gap="large"] [data-pages-cf-layout] { gap: 56px; }
[data-pages-engine="content_flexible"][data-pages-cf-columns="1"] [data-pages-cf-layout] { grid-template-columns: minmax(0, 1fr); }
[data-pages-engine="content_flexible"][data-pages-cf-columns="1"][data-pages-cf-single-width="75"] [data-pages-cf-layout] { width: 75%; }
[data-pages-engine="content_flexible"][data-pages-cf-columns="1"][data-pages-cf-single-width="50"] [data-pages-cf-layout] { width: 50%; }
[data-pages-engine="content_flexible"][data-pages-cf-columns="1"][data-pages-cf-single-position="left"] [data-pages-cf-layout] { margin-left: 0; margin-right: auto; }
[data-pages-engine="content_flexible"][data-pages-cf-columns="1"][data-pages-cf-single-position="right"] [data-pages-cf-layout] { margin-left: auto; margin-right: 0; }
[data-pages-engine="content_flexible"][data-pages-cf-columns="2"][data-pages-cf-ratio="50_50"] [data-pages-cf-layout] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
[data-pages-engine="content_flexible"][data-pages-cf-columns="2"][data-pages-cf-ratio="40_60"] [data-pages-cf-layout] { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
[data-pages-engine="content_flexible"][data-pages-cf-columns="2"][data-pages-cf-ratio="60_40"] [data-pages-cf-layout] { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
[data-pages-engine="content_flexible"][data-pages-cf-columns="3"] [data-pages-cf-layout] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-pages-engine="content_flexible"] [data-pages-cf-column] { display: flex; min-width: 0; flex-direction: column; gap: 18px; }
[data-pages-engine="content_flexible"] [data-pages-cf-column][data-pages-cf-frame="1"] { position: relative; isolation: isolate; overflow: hidden; }
[data-pages-engine="content_flexible"] [data-pages-cf-frame-media] { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; pointer-events: none; }
[data-pages-engine="content_flexible"] [data-pages-cf-column][data-pages-cf-v-align="center"] { justify-content: center; }
[data-pages-engine="content_flexible"] [data-pages-cf-column][data-pages-cf-v-align="bottom"] { justify-content: flex-end; }
[data-pages-engine="content_flexible"] [data-pages-cf-frame="1"] { padding: var(--g-pages-cf-frame-padding, 36px); }
[data-pages-engine="content_flexible"] [data-pages-cf-frame="1"][data-pages-cf-padding="small"] { padding: 20px; }
[data-pages-engine="content_flexible"] [data-pages-cf-frame="1"][data-pages-cf-padding="normal"] { padding: 36px; }
[data-pages-engine="content_flexible"] [data-pages-cf-frame="1"][data-pages-cf-padding="large"] { padding: 56px; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="title"] { width: 100%; max-width: none; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="title"],
[data-pages-engine="content_flexible"] [data-pages-cf-element="subtitle"],
[data-pages-engine="content_flexible"] [data-pages-cf-element="rich_text"] p { margin: 0; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="badge"] { position: relative; align-self: stretch; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; max-width: 100%; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="badge"][data-pages-cf-align="center"] { justify-content: center; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="badge"][data-pages-cf-align="right"] { justify-content: flex-end; }
[data-pages-engine="content_flexible"] [data-pages-cf-badge-item],
[data-pages-badge-content-editor] { display: inline-flex; align-items: center; gap: 6px; width: fit-content; max-width: 100%; padding: 6px 10px; border-radius: 999px; color: var(--g-pages-cf-badge-text, inherit); background: var(--g-pages-cf-badge-background, transparent); font-size: 14px; }
[data-pages-engine="content_flexible"] [data-pages-cf-badge-item] .g-icon,
[data-pages-badge-content-editor] .g-icon { width: 1em; height: 1em; flex: 0 0 auto; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="button"] { position: relative; align-self: stretch; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; max-width: 100%; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="button"][data-pages-cf-align="center"] { justify-content: center; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="button"][data-pages-cf-align="right"] { justify-content: flex-end; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="proof_list"] { position: relative; color: var(--g-pages-cf-proof-text, inherit); }
[data-pages-engine="content_flexible"] [data-pages-cf-proof-items] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px 18px; margin: 0; padding: 0; list-style: none; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="proof_list"][data-pages-cf-align="center"] [data-pages-cf-proof-items] { justify-content: center; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="proof_list"][data-pages-cf-align="right"] [data-pages-cf-proof-items] { justify-content: flex-end; }
[data-pages-engine="content_flexible"] [data-pages-cf-proof-item],
[data-pages-proof-content-editor] { display: flex; align-items: center; gap: 9px; width: fit-content; font-size: 14px; }
[data-pages-engine="content_flexible"] [data-pages-cf-proof-item] > .g-icon,
[data-pages-proof-content-editor] > .g-icon { color: var(--g-pages-cf-proof-icon, currentColor); }
[data-pages-engine="content_flexible"] [data-pages-cf-container-edit] { position: absolute; z-index: 3; top: -16px; right: -16px; width: 28px; height: 28px; min-height: 28px; background: #fff; opacity: 0; transition: opacity .16s ease; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="badge"]:hover > [data-pages-cf-container-edit],
[data-pages-engine="content_flexible"] [data-pages-cf-element="button"]:hover > [data-pages-cf-container-edit],
[data-pages-engine="content_flexible"] [data-pages-cf-element="proof_list"]:hover > [data-pages-cf-container-edit],
[data-pages-engine="content_flexible"] [data-pages-cf-container-edit]:focus-visible { opacity: 1; }
[data-pages-engine="content_flexible"] [data-pages-cf-element="media"] { overflow: visible; width: 100%; }
[data-pages-engine="content_flexible"] [data-pages-cf-media] { display: block; width: 100%; aspect-ratio: 16 / 9; }
[data-pages-engine="content_flexible"] h1 { font-family: var(--g-text-h1-font); font-size: var(--g-text-h1-size); font-weight: var(--g-text-h1-weight); color: var(--g-text-h1-color); }
[data-pages-engine="content_flexible"] h2 { font-family: var(--g-text-h2-font); font-size: var(--g-text-h2-size); font-weight: var(--g-text-h2-weight); color: var(--g-text-h2-color); }
[data-pages-engine="content_flexible"] h3 { font-family: var(--g-text-h3-font); font-size: var(--g-text-h3-size); font-weight: var(--g-text-h3-weight); color: var(--g-text-h3-color); }
[data-pages-engine="content_flexible"] [data-pages-cf-element="rich_text"] { font-family: var(--g-text-p-font); font-size: var(--g-text-p-size); font-weight: var(--g-text-p-weight); color: var(--g-text-p-color); }
[data-pages-engine="content_flexible"] .ql-align-center { text-align: center; }
[data-pages-engine="content_flexible"] .ql-align-right { text-align: right; }
[data-pages-engine="content_flexible"] .ql-align-justify { text-align: justify; }

@media print {
	body:has([data-sales-print]) { width: 210mm; min-height: 297mm; background: #fff; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
	body:has([data-sales-print]) .g-public { min-height: 297mm; padding: 0; background: #fff; }
	[data-sales-print] { width: 210mm; min-height: 297mm; margin: 0; box-shadow: none; page-break-after: always; }
}

@media (max-width: 860px) {
	[data-pages-engine="content_flexible"] [data-pages-cf-surface] { padding: var(--g-pages-cf-space-top, 44px) 18px var(--g-pages-cf-space-bottom, 44px); }
	[data-pages-engine="content_flexible"] [data-pages-cf-layout] { width: 100%; grid-template-columns: minmax(0, 1fr) !important; gap: 20px; }
	[data-pages-engine="content_flexible"] [data-pages-cf-column] { order: var(--g-pages-cf-mobile-order, 1); }
	[data-pages-engine="content_flexible"] [data-pages-cf-frame="1"][data-pages-cf-padding="normal"],
	[data-pages-engine="content_flexible"] [data-pages-cf-frame="1"][data-pages-cf-padding="large"] { padding: 24px; }
	.g-auth-layout { grid-template-columns: 1fr; }
	.g-auth-brand-panel { display: none; }
	.g-auth-main { min-height: 100vh; align-content: start; padding: 28px; }
	.g-auth-mobile-brand { display: inline-flex; justify-self: start; }
	.g-auth-panel { margin-top: 28px; }
	.g-auth-providers { flex-direction: column; }
	.g-otp { gap: 8px; }
	.g-otp__input { font-size: 20px; }
	.g-public { padding: 18px; }
	.g-public-shell { gap: 32px; }
	.g-public-nav { align-items: flex-start; }
	.g-public-hero { grid-template-columns: 1fr; align-items: start; }
	.g-public-hero h1 { font-size: 54px; }
	.g-site-head { padding: 12px 14px 0; }
	.g-site-head__inner { align-items: flex-start; flex-direction: column; border-radius: 22px; padding: 12px; }
	.g-site-head__nav { width: 100%; justify-content: flex-start; overflow-x: auto; }
	.g-site-head__actions { width: 100%; }
	.g-site-hero { min-height: auto; grid-template-columns: 1fr; padding: 46px 18px 36px; }
	.g-site-hero h1 { font-size: var(--g-text-h1-size, 42px); }
	.g-site-section { padding: 16px 18px 46px; }
	.g-app { grid-template-columns: 1fr; }
	.g-app.is-sidebar-collapsed { grid-template-columns: 1fr; }
	.g-sidebar { display: none; }
	.g-page { padding: 20px; }
	.g-page-header { display: grid; }
	.g-grid--2,
	.g-grid--3,
	.all__flex_container,
	.g-form-grid--2,
	.g-form-grid--with-aside { grid-template-columns: 1fr; }
	.all__flex_container { flex-direction: column; }
	.all__flex-children_2col,
	.all__flex-children_3col,
	.all__flex-children_30,
	.all__flex-children_70 { width: 100%; flex-basis: auto; }
	.g-toolbar { align-items: stretch; flex-direction: column; }
	.g-toolbar__actions { flex-wrap: wrap; }
	.g-toolbar__actions:has(.g-toolbar__search) { width: 100%; }
	.g-toolbar__search { max-width: none; margin-left: 0; }
	.g-tabs__nav { border-radius: 18px; }
	.g-color-matrix__row { grid-template-columns: 1fr; }
	.g-color-matrix__title { min-height: auto; }
	.g-color-picker__row { grid-template-columns: 1fr; }
}