/* 注意事項のピン留め（v0.13.40）。入居者の見出し・基本情報タブ・喫食チェック・記録の入力に同じ見た目で出す。
   赤系の色は既存の「未対応」「期限超過」のバッジと同じトークン（--red-text / --red-soft / --red-border）。 */
.resident-alerts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.resident-alerts li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border:1px solid var(--red-border);border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red-text);font-size:var(--font-sm);font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.resident-alert-icon{display:inline-grid;place-items:center;flex:none;width:17px;height:17px;border-radius:50%;background:var(--red-text);color:white;font-size:11px;font-weight:700;line-height:1}
.resident-alerts.in-card{margin:0 0 6px}
.resident-alerts.meal-alerts{margin:4px 0 2px;gap:4px}
.resident-alerts.meal-alerts li{padding:1px 7px 1px 4px;font-size:var(--font-xs);gap:4px}
.resident-alerts.meal-alerts .resident-alert-icon{width:14px;height:14px;font-size:10px}
.resident-alerts.entry-alerts{margin:8px 0 2px}
.alert-form-help{margin-bottom:16px}
/* 入居者一覧・記録入力の候補は本文を出さず、印だけにする（本文はマウスを重ねると title で出る）。 */
.resident-alert-mark{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:0 6px 0 3px;border:1px solid var(--red-border);border-radius:4px;background:var(--red-soft);color:var(--red-text);font-size:var(--font-2xs);font-weight:700;line-height:1.6;vertical-align:2px;white-space:nowrap}
.resident-alert-mark>span{display:inline-grid;place-items:center;width:12px;height:12px;border-radius:50%;background:var(--red-text);color:white;font-size:9px;line-height:1}
@media print{.resident-alerts li,.resident-alert-mark{border-color:#999;background:white;color:black}.resident-alert-icon,.resident-alert-mark>span{background:black}}

/* 電話番号をタップで発信（v0.13.40）。タッチ操作の端末（スマホ・タブレット）だけリンクにし、
   マウスで操作する端末（PC）では文字のまま見せる（誤発信や通話アプリの起動を避ける）。 */
a.tel-link{color:var(--link);text-decoration:underline;text-underline-offset:3px;padding:2px 0;white-space:nowrap}
@media (hover:hover) and (pointer:fine){a.tel-link{color:inherit;text-decoration:none;pointer-events:none;cursor:text}}
@media print{a.tel-link{color:black;text-decoration:none}}