.v2-home .screen{padding-bottom:30px}.v2-home .home-head{padding-bottom:16px}.v2-home .home-head .brand-logo{margin-bottom:8px}.v2-home .home-head h2{margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-card{min-height:132px;border:1px solid rgba(205,223,237,.8);border-radius:21px;padding:16px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;background:#fff;box-shadow:0 10px 28px rgba(27,68,104,.08);overflow:hidden}.dashboard-card>.icon{font-size:31px;width:47px;height:47px;border-radius:15px;background:rgba(255,255,255,.72);color:var(--blue)}.dashboard-card span{display:flex;flex-direction:column;gap:4px}.dashboard-card strong{font-size:16px;letter-spacing:-.2px}.dashboard-card small{font-size:11px;color:#52657c;line-height:1.35}.dashboard-card.blue{background:linear-gradient(145deg,#eef8ff,#d8ecff)}.dashboard-card.mint{background:linear-gradient(145deg,#ecfff9,#d6f7eb)}.dashboard-card.lavender{background:linear-gradient(145deg,#f4f3ff,#e4e7ff)}.dashboard-card.soft{background:linear-gradient(145deg,#f2f8ff,#e7f2fb)}.dashboard-card.aqua{background:linear-gradient(145deg,#ecfcff,#d8f4f5)}.dashboard-card.emergency{background:linear-gradient(145deg,#fff5f4,#ffe2df);border-color:#ffd1cc}.dashboard-card.emergency>.icon{color:#c9362b}.appointment-tip small{display:block;color:var(--turq);font-weight:800;font-size:10px;letter-spacing:1px}.appointment-tip strong{display:block;margin-top:5px}.avatar img{width:100%;height:100%;object-fit:cover}.info-grid button{border:0;background:#fff;text-align:left;border-radius:14px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.info-grid button .icon{color:var(--blue)}
.timeline-filter{display:flex;gap:7px;overflow:auto;padding:2px 0 14px;scrollbar-width:none}.timeline-filter span{white-space:nowrap;padding:7px 10px;border:1px solid var(--line);background:#fff;border-radius:99px;color:var(--muted);font-size:11px}.medical-timeline{position:relative;padding-left:4px}.medical-timeline:before{content:"";position:absolute;left:25px;top:12px;bottom:12px;width:2px;background:linear-gradient(var(--turq),#cfe2ee)}.medical-timeline article{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;margin-bottom:12px}.timeline-icon{z-index:1;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:var(--shadow)}.timeline-icon .icon{font-size:20px}.medical-timeline article>div:last-child{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow)}.medical-timeline small,.medical-timeline strong{display:block}.medical-timeline small{font-size:10px;color:var(--turq);font-weight:800;text-transform:uppercase}.medical-timeline strong{margin:4px 0}.medical-timeline p{margin:0;color:var(--muted);font-size:12px}
.share-status-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.share-status-card button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px 5px;box-shadow:var(--shadow)}.share-status-card strong,.share-status-card small{display:block}.share-status-card strong{font-size:22px;color:var(--blue)}.share-status-card small{font-size:10px;color:var(--muted)}.checklist-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #d6e9ef;border-radius:16px;background:linear-gradient(135deg,#eff8ff,#e6fbf3);box-shadow:var(--shadow)}.checklist-card>.icon{font-size:30px;color:var(--turq)}.checklist-card strong,.checklist-card small{display:block}.checklist-card small{color:var(--muted);margin-top:3px}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-list article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.activity-list strong,.activity-list small{display:block}.activity-list small{color:var(--muted);margin-top:4px}.share-row{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;box-shadow:var(--shadow)}.share-row div{min-width:0}.share-row strong,.share-row small{display:block}.share-row small{color:var(--muted);line-height:1.35;margin-top:4px}.share-row button{border:0;border-radius:10px;background:#fff0ed;color:#a7352d;font-weight:800;padding:0 12px}.share-row span{border-radius:999px;background:#eef4f8;color:var(--muted);font-size:10px;padding:6px 9px;text-transform:uppercase}.share-row.active span{background:#e4f8ef;color:#087957}.share-row.revoked{opacity:.75}.emergency-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.emergency-card-grid article{background:#fff;border:1px solid #f0d9d5;border-radius:14px;padding:13px;box-shadow:var(--shadow)}.emergency-card-grid small,.emergency-card-grid strong{display:block}.emergency-card-grid small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.emergency-card-grid strong{margin-top:5px}.emergency-card-print{background:#fff;border:1px solid #f0d9d5;border-radius:18px;padding:14px;box-shadow:var(--shadow)}
.emergency-shell{background:#fff9f8}.emergency-hero{margin:0 -20px;padding:28px 20px;text-align:center;background:linear-gradient(150deg,#a61b1b,#e34a3e);color:#fff;border-radius:0 0 28px 28px}.emergency-hero>.icon{font-size:48px}.emergency-hero p{margin:7px 0;text-transform:uppercase;letter-spacing:1px;font-size:11px}.emergency-hero h2{margin:4px 0}.emergency-warning{padding:12px 14px;background:#fff0ed;color:#8f231c;border-radius:13px;font-size:12px}.emergency-info,.emergency-list{background:#fff;border:1px solid #f0d9d5;border-radius:15px;padding:15px;box-shadow:var(--shadow)}.emergency-info{display:flex;align-items:center;gap:12px}.emergency-info .icon{color:#c9362b}.emergency-list{display:flex;flex-direction:column;gap:8px}.emergency-list span+span{padding-top:8px;border-top:1px solid var(--line)}
.calendar-view{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow)}.calendar-view header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-view header button{border:0;background:#f0f6fb;border-radius:10px;width:40px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-grid small{padding:6px;color:var(--muted)}.calendar-grid span,.calendar-grid i{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:12px;font-style:normal;position:relative}.calendar-grid span.today{background:var(--blue);color:#fff;font-weight:800}.calendar-grid span.has-appointment:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--turq)}.calendar-grid span.today:after{background:#fff}.appointment-card em{font-style:normal;color:var(--turq);font-size:10px}
.reminder-intro,.family-intro{display:flex;align-items:center;gap:12px;padding:15px;border-radius:16px;background:linear-gradient(135deg,#eaf5ff,#e5fbf3);margin-bottom:15px}.reminder-intro>.icon,.family-intro>.icon{font-size:30px;color:var(--blue)}.reminder-intro>div,.family-intro>div{flex:1}.reminder-intro strong,.reminder-intro small,.family-intro strong,.family-intro small{display:block}.reminder-intro small,.family-intro small{color:var(--muted);font-size:11px}.reminder-intro button{border:0;background:#fff;border-radius:10px;color:var(--blue);font-weight:700;font-size:11px;padding:0 10px}.reminder-card,.dependent-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow)}.reminder-card>div,.dependent-card>div{flex:1}.reminder-card strong,.reminder-card small,.dependent-card strong,.dependent-card small{display:block}.reminder-card small,.dependent-card small{color:var(--muted)}.reminder-card button,.dependent-card button{border:0;background:#edf6ff;color:var(--blue);border-radius:10px;padding:0 11px}.reminder-card button:last-child,.dependent-card button{color:#a7352d;background:#fff0ed}.profile-health{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.profile-health button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 5px}.profile-health strong,.profile-health small{display:block}.profile-health strong{font-size:19px;color:var(--blue)}.profile-health small{font-size:10px;color:var(--muted)}.photo-editor{display:flex;align-items:center;gap:15px;padding:12px;border-radius:15px;background:#f4f9fc}.photo-editor label{display:flex;flex-direction:column;gap:5px}.photo-editor input{max-width:210px}.photo-editor small{color:var(--muted)}.doctor-actions{display:flex;gap:6px;margin-top:8px}.doctor-actions button{font-size:10px}.doctor-actions button.added{background:#e4f8ef;color:#087957}.share-care{width:100%;border:1px solid var(--blue);background:#edf6ff;color:var(--blue);border-radius:12px;padding:10px;font-weight:700}.chat-unread{background:#f2f8ff}.chat-unread strong{color:var(--blue)}
@media(max-width:360px){.dashboard-grid{gap:8px}.dashboard-card{min-height:122px;padding:13px}.dashboard-card strong{font-size:14px}.emergency-hero{margin-left:-14px;margin-right:-14px}.share-status-card,.emergency-card-grid{grid-template-columns:1fr}}
@media(min-width:760px){
  .phone:not(.doctor-shell){max-width:520px}
  .phone:not(.doctor-shell) .bottom-nav,
  .phone:not(.doctor-shell) .floating,
  .phone:not(.doctor-shell) .dual-actions,
  .phone:not(.doctor-shell) .composer{max-width:506px}
  .phone:not(.doctor-shell) .dashboard-grid,
  .phone:not(.doctor-shell) .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phone:not(.doctor-shell) .modal{max-width:520px}
  .record-full .record-main{align-items:flex-start}
}
@media(min-width:900px){
  .phone.doctor-shell{max-width:1040px;border-radius:32px;overflow:hidden}
  .doctor-shell .screen{display:grid;grid-template-columns:minmax(280px,360px) 1fr;align-items:start;min-height:calc(100dvh - 48px)}
  .doctor-shell .doctor-head{min-height:100%;border-radius:0;padding:28px}
  .doctor-shell .dash-body{padding:30px}
  .doctor-shell .dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .doctor-shell .bottom-nav{max-width:1040px}
  .doctor-shell .stats{grid-template-columns:1fr;gap:12px}
  .doctor-shell .patient-row,.doctor-shell .record{border-radius:16px;border:1px solid var(--line);padding:14px 16px;margin-bottom:10px;background:#fff}
  .modal{max-width:560px}
}