/* Shared hospital notes, beside the calendar. */
.dashboard-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}
.memo-card,.dashboard-tools .hero-date{border:1px solid #ffffffc9;border-radius:26px;background:linear-gradient(130deg,#ffffffd9,#edf3fbc9);box-shadow:0 20px 70px #3454880c,0 2px 5px #ffffff9c inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.memo-card{width:278px;flex-shrink:0;padding:20px 22px 12px;position:relative}
.memo-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.memo-eyebrow{display:block;font-size:8px;letter-spacing:1.5px;color:#90909b;margin-bottom:5px}
.memo-card h2{font-size:18px;letter-spacing:-.4px;margin:0;font-weight:550}
.memo-card h2 small{font-size:10px;color:#90909b;font-weight:400;letter-spacing:0;margin-left:5px}
.memo-card .memo-add{border:1px solid #edf0f5;background:#fff;color:#7394c2;box-shadow:0 6px 20px #2c487012;width:30px;height:30px;min-height:30px;padding:6px;border-radius:10px;flex-shrink:0}
.memo-preview-list{min-height:66px;max-height:150px;overflow:auto;scrollbar-width:thin}
.memo-preview-item{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-bottom:1px solid #e8edf580}
.memo-preview-item:last-child{border-bottom:0}
.memo-card .memo-check{margin-top:2px;flex-shrink:0;width:22px;min-width:22px;height:22px;min-height:22px;padding:4px;border:1px solid #dce5f1;background:#fff;border-radius:7px;color:#9aacc3}
.memo-check:hover{border-color:#b5cee9;background:#edf4ff;color:#6287ba}
.memo-check .ui-icon{width:14px;height:14px}
.memo-card .memo-preview-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;border:0;border-radius:0;padding:0;min-height:0;background:transparent;text-align:left;color:#5b6474;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;flex:1}
.memo-card .memo-preview-text:hover{color:#0071e3}
.memo-card .memo-placeholder{font-size:12px;line-height:1.9;color:#90909b;margin:13px 0 17px}
.memo-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:6px;border-top:1px solid #e4eaf3}
.memo-card-foot>span{font-size:9px;color:#90909b}
.memo-card .memo-all{padding:6px 0;border:0;background:transparent;color:#6d8db8;font-size:10px}
.memo-manager-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.memo-views{display:flex;gap:4px;padding:4px;background:#f2f2f6;border:1px solid #e9e9ef;border-radius:13px}
.memo-views button{font-size:12px;border:0;background:transparent;color:#8a8a96;padding:9px 14px;border-radius:10px}
.memo-views button[aria-pressed=true]{background:white;color:#30303a;box-shadow:0 2px 6px #273b4e09}
.memo-full-list{display:grid;gap:14px}
.memo-full-item{padding:20px;border:1px solid #e4eaf3;background:linear-gradient(130deg,#fff,#f3f7fd);border-radius:16px}
.memo-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.95;color:#535b6a;margin:0 0 18px}
.memo-full-item.is-completed{background:#f8f9fb;border-color:#e7e9ee}
.memo-full-item.is-completed .memo-content{color:#8a8a94}
.memo-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.memo-meta time{font-size:10px;color:#90909b;font-variant-numeric:tabular-nums}
.memo-item-actions{display:flex;flex-wrap:wrap;gap:7px}
.memo-item-actions button{font-size:11px;padding:6px 12px;background:transparent;border-color:#e1e7f0}
.memo-item-actions button .ui-icon{width:15px;height:15px}
.memo-reader .memo-content{padding:20px;background:linear-gradient(130deg,#fff,#f3f7fd);border:1px solid #e4eaf3;border-radius:16px}
@media(min-width:721px){
  .dashboard-tools .memo-card,.dashboard-tools .hero-date{width:292px;min-width:292px;max-width:292px;height:134px;flex:0 0 292px}
  .dashboard-tools .memo-card{display:flex;flex-direction:column;padding:14px 20px 10px}
  .memo-card-head{flex-shrink:0;margin-bottom:5px}
  .memo-eyebrow{font-size:8px;line-height:1.2;margin-bottom:2px}
  .memo-preview-list{flex:1;min-height:0;max-height:none}
  .memo-preview-item{padding:3px 0}
  .memo-card .memo-preview-text{font-size:11px;line-height:1.65}
  .memo-card .memo-placeholder{font-size:11px;line-height:1.65;margin:0}
  .memo-card-foot{flex-shrink:0;margin-top:4px;padding-top:3px}
  .memo-card .memo-all{padding:3px 0}
}
@media(min-width:721px) and (max-width:1150px){
  .dashboard-hero{flex-wrap:wrap}
  .dashboard-tools{width:100%;gap:20px}
  .memo-card{flex:1;width:auto;max-width:none}
}
@media(max-width:720px){
  .dashboard-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px}
  .dashboard-tools{display:block;width:100%}
  .memo-card{width:100%;padding:20px 18px 12px;border-radius:20px}
  .memo-card h2{font-size:17px}
  .memo-card h2 small{font-size:11px}
  .memo-card .memo-add{width:44px;height:44px;min-height:44px;border-radius:13px}
  .memo-card .memo-check{width:40px;min-width:40px;height:44px;min-height:44px;border-radius:11px}
  .memo-card .memo-preview-text{font-size:14px;min-height:44px;-webkit-line-clamp:2;line-height:1.7}
  .memo-card .memo-placeholder{font-size:13px}
  .memo-card .memo-all{min-height:44px;font-size:12px}
  .memo-card-foot>span{font-size:11px}
  .memo-preview-list{max-height:180px}
  .memo-manager-toolbar{align-items:stretch}
  .memo-views{width:100%;justify-content:space-between}
  .memo-views button{flex:1;min-height:44px;font-size:13px;padding:9px 10px}
  .memo-full-item{padding:16px}
  .memo-content{font-size:15px;line-height:1.9}
  .memo-item-actions button{font-size:12px;min-height:44px;padding:8px 12px}
  .memo-meta time{font-size:11px}
  .memo-reader .memo-content{padding:16px}
}
