/* ==========================================================================
   BIZOSO - CORE DASHBOARD UI (CRISP ENTERPRISE SAAS)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;600;700&display=swap');

.bizoso-core-ui { font-family: 'Ubuntu', sans-serif !important; color: #334155; }

/* 1. Crisp Main Cards */
.bizoso-core-ui .ohio-card {
    background: #ffffff; border-radius: 6px; border: 1px solid #cfd8dc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important; padding: 30px; margin-bottom: 25px;
}
.bizoso-core-ui .panel_s { box-shadow: none !important; border: none !important; background: transparent !important;}
.bizoso-core-ui .panel-body { padding: 0 !important; }

/* 2. Typography & Headers */
.bizoso-core-ui .section-text, .bizoso-core-ui .bizoso-section-title {
    font-size: 15px !important; font-weight: 700 !important; color: #0f172a !important; 
    border-bottom: 1px solid #e2e8f0; padding-bottom: 12px; margin-bottom: 25px; 
    text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; letter-spacing: 0.5px;
}
.bizoso-core-ui h1, .bizoso-core-ui h2, .bizoso-core-ui h3, .bizoso-core-ui h4 { color: #0f172a; }

/* 3. Inputs & Forms */
.bizoso-core-ui .form-control {
    height: 46px; border-radius: 4px; border: 1px solid #94a3b8; box-shadow: none !important; font-size: 14px; color: #0f172a;
}
.bizoso-core-ui .form-control:focus { border-color: #ea580c; box-shadow: 0 0 0 1px #ea580c !important; outline: none; }
.bizoso-core-ui label { font-size: 13px; font-weight: 600; color: #0f172a; margin-bottom: 8px; }

/* Dropdown specific overrides */
.bizoso-core-ui .bootstrap-select > .btn.dropdown-toggle {
    height: 46px !important; border-radius: 4px !important; border: 1px solid #94a3b8 !important; 
    background-color: #ffffff !important; color: #0f172a !important; box-shadow: none !important;
}

/* 4. Native Buttons */
.bizoso-core-ui .btn { height: 40px; border-radius: 4px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition: 0.2s; display: inline-flex; align-items: center; justify-content: center; }
.bizoso-core-ui .btn-primary, .bizoso-core-ui .btn-info { background-color: #0f172a !important; border-color: #0f172a !important; color: #fff !important; }
.bizoso-core-ui .btn-primary:hover, .bizoso-core-ui .btn-info:hover { background-color: #ea580c !important; border-color: #ea580c !important; }
.bizoso-core-ui .btn-success { background-color: #10b981 !important; border-color: #10b981 !important; }
.bizoso-core-ui .btn-danger { background-color: #ef4444 !important; border-color: #ef4444 !important; }

/* 5. Tables */
.bizoso-core-ui .table { margin-top: 10px !important; }
.bizoso-core-ui .table thead th { border-bottom: 2px solid #0f172a !important; color: #0f172a; font-weight: 700; text-transform: uppercase; font-size: 12px; padding: 15px 10px; }
.bizoso-core-ui .table tbody td { padding: 16px 10px !important; border-bottom: 1px solid #e2e8f0; vertical-align: middle; color: #334155; }
.bizoso-core-ui .table tbody tr:hover td { background-color: #f8fafc; }

/* Dashboard Specifics */
.bizoso-dashboard-hero {
    background: #0f172a; border-radius: 6px; padding: 35px 40px; color: white; display: flex; 
    justify-content: space-between; align-items: center; margin-bottom: 30px; border: 1px solid #cfd8dc;
}
.bizoso-hero-title { font-size: 24px; font-weight: 700; margin: 0 0 10px 0; color: #fff !important; letter-spacing: -0.3px;}
.bizoso-hero-subtitle { font-size: 14px; color: #cbd5e1; margin: 0; }
@media (max-width: 768px) { .bizoso-dashboard-hero { flex-direction: column; text-align: center; gap: 20px; padding: 30px 20px; } }