/* ConstructFlow Pro — app.css
   Loaded with the plugin. Supplements the Astra child theme styles.
   All base variables and components are in the theme's style.css.
   This file handles plugin-specific overrides and JS-driven states.
*/

/* Ensure views hidden by default */
.cf-view-panel[style*="display:none"] { display: none !important; }

/* JS-rendered stat cards in dashboard */
#cf-dash-stats.has-data { display: grid; }

/* Manager charts responsive */
@media (max-width: 700px) {
    #cf-manager-charts { grid-template-columns: 1fr !important; }
}

/* Library grid responsive */
@media (max-width: 640px) {
    .cf-templates-grid { grid-template-columns: 1fr; }
}

/* Flowchart SVG node styles */
.cf-flow-node { cursor: default; }
.cf-flow-node:hover rect { filter: brightness(0.95); }
.cf-flow-edge { marker-end: url(#cf-arrow); }

/* Stage status row colors */
.cf-stage-row.is-done  .cf-stage-progress-label { color: #16a34a; font-weight: 700; }
.cf-stage-row.is-active .cf-stage-progress-label { color: #f97316; font-weight: 700; }

/* Upload file input */
input[type="file"].cf-input:hover { border-color: #2d5a91; }

/* Notification items animation */
.cf-notif-item { transition: background .1s; }

/* Print styles for PDF export */
@media print {
    #cf-topbar, #cf-sidebar, #cf-breadcrumb, .cf-btn, .cf-notif-dropdown { display: none !important; }
    #cf-main { margin: 0; padding: 0; }
    .cf-panel { box-shadow: none; border: 1px solid #ccc; }
}