/* Build 220: lembrete do próximo atendimento na tela inicial do profissional. */
.pp-next-appointment{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:18px;margin:20px 0 4px;padding:20px 22px;border:1px solid rgba(139,23,72,.18);border-radius:19px;background:linear-gradient(112deg,#fff8fb 0%,#fff 50%,#f1f8fb 100%);box-shadow:0 10px 28px rgba(34,57,72,.08);position:relative;overflow:hidden}
.pp-next-appointment::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#8b1748,#244c67)}
.pp-next-appointment.is-today{border-color:rgba(139,23,72,.32);box-shadow:0 12px 32px rgba(139,23,72,.12)}
.pp-next-appointment.is-today::before{width:7px;background:#8b1748}
.pp-next-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#f4e5eb;color:#861946;font-size:25px;box-shadow:inset 0 0 0 1px rgba(139,23,72,.08)}
.pp-next-main{min-width:0}.pp-next-kicker{display:block;margin-bottom:3px;color:#8b1748;font-size:9px;font-weight:950;letter-spacing:.14em}.pp-next-main h2{margin:0;color:#18384f;font-size:20px;letter-spacing:-.02em}.pp-next-content{margin-top:11px;display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;color:#304f62}.pp-next-loading{font-size:12px;color:#728794}
.pp-next-relative{padding:5px 9px;border-radius:999px;background:#8b1748;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.pp-next-detail{display:flex;align-items:center;gap:7px;min-width:0}.pp-next-detail>span{font-size:16px}.pp-next-detail>div{min-width:0}.pp-next-detail small,.pp-next-detail b{display:block}.pp-next-detail small{margin-bottom:2px;color:#8294a0;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pp-next-detail b{color:#213f53;font-size:13px;white-space:nowrap}.pp-next-detail.patient b{max-width:310px;overflow:hidden;text-overflow:ellipsis}.pp-next-mode{font-size:10px;color:#607b8a;background:#eef5f7;border-radius:999px;padding:5px 8px}
.pp-next-action{min-height:42px;padding:9px 14px;border:1px solid rgba(139,23,72,.18);border-radius:11px;background:#fff;color:#861946;font:inherit;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(45,62,75,.05)}.pp-next-action:hover{background:#fbf2f6;border-color:rgba(139,23,72,.3)}
.pp-next-empty{display:flex;flex-direction:column;gap:3px}.pp-next-empty b{font-size:12px;color:#536e7d}.pp-next-empty span{font-size:11px;color:#81929b}.pp-next-appointment.is-empty{border-color:#dde7eb;background:rgba(255,255,255,.8)}.pp-next-appointment.is-empty::before{background:#b7c6cd}.pp-next-appointment.is-empty .pp-next-icon{background:#eef2f4;color:#82939c}

@media(max-width:900px){.pp-next-appointment{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px}.pp-next-icon{width:50px;height:50px}.pp-next-action{grid-column:2;justify-self:start}.pp-next-content{gap:9px 13px}}
@media(max-width:650px){.pp-next-appointment{grid-template-columns:44px minmax(0,1fr);gap:12px;margin-top:14px;padding:16px 14px}.pp-next-icon{width:42px;height:42px;border-radius:13px;font-size:20px}.pp-next-main h2{font-size:18px}.pp-next-content{align-items:flex-start;flex-direction:column;gap:9px}.pp-next-detail b{white-space:normal}.pp-next-detail.patient b{max-width:none}.pp-next-action{grid-column:1/3;width:100%}}