/* Cloudflare-style theme for mock pages */
body { font-feature-settings: 'cv11', 'ss01'; -webkit-font-smoothing: antialiased; }

/* Company switcher dropdown (click-toggled by JS) */
.company-dropdown { display: none; position: absolute; right: 0; top: 100%; min-width: 240px; }
.company-switcher.is-open .company-dropdown { display: block; }

/* Sidebar nav */
.nav-link { transition: all 0.15s ease; }
.nav-link:hover { background: rgba(255, 255, 255, 0.04); color: #f4f4f5; }
.nav-link.active { background: rgba(243, 128, 32, 0.10); color: #FAAD3F; border-left-color: #F38020; }

/* Cards subtle hover */
.kpi-card { transition: border-color 0.15s ease; }
.kpi-card:hover { border-color: #d4d4d8; }

/* Pipeline step icons */
.step-done { background: #22c55e; color: white; }
.step-current { background: #f59e0b; color: white; animation: pulse 2s infinite; }
.step-future { background: #e4e4e7; color: #71717a; }
.step-skip { background: #ef4444; color: white; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }

/* Editable cells */
[contenteditable]:empty:before { content: attr(data-placeholder); color: #d4d4d8; }
[contenteditable]:focus { outline: none; border-color: #F38020 !important; background: #FFF7ED; }

/* Print (contract) */
@media print {
  aside, header, .no-print { display: none !important; }
  body { background: white; }
}