.cnbsm-family-day-card{position:relative;overflow:hidden;min-height:430px;border:1px solid rgba(88,115,255,.18)}
.cnbsm-family-day-card:before{content:"";position:absolute;inset:-120px -80px auto auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(88,115,255,.12),rgba(88,115,255,0));pointer-events:none}
.cnbsm-family-day-skeleton{position:relative;z-index:1}.cnbsm-family-day-loading{display:grid;gap:12px;margin-top:24px}.cnbsm-family-day-loading span{height:54px;border-radius:18px;background:linear-gradient(90deg,rgba(89,116,255,.07),rgba(89,116,255,.15),rgba(89,116,255,.07));animation:cnbsmPulse 1.4s infinite}.cnbsm-family-day-loading span:nth-child(2){width:88%}.cnbsm-family-day-loading span:nth-child(3){width:72%}@keyframes cnbsmPulse{0%,100%{opacity:.55}50%{opacity:1}}
.cnbsm-family-day-top{position:relative;z-index:1;padding:4px 0 18px}.cnbsm-family-day-top h3{font-size:30px;line-height:1.12;margin:16px 0 10px;color:#091b44}.cnbsm-family-day-top p{font-size:16px;line-height:1.55;color:#5d6b86;margin:0;max-width:620px}.cnbsm-family-day-top.is-ok .cnbsm-dot-label:before{background:#28c47a}.cnbsm-family-day-top.is-warning .cnbsm-dot-label:before{background:#f5aa2a}.cnbsm-family-day-top.is-critical .cnbsm-dot-label:before{background:#ff4d68}.cnbsm-family-day-top.is-setup .cnbsm-dot-label:before{background:#5974ff}
.cnbsm-family-summary-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.cnbsm-family-summary-pills span{padding:8px 12px;border-radius:999px;background:#f4f7ff;color:#49607f;font-weight:700;font-size:13px;border:1px solid rgba(89,116,255,.12)}
.cnbsm-family-start-steps{display:grid;gap:12px;margin-top:18px}.cnbsm-family-step{appearance:none;border:1px solid rgba(89,116,255,.18);background:#f8fbff;border-radius:20px;padding:16px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;color:#102246;transition:.2s ease}.cnbsm-family-step:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(42,62,140,.08)}.cnbsm-family-step b{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#4778ff,#7256ff);color:#fff;display:grid;place-items:center;flex:0 0 auto}.cnbsm-family-step span{font-weight:800}.cnbsm-family-step.is-done{background:#f5fff9;border-color:rgba(40,196,122,.25)}.cnbsm-family-step.is-done b{background:#28c47a}
.cnbsm-family-timeline{margin:6px 0 18px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid rgba(89,116,255,.14)}.cnbsm-family-timeline-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.cnbsm-family-timeline-head b{font-size:18px;color:#0d2149}.cnbsm-family-timeline-head span{font-size:13px;color:#6a7892}.cnbsm-family-timeline-row{display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:center;margin:12px 0}.cnbsm-family-timeline-name{font-weight:800;color:#17294d;overflow:hidden;text-overflow:ellipsis}.cnbsm-family-line{min-height:42px;border-radius:18px;background:linear-gradient(90deg,rgba(89,116,255,.08),rgba(89,116,255,.02));position:relative;display:flex;align-items:center;gap:10px;padding:8px}.cnbsm-family-line:before{content:"";position:absolute;left:14px;right:14px;top:50%;height:2px;background:rgba(89,116,255,.13);transform:translateY(-50%)}.cnbsm-family-line i{position:relative;color:#93a0b8;font-size:13px}.cnbsm-family-point{position:relative;z-index:1;border:3px solid #fff;min-width:28px;height:28px;border-radius:999px;box-shadow:0 4px 14px rgba(39,57,120,.16);cursor:pointer;background:#4778ff}.cnbsm-family-point span{display:none;position:absolute;top:30px;left:50%;transform:translateX(-50%);font-size:11px;color:#697895;white-space:nowrap}.cnbsm-family-point:hover span{display:block}.cnbsm-family-point.is-safe{background:#28c47a}.cnbsm-family-point.is-sos,.cnbsm-family-point.priority-critical{background:#ff4d68;animation:cnbsmSos 1.2s infinite}.cnbsm-family-point.is-warning{background:#f5aa2a}.cnbsm-family-point.is-location{background:#38a5ff}.cnbsm-family-point.is-phone{background:#5974ff}.cnbsm-family-point.is-message{background:#8c5cff}@keyframes cnbsmSos{0%,100%{box-shadow:0 0 0 0 rgba(255,77,104,.35)}50%{box-shadow:0 0 0 9px rgba(255,77,104,0)}}
.cnbsm-family-event-detail{border:1px solid rgba(89,116,255,.14);border-radius:20px;padding:14px 16px;background:#fff;display:grid;gap:6px;margin-top:-4px}.cnbsm-family-event-detail.is-hidden{display:none}.cnbsm-family-event-detail.is-visible{display:grid}.cnbsm-family-point.is-active{outline:3px solid rgba(89,116,255,.22);outline-offset:3px}.cnbsm-family-event-detail b{color:#0d2149}.cnbsm-family-event-detail span{color:#5e6d86;line-height:1.45}.cnbsm-family-event-detail .cnbsm-btn{justify-self:start;margin-top:6px}
.cnbsm-family-section-title{font-weight:900;color:#102246;margin:16px 0 10px}.cnbsm-family-dependents{display:grid;gap:10px}.cnbsm-family-dependent{appearance:none;border:1px solid rgba(89,116,255,.14);background:#fff;border-radius:20px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.2s ease}.cnbsm-family-dependent:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(42,62,140,.08)}.cnbsm-family-avatar{width:40px;height:40px;border-radius:15px;background:#eef3ff;color:#4d66ff;font-weight:900;display:grid;place-items:center;flex:0 0 auto}.cnbsm-family-dependent b{display:block;color:#102246}.cnbsm-family-dependent em,.cnbsm-family-dependent small{display:block;font-style:normal;color:#64728d;line-height:1.35}.cnbsm-family-dependent.is-critical .cnbsm-family-avatar{background:#fff1f4;color:#ff4d68}.cnbsm-family-dependent.is-warning .cnbsm-family-avatar{background:#fff8e8;color:#d88700}.cnbsm-family-dependent.is-ok .cnbsm-family-avatar{background:#edfff5;color:#1fa866}.cnbsm-family-dependent.is-setup .cnbsm-family-avatar{background:#eef3ff;color:#5974ff}.cnbsm-family-more{border:0;background:#f4f7ff;border-radius:16px;padding:12px;color:#4864ff;font-weight:800;cursor:pointer}.cnbsm-family-empty-line{padding:14px;border-radius:18px;background:#f8fbff;color:#64728d}.cnbsm-family-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media (max-width:760px){.cnbsm-family-day-card{min-height:0}.cnbsm-family-day-top h3{font-size:24px}.cnbsm-family-timeline{padding:14px}.cnbsm-family-timeline-head{display:block}.cnbsm-family-timeline-head span{display:block;margin-top:4px}.cnbsm-family-timeline-row{display:block;margin:16px 0}.cnbsm-family-timeline-name{margin-bottom:8px}.cnbsm-family-line{overflow-x:auto;min-height:50px}.cnbsm-family-summary-pills span{font-size:12px}.cnbsm-family-actions .cnbsm-btn{width:100%;justify-content:center}}