/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.26_@opentelemetry+api@1.9.1_@playwright+test@1.63.0_@types+node@22.20.4_react_9ab713ea4f1e680d00c3ae1ba1901814/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.26_@opentelemetry+api@1.9.1_@playwright+test@1.63.0_@types+node@22.20.4_react_9ab713ea4f1e680d00c3ae1ba1901814/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* The approved design's theme (mockups/*.html, the first lines of each page's <head>): the owner's
 * colours, font and corners, the same variables and font import on every page of the product.
 * tests/unit/theme.test.ts keeps them identical to the mockups'. */
@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&display=swap");
:root{--acc:#6D28D9;--accent2:#0F766E;--bg:#FFFFFF;--ink:#1E1B4B;--radius:12px;--font:"Geist Mono",monospace;--brand:#6D28D9;--brand-2:#0F766E}

/* The base the mockup pages build on (each renders its own stylesheet over it), and the starter screens.
 * Only what every mockup sets itself (*{box-sizing:border-box}) reaches the mockup pages: a border-box
 * ::after made the resources page's comparison toggles 2 px shorter than drawn. */
* {
  box-sizing: border-box;
}
html:not(:has(style[data-mockup-css])) *::before,
html:not(:has(style[data-mockup-css])) *::after {
  box-sizing: border-box;
}
html:not(:has(style[data-mockup-css])) {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family:
    var(--font),
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif;
  line-height: 1.5;
  color: var(--ink);
  background: var(--bg);
}
/* The starter screens only: the mockup pages lay out their own <main id="main">. */
main:not(#main) {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 16px;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
/* The admin drawer's Danger zone (Suspend…, Refund…, Delete…) opens its confirmation in the
 * console's modal while the drawer stays open (body.dopen). The modal's scrim (z-index 100) sat
 * under the drawer (101), so its buttons could not be clicked: the confirmation goes above it. */
body.dopen #modS:not([hidden]) {
  z-index: 102;
}