.device-hero{padding:1.35rem 1.5rem;background:linear-gradient(120deg,#fff 0%,#f4f8ff 100%);border:1px solid rgba(37,99,235,.12)}
.device-hero-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#e6efff;color:#1769ff;font-size:1.8rem}.device-stat{min-height:108px;padding:1rem;display:flex;align-items:center;gap:.8rem}.device-stat>i{font-size:1.45rem}.device-stat small,.device-stat span{display:block;color:#718096;font-size:.75rem}.device-stat strong{display:block;font-size:1rem;line-height:1.35;margin:.15rem 0}.device-section-title{display:flex;align-items:center;gap:.6rem;border-bottom:1px solid #edf0f5;padding-bottom:.75rem;margin-bottom:.85rem}.device-section-title i{color:#1769ff}.device-section-title h2{font-size:1rem;margin:0;font-weight:700}.device-details dt,.device-details dd{padding:.42rem 0;margin:0}.device-details dt{color:#718096;font-size:.83rem}.device-details dd{font-weight:500}.device-ticket{display:flex;justify-content:space-between;align-items:center;padding:.7rem .25rem;border-bottom:1px solid #edf0f5;color:inherit;text-decoration:none}.device-ticket:hover{color:#1769ff}.device-ticket strong{color:#1769ff;margin-right:.35rem}.device-ticket:last-child{border-bottom:0}.device-stat.content-card,.device-hero.content-card{box-shadow:0 5px 18px rgba(35,58,100,.07)}

/* Standalone content cards do not inherit Bootstrap .card spacing variables. */
.device-detail-page, .device-detail-page .content-card { min-width: 0; }
.device-detail-page .content-card.card-body { padding: 1.25rem; }
.device-detail-page .device-hero-heading,
.device-detail-page .device-hero-copy { min-width: 0; flex: 1 1 0; }
.device-detail-page .device-hero-heading { flex-basis: 280px; }
.device-detail-page .device-hero-icon,
.device-detail-page .device-stat > i,
.device-detail-page .device-ticket > i { flex-shrink: 0; }
.device-detail-page .device-hero-actions { max-width: 100%; }
.device-detail-page .device-hero-actions .btn { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
.device-detail-page .device-stat { height: 100%; }
.device-detail-page .device-stat > div,
.device-detail-page .device-ticket > span { min-width: 0; }
.device-detail-page h1, .device-detail-page p, .device-detail-page a,
.device-detail-page strong, .device-detail-page small,
.device-detail-page .device-hero-copy, .device-detail-page .device-stat,
.device-detail-page .device-details, .device-detail-page .device-management-row { overflow-wrap: anywhere; }
.device-detail-page .device-details.row {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 0 1rem;
    margin: 0;
}
.device-detail-page .device-details > dt,
.device-detail-page .device-details > dd {
    width: auto; max-width: none; min-width: 0;
    padding: .42rem 0; margin: 0;
}
.device-detail-page .badge { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left; }
.device-detail-page .device-management-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .5rem 1rem;
}
.device-detail-page .device-management-row > :last-child { text-align: right; }
@media (max-width: 575.98px) {
    .device-detail-page .content-card.card-body,
    .device-detail-page .device-hero { padding: 1rem; }
    .device-detail-page .device-details.row { grid-template-columns: minmax(0, 1fr); }
    .device-detail-page .device-details > dt { padding-bottom: 0; }
    .device-detail-page .device-details > dd { padding-top: .15rem; padding-bottom: .75rem; }
}