/* ALG Enterprises — one stylesheet, organized top-to-bottom by the banners
   below. Ctrl+F a banner's exact text to jump straight to that section.
   See docs/CODE_MAP.md for the wider "where do I edit X" guide.

   Contents (in file order):
     :root (design tokens)               GUEST / AUTH PAGES
     APP LAYOUT                          MAIN CONTENT
     CARDS                               STAT CARDS
     TABLES                              BADGES
     FILTERS BAR                         CALENDAR
     QUOTATION FORM                      ALERTS
     PRODUCT / SERVICE GRID              SETTINGS
     LANDING                             ACTIVITY LOG
     BRANCH PILL                         MISC (utility classes)
     MODAL                               COLLAPSIBLE CARDS (quotation form sections)
     ROOF PRODUCT PICKER GALLERY         MEASURED (PENDING) ROOF SECTIONS
     INLINE "CHANGE" LINK                PROGRESS
     EMPTY STATE                         responsive breakpoint (bottom of file)
*/

:root {
    --primary: #1a3a5c;
    --primary-light: #2563a8;
    --primary-dark: #0f2640;
    --accent: #e05c1a;
    --accent-light: #f07040;
    --surface: #ffffff;
    --surface-2: #f4f6f9;
    --surface-3: #e8ecf2;
    --text: #1a2233;
    --text-2: #4a5568;
    --text-3: #8898aa;
    --border: #d1dae6;
    --border-light: #e8ecf2;
    --success: #0f7a55;
    --success-bg: #e6f7f0;
    --warning: #b45309;
    --warning-bg: #fef3e2;
    --danger: #b91c1c;
    --danger-bg: #fef2f2;
    --info: #1d4ed8;
    --info-bg: #eff6ff;
    --sidebar-w: 240px;
    --header-h: 64px;
    --radius: 8px;
    --radius-lg: 12px;
    --shadow: 0 1px 4px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { font-family: 'Segoe UI', system-ui, sans-serif; background: var(--surface-2); color: var(--text); font-size: 14px; line-height: 1.5; }
  a { color: var(--primary-light); text-decoration: none; }
  a:hover { text-decoration: underline; }
  button { cursor: pointer; font-family: inherit; font-size: 14px; border: none; }
  input, select, textarea { font-family: inherit; font-size: 14px; }

  /* Ensure hidden modal backdrops stay hidden */
  .modal-backdrop.hidden {
      display: none !important;
  }


  /* Everything that used to live below this point (guest/auth pages, app
     layout, cards, tables, badges, modals, forms, buttons, and the rest of
     the shared component vocabulary) has moved to resources/css/app.css as
     Tailwind @apply components — same class names, so no Blade markup
     changed. See that file's "SHARED COMPONENT VOCABULARY" section. */