/* Extracted from user-detail.html */

    .breadcrumb{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}
    .breadcrumb a{color:var(--color-primary)}
    .breadcrumb-sep{margin:0 var(--space-2)}

    .detail-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--section-gap)}
    .detail-header h1{margin:0}
    .detail-header-badges{margin-left:auto;display:flex;gap:var(--space-2);align-items:center}
    .badge-lg{font-size:0.8rem !important;padding:2px 15px !important;border-radius:4px !important;font-weight:var(--font-semibold) !important;border:2px solid;line-height:2.2}
    .badge--blue.badge-lg{border-color:var(--color-primary);background:#d0e2f7 !important;color:#40576b !important}
    .badge--green.badge-lg{border-color:var(--color-success);background:var(--color-success-bg) !important;color:var(--color-success-text) !important}

    .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--section-gap)}

    .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--section-gap)}
    .info-row{display:flex;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}
    .info-row:last-child{border-bottom:none}
    .info-label{color:#5b5b5b;width:120px;flex-shrink:0;text-align:right;padding-right:var(--space-3)}
    .info-value{color:var(--color-text-primary);font-weight:var(--font-medium)}

    .card-header-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}
    .card-header-actions{display:flex;gap:var(--space-2)}

    .toggle-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border);flex-direction:row-reverse;justify-content:flex-end}
    .toggle-row:last-child{border-bottom:none}
    .toggle-switch{width:40px;height:22px;background:var(--color-border);border-radius:11px;position:relative;cursor:pointer;flex-shrink:0;margin-top:2px}
    .toggle-switch.on{background:var(--color-primary)}
    .toggle-switch::after{content:'';position:absolute;width:18px;height:18px;background:white;border-radius:50%;top:2px;left:2px;transition:transform 0.15s}
    .toggle-switch.on::after{transform:translateX(18px)}

    .activity-list{list-style:none;padding:0;margin:0}
    .activity-entry{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}
    .activity-entry:last-child{border-bottom:none}
    .activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}
    .activity-dot--blue{background:var(--color-primary)}
    .activity-dot--green{background:var(--color-success)}
    .activity-dot--yellow{background:var(--color-warning)}
    .activity-time{font-size:var(--text-xs);color:#5b5b5b;margin-top:2px}

    .filter-btn-group{display:flex;gap:6px;background:transparent;border:none;border-radius:0;overflow:visible}
    .filter-btn{background:#fff;border:1px solid #dde3ec;padding:6px 12px;font-size:var(--text-xs);color:#5b5b5b;cursor:pointer;transition:all 0.15s;display:inline-flex;align-items:center;gap:5px;border-radius:4px}
    .filter-btn:hover{background:#f5f8ff;border-color:#c4d3e8;color:var(--color-text-primary)}
    .filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 3px rgba(13,74,138,0.18)}

    .edit-form .form-row{margin-bottom:var(--space-2)}
    .edit-form .form-label-sm{display:block;font-size:var(--text-xs);color:#5b5b5b;margin-bottom:2px}
    .edit-form .form-control-sm{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:4px}
    .edit-form-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-3)}

    @media (max-width: 768px) {
      .info-grid{grid-template-columns:1fr}
      .stats-grid{grid-template-columns:1fr}
      .detail-header{flex-direction:column;align-items:flex-start}
      .detail-header-badges{margin-left:0}
    }