/* ================================================================
   InsuranceGrokBot — Main CSS Entry Point
   All styles organized into component files below.
   Edit the specific component file for targeted changes.

   Architecture:
     base/         — CSS variables, reset, utilities
     marketing/    — All public/marketing pages
     dashboard/    — Dashboard layout, sidebar, components
     agency-dashboard/ — Agency KPI dashboard
     auth/         — Login, register, agency-login, auth pages
   ================================================================ */

/* ── Base ── */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/utilities.css');

/* ── Marketing ── */
@import url('marketing/marketing.css');
@import url('marketing/chain-spam.css');

/* ── Dashboard Layout & Global Components ── */
@import url('dashboard/layout.css');
@import url('dashboard/left-column.css');
@import url('dashboard/buttons.css');
@import url('dashboard/text.css');
@import url('dashboard/forms.css');
@import url('dashboard/panels.css');

/* ── Dashboard: Dialer Columns ── */
@import url('dashboard/middle-column.css');
@import url('dashboard/power-dialer.css');

/* ── Dashboard: Phone UI ── */
@import url('dashboard/phone/phone-ui.css');

/* ── Dashboard: Phone Apps ── */
@import url('dashboard/phone/apps/messages.css');
@import url('dashboard/phone/apps/call-history.css');
@import url('dashboard/phone/apps/voicemail.css');
@import url('dashboard/phone/apps/recordings.css');
@import url('dashboard/phone/apps/conversations.css');
@import url('dashboard/phone/apps/calendar.css');
@import url('dashboard/phone/apps/discord.css');
@import url('dashboard/phone/apps/slack.css');
@import url('dashboard/phone/apps/insights.css');
@import url('dashboard/phone/apps/stats.css');

/* ── Agency Dashboard ── */
@import url('agency-dashboard/agency.css');

/* ── Auth / Login Pages ── */
@import url('auth/auth.css');

/* ── Mobile & Responsive ── */
@import url('base/mobile.css');