/* Gestion Client DÉMO v0.4.64 — Mobile scroll container audit.
   Safari/Chrome on iOS: sticky requires that no ancestor of the topbar
   becomes a separate scrolling box through overflow-x:hidden. Keep the
   app and content in the normal document scroll. */
@media (max-width: 1050px) {
  html,
  body.avsg-gc-standalone {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
  body.avsg-gc-standalone > .avsg-gc-app,
  body.avsg-gc-standalone .avsg-gc-app .gc-content {
    overflow: visible !important;
  }
  body.avsg-gc-standalone .avsg-gc-app {
    --gc-mobile-header-height: 68px;
  }
  body.avsg-gc-standalone .avsg-gc-app .gc-content {
    padding-top: 0 !important;
  }
  body.avsg-gc-standalone .avsg-gc-app .gc-topbar {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: var(--gc-mobile-header-height) !important;
    min-height: var(--gc-mobile-header-height) !important;
    z-index: 1000 !important;
    margin: 0 !important;
  }
  html { scroll-padding-top: 68px; }
}
@media (max-width: 620px) {
  body.avsg-gc-standalone .avsg-gc-app {
    --gc-mobile-header-height: 72px;
  }
  html { scroll-padding-top: 72px; }
}
/* More legible clock: clear visual separation from page action buttons. */
.avsg-gc-app .gc-page-heading-side {
  gap: 22px;
}
.avsg-gc-app .gc-page-clock {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  align-self: flex-end;
  border: 1px solid color-mix(in srgb, var(--gc-accent) 30%, var(--line));
  border-radius: 10px;
  background: color-mix(in srgb, var(--gc-accent) 8%, var(--gc-page-bg));
  padding: 9px 13px;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.avsg-gc-app .gc-page-clock .gc-clock-icon {
  font-size: 19px;
  color: var(--gc-accent);
}
.avsg-gc-app.gc-theme-dark .gc-page-clock {
  color: #f3f6f2;
  background: #27392d;
  border-color: #527157;
}
.avsg-gc-app.gc-theme-dark .gc-page-clock .gc-clock-icon {
  color: #b4d8b7;
}
@media (max-width: 1050px) {
  .avsg-gc-app .gc-page-heading-side { gap: 20px; }
}
@media (max-width: 620px) {
  .avsg-gc-app .gc-page-heading-side { gap: 18px; }
  .avsg-gc-app .gc-page-clock {
    font-size: 14px;
    padding: 8px 11px;
    max-width: 100%;
  }
}

/* v0.4.65 — Subscription dates: native iOS date fields have their own
   intrinsic paint width. The visible border is now drawn by a non-interactive
   overlay on a separately sized parent, not by the WebKit date input. */
.avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-field {
  min-width: 0;
  max-width: 100%;
}
.avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-frame {
  position: relative;
  display: block;
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
  block-size: 44px;
  overflow: hidden;
  border-radius: 9px;
  background: var(--field-bg, var(--white, #fff));
}
.avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-frame::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border: 1px solid var(--line);
  border-radius: 9px;
  pointer-events: none;
}
.avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-frame:focus-within::after {
  border-color: var(--gc-accent);
  box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--gc-accent) 13%,transparent);
}
.avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-frame > input[type="date"] {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 10px 11px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--ink) !important;
}
@media (max-width: 1050px) {
  body.avsg-gc-standalone .avsg-gc-app .gc-dialog[id^="subscription-"] .gc-form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }
  body.avsg-gc-standalone .avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-field,
  body.avsg-gc-standalone .avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-frame {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.avsg-gc-standalone .avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-frame > input[type="date"] {
    font-size: 16px !important; /* avoid iOS zoom on picker focus */
  }
  body.avsg-gc-standalone .avsg-gc-app .gc-dialog[id^="subscription-"] .gc-subscription-date-frame > input[type="date"]::-webkit-date-and-time-value {
    min-width: 0;
    max-width: 100%;
  }
}