/* Locally recovered component primitives for the existing Tabler-style views.
   The teammate's original adapted file was not included in the Git repository. */
.card{min-width:0;border:1px solid #dfe6ef;border-radius:10px;background:#fff;box-shadow:0 3px 14px #172c4605;color:inherit}
.card-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #e9edf3;background:transparent}
.card-header h2,.card-header h3{margin:0}
.card-body{flex:1 1 auto;padding:24px}
.card-footer{padding:16px 24px;border-top:1px solid #e9edf3;background:transparent}
.card-footer .pagination{margin:0}
.list-group{display:flex;flex-direction:column;min-width:0;padding:0;margin:0;list-style:none}
.list-group-item{display:flex;position:relative;gap:16px;padding:18px 24px;background:#fff;color:inherit;border:0;border-bottom:1px solid #e9edf3;text-decoration:none}
.list-group-item:last-child{border-bottom:0}
.list-group-flush{border-radius:inherit}
.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;min-width:0;border-radius:8px;background:#edf2f8;color:#657c97;font-size:15px;font-weight:700;overflow:hidden;vertical-align:middle}
.avatar img{width:100%;height:100%;object-fit:cover}
.datagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.datagrid-item{min-width:0}.datagrid-title{color:#8291a6;font-size:11px;margin-bottom:7px}.datagrid-content{font-size:13px;overflow-wrap:anywhere}