/* Styles for app/Views/medic/hub.php. Extracted from an inline <style> block. */

body { background: var(--form-bg); }
.hub-card { background:#fff; border-radius: var(--form-radius-outer); box-shadow: var(--form-shadow); overflow:hidden; }
.hub-header { background: var(--form-primary-gradient); color:#fff; padding: var(--form-header-padding); text-align:center; }
.hub-body { padding: var(--form-body-padding-compact); }
.conf-item { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:20px; border:1px solid #e6ebf1; border-radius:12px; transition:box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
.conf-item + .conf-item { margin-top:14px; }
.conf-item:hover { box-shadow:0 10px 24px rgba(0,0,0,.07); transform:translateY(-2px); border-color: var(--form-primary); }
.conf-icon { width:52px; height:52px; border-radius:12px; background:#eaf3fb; color: var(--form-primary); display:flex; align-items:center; justify-content:center; font-size:22px; flex:0 0 auto; }
.conf-info { flex:1 1 260px; min-width:0; }
.conf-name { font-weight:700; font-size:1.15rem; color: var(--form-primary-dark); margin:0; }
.conf-meta { font-size:.85rem; color:#64748b; margin-top:2px; }
.conf-desc { font-size:.9rem; color:#475569; margin:6px 0 0; }
.conf-tag { display:inline-block; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:#0f766e; background:#e7f7f2; padding:3px 9px; border-radius:999px; }