/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
  
   
        .acb-crm { font-family: 'Segoe UI', Arial, sans-serif; color: #333; line-height: 1.5; }
        .acb-dash { display: flex; gap: 20px; margin-bottom: 25px; }
        .acb-card { flex: 1; background: #fff; padding: 20px; border-radius: 12px; border-bottom: 4px solid #005596; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: 0.3s; }
        .acb-card small { color: #888; font-weight: 600; font-size: 13px; text-transform: uppercase; }
        .acb-card strong { display: block; font-size: 24px; color: #005596; margin-top: 8px; }

        .acb-filter-bar { display: flex; gap: 15px; margin-bottom: 20px; background: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); align-items: center; }
        .acb-input { flex: 3; padding: 12px 18px; border: 2px solid #edf2f7; border-radius: 8px; font-size: 15px; outline: none; }
        .acb-input:focus { border-color: #005596; }
        .acb-select { flex: 1; padding: 6px; border: 2px solid #edf2f7; border-radius: 8px; font-size: 15px; background: #f8fafc; cursor: pointer; }

        .acb-table-container { background: #fff; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); overflow: hidden; }
        .acb-table { width: 100%; border-collapse: collapse; table-layout: fixed; min-width: 1250px; }
        .acb-table th { background: #005596; color: #fff; padding: 18px 15px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
        .acb-table td { padding: 20px 15px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; font-size: 14px; }

        .w-info { width: 30%; } .w-web { width: 15%; } .w-price { width: 12%; } 
        .w-date { width: 18%; } .w-admin { width: 8%; } .w-note { width: 8%; } .w-file { width: 9%; }

        .row-expire { background-color: #fff5f5 !important; }
        .row-warning { background-color: #fffdf0 !important; }
        .acb-status { padding: 6px 12px; border-radius: 20px; font-size: 11px; font-weight: 800; display: inline-block; margin-top: 8px; text-transform: uppercase; }
        .st-err { background: #ff4d4d; color: #fff; }
        .st-warn { background: #ffcc00; color: #000; }
        .st-ok { background: #2d9d78; color: #fff; }

        .comp-name { font-size: 16px; font-weight: 700; color: #005596; display: block; margin-bottom: 5px; }
        .text-muted { font-size: 13px; color: #718096; }
        .btn-view { background: #fff; border: 2px solid #005596; color: #005596; padding: 6px 12px; border-radius: 6px; font-weight: 700; font-size: 12px; cursor: pointer; transition: 0.2s; white-space: nowrap; }
        .btn-view:hover { background: #005596; color: #fff; }
        
        .file-group { display: flex; gap: 4px; justify-content: center; }
        .btn-sq { width: 32px; height: 32px; border: 1px solid #e2e8f0; background: #fff; border-radius: 6px; font-size: 11px; font-weight: 700; color: #cbd5e0; cursor: pointer; }
        .btn-sq.active { color: #00AEEF; border-color: #00AEEF; background: #ebf8ff; }