/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofia-pro/Sofia Pro Regular Az.woff2') format('woff2'),
       url('/fonts/sofia-pro/Sofia Pro Regular Az.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofia-pro/Sofia Pro Medium Az.woff2') format('woff2'),
       url('/fonts/sofia-pro/Sofia Pro Medium Az.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofia-pro/Sofia Pro Semi Bold Az.woff2') format('woff2'),
       url('/fonts/sofia-pro/Sofia Pro Semi Bold Az.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('/fonts/sofia-pro/Sofia Pro Bold Az.woff2') format('woff2'),
       url('/fonts/sofia-pro/Sofia Pro Bold Az.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Standard placeholder colour for shared text inputs — keeps native <input>
 * placeholders consistent with FormSelect / date fields (#A2ABB3) across the
 * whole app, instead of the darker browser default. */
.ailyce-form-input::placeholder {
  color: #A2ABB3;
  opacity: 1;
}

html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * Inside the app shell, the document itself must never scroll.
 *
 * Tooltips/menus portal to <body>. A popper opening near the bottom of the page
 * can push the body's scroll height past 100%, which where scrollbars take real
 * layout width (Windows, or macOS with "Show scroll bars: Always") adds a
 * CLASSIC scrollbar. The app then narrows, the element the popper is anchored
 * to shifts, the popper re-anchors, the overflow goes away, the scrollbar
 * disappears, and it starts over: a hover flicker.
 *
 * This used to be cured with `scrollbar-gutter: stable` on <html>, which keeps
 * the gutter allocated whether or not a scrollbar is showing so the toggle can
 * no longer change the layout width. That worked, but it reserved the gutter on
 * EVERY machine with classic scrollbars, permanently: <html>'s content box was
 * a scrollbar narrower than the window, and since <body> and the app shell fill
 * it, the whole app — dark header included — stopped short of the window edge
 * and left a dead full-height strip down the right.
 *
 * `overflow: hidden` removes the cause instead of padding around it: the
 * viewport cannot scroll, so the scrollbar can never appear and the loop cannot
 * start — and the shell gets the full window width back. It is safe here
 * because the shell is already pinned to the viewport (height:100vh,
 * overflow:hidden) with <main> as the real scroll container, so the document
 * was never meant to scroll anyway.
 *
 * Scoped to a class, NOT bare `html`: the pages outside the shell (login,
 * /terms, /approve/*, /status, /download) are ordinary documents that must stay
 * scrollable. `(platform)/layout.tsx` adds the class on mount and removes it on
 * unmount. This has to live here — html/body have no React element for `sx`.
 */
html.app-shell-fixed {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

/* ── Sheet Builder CSS Variables ── */
:root {
  --primary: #475969;
  --primary-light: #6c7c8c;
  --primary-dark: #3A4754;
  --bg-page: #F5F6F7;
  --bg-card: #FFFFFF;
  --border-gray: #E3E6E8;
  --border-dark: #C8CDD2;
  --gray-50: #F5F6F7;
  --gray-100: #E3E6E8;
  --gray-200: #C8CDD2;
  --gray-300: #A2ABB3;
  --gray-400: #8D979F;
  --gray-500: #6B757F;
  --gray-600: #57616B;
  --gray-700: #475969;
  --gray-800: #3A4754;
  --gray-900: #2B3640;
  --success: #66CC33;
  --success-dark: #359946;
  --error: #fa5b5b;
  --info: #4DBCF3;
  --font: 'Sofia Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-2: 0px 1px 3px rgba(0,0,0,0.10), 0px 1px 2px rgba(0,0,0,0.06);
  --shadow-3: 0px 4px 6px -1px rgba(0,0,0,0.10), 0px 2px 4px -1px rgba(0,0,0,0.06);
  --sheet-header-bg: #f5f7fa;
  --sheet-border: #e0e0e0;
  --sheet-row-num-bg: #fafbfc;
  --sheet-footer-bg: #f9f9f9;
  --sheet-selection-bg: rgba(25, 118, 210, 0.08);
  --sheet-selection-border: #1976d2;
  --sheet-text: #334155;
  --sheet-muted: #8e95a5;
  --sheet-toolbar-bg: #fafbfc;
  --sheet-toolbar-border: #E3E6E8;
}