/* Modern layout for Contact List plugin */.cl-contact-list {    max-width: 1200px;    margin: 0 auto;    padding: 20px;    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}/* Search container */.cl-search-container {    display: flex;    gap: 10px;    margin-bottom: 24px;}.cl-search {    flex: 1;    padding: 12px;    border: 1px solid #e0e0e0;    border-radius: 8px;    font-size: 16px;    transition: border-color 0.3s ease, box-shadow 0.3s ease;}.cl-search:focus {    outline: none;    border-color: #007bff;    box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);}.cl-search-button {    padding: 12px 20px;    background: #007bff;    color: #ffffff;    border: none;    border-radius: 8px;    font-size: 16px;    cursor: pointer;    transition: background 0.3s ease;}.cl-search-button:hover {    background: #0056b3;}/* Table view */.cl-table {    width: 100%;    border-collapse: separate;    border-spacing: 0;    background: #ffffff;    border-radius: 12px;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);    overflow: hidden;    margin-bottom: 24px;}.cl-table th,.cl-table td {    padding: 12px;    text-align: left;    font-size: 15px;    border: 1px solid #f0f0f0;}.cl-table th {    background: #f8f9fa;    font-weight: 600;    color: #333;    cursor: pointer;    transition: background 0.3s ease;}.cl-table th:hover {    background: #e9ecef;}.cl-table tr:nth-child(even) {    background: #f9f9f9;}.cl-table tr:hover {    background: #f1f3f5;    transition: background 0.2s ease;}.cl-table td {    color: #555;}/* Card view */.cl-card-grid {    display: grid;    gap: 20px;    padding: 10px;}.cl-card {    background: #ffffff;    border: 1px solid #e5e5e5;    border-radius: 12px;    padding: 20px;    text-align: left;    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);    transition: transform 0.3s ease, box-shadow 0.3s ease;}.cl-card:hover {    transform: translateY(-5px);    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);}.cl-card img {    width: 110px;    height: 110px;    object-fit: cover;    border-radius: 50%;	margin: 0 auto;}.cl-card h3 {font-size: 1.4rem;  font-weight: 600;  color: #222;  margin: 0 0 6px;}.cl-card p {    font-size: 15px;    color: #555;    margin: 8px 0;}.cl-card .cl-title {color: #4a6fa5;    font-size: 1.1rem;    font-weight: 600;    margin-bottom: 10px;}.cl-card .cl-email,.cl-card .cl-phone,.cl-card .cl-department {    font-size: 1rem;}/* Single contact view */.cl-single-contact {    max-width: 415px;    margin: 0 auto;    padding: 24px;    background: #ffffff;    border-radius: 12px;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.cl-single-contact img {    width: 110px;    height: 110px;    object-fit: cover;    border-radius: 50%;	margin: 0 auto;}.cl-single-contact h3 {    font-size: 1.4rem;    font-weight: 600;    color: #222;    margin: 0 0 6px;}.cl-single-contact p {    font-size: 15px;    color: #555;    margin: 8px 0;}/* Responsive design */@media (max-width: 768px) {    .cl-card-grid {        grid-template-columns: 1fr !important;    }    .cl-table {        font-size: 14px;    }    .cl-table th,    .cl-table td {        padding: 12px;    }    .cl-card img {        width: 100px;        height: 100px;    }    .cl-search-container {        flex-direction: column;    }    .cl-search-button {        width: 100%;        padding: 12px;    }}@media (max-width: 480px) {    .cl-table {        display: block;        overflow-x: auto;    }    .cl-search {        max-width: 100%;    }	.cl-contact-list {  padding: 0;}#av-primary-content {  padding: 0;}.cl-single-contact img {    width: 100px;    height: 100px;    object-fit: cover;    border-radius: 50%;	margin: 0 auto;}.cl-card img {    width: 100px;    height: 100px;    object-fit: cover;    border-radius: 50%;	margin-bottom: 8px;}}/* Print-friendly styles */@media print {    .cl-search-container {        display: none;    }    .cl-table {        box-shadow: none;        border: 1px solid #ddd;    }    .cl-table th,    .cl-table td {        border: 1px solid #ddd;    }    .cl-table th:last-child,    .cl-table td:last-child {        display: none;    }    .cl-card-grid {        grid-template-columns: 1fr !important;    }    .cl-card {        box-shadow: none;        border: 1px solid #ddd;        page-break-inside: avoid;    }}.cl-department {  color: #a8a4a4 !important;}.cl-table {  table-layout: auto !important;}.profile-title {    color: #4a6fa5;    font-size: 1.0rem;    font-weight: 600;    margin-bottom: 10px;}