#account-quickbar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;max-width:100%}#account-quickbar button,#account-quickbar summary{font-size:.9rem;padding:10px 12px;margin:0;min-height:44px;white-space:normal}#account-quickbar strong{display:inline-block;min-width:1.4em;text-align:center}.quick-tasks{position:relative;background:#fff1d5;border:1px solid #b68427;border-radius:10px;color:#573a08}.quick-tasks>div{position:absolute;right:0;top:100%;z-index:20;background:#fff9ed;border:1px solid #b68427;padding:12px;border-radius:10px;width:min(360px,80vw);max-height:55dvh;overflow:auto;box-shadow:0 8px 20px #0002}.quick-tasks button{display:block;width:100%;text-align:left;margin-bottom:8px!important}.notification-item.unread{border-left:5px solid #2d6a55;background:#edf6f1}.notification-item h2{font-size:1.1rem}.notification-item:nth-child(even){background:#f2f5f8}@media(max-width:600px){#account-quickbar{justify-content:flex-start;gap:6px}#account-quickbar button,#account-quickbar summary{padding:8px;font-size:.82rem}.quick-tasks>div{right:auto;left:0}}

.notification-target{outline:3px solid #b68427;outline-offset:3px;background:#fff4d9!important}
/* Shared overview shortcuts: equal tiles, explicit counter contrast. */
#account-quickbar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:8px;width:min(100%,480px);margin-left:auto}
#account-quickbar>.quick-tasks{min-width:0;margin:0;padding:0;border:0;background:transparent}
#account-quickbar>button,#account-quickbar>.quick-tasks>summary{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:84px;min-height:84px;margin:0;padding:8px 6px;border:1px solid #aec4b9;border-radius:12px;background:#edf6f1;color:#234b3b;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;text-align:center;list-style:none;cursor:pointer}
#account-quickbar>.quick-tasks>summary{background:#fff3d9;border-color:#d6b568;color:#624309}
#account-quickbar>[data-quick-cases]{background:#edf3fb;border-color:#b5c9e0;color:#244b77}
#account-quickbar summary::-webkit-details-marker{display:none}
#account-quickbar .quick-count{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;min-width:28px;height:28px;padding:0 6px;border:1px solid #b2c7bd;border-radius:999px;background:#fff;color:#173e30!important;font-size:15px;line-height:1;font-weight:800;visibility:visible;opacity:1}
#account-quickbar .quick-label{display:flex!important;align-items:center;justify-content:center;min-width:0;width:100%;height:29px;color:inherit;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
#account-quickbar>.quick-tasks>summary:focus-visible,#account-quickbar>button:focus-visible{outline:3px solid #3b755e;outline-offset:2px}
#patient-dashboard .patient-dashboard-shortcuts{min-width:0;width:480px;max-width:60%}
@media(max-width:700px){#patient-dashboard .patient-dashboard-greeting{flex-direction:column;align-items:stretch;gap:12px}#patient-dashboard .patient-dashboard-shortcuts{display:block;width:100%;max-width:100%}#account-quickbar{width:100%;max-width:100%;gap:7px;margin:0 0 12px}#account-quickbar>button,#account-quickbar>.quick-tasks>summary{height:84px;min-height:84px;font-size:12px;padding:8px 5px}.quick-tasks>div{left:0;right:auto}}

#app .doctor-welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,480px);column-gap:18px;align-items:center}#app .doctor-welcome>p,#app .doctor-welcome>h1{grid-column:1}#app .doctor-dashboard-shortcuts{grid-column:2;grid-row:1 / span 2;min-width:0}#app .doctor-dashboard-shortcuts #account-quickbar{margin:0 0 12px;width:100%}@media(max-width:800px){#app .doctor-welcome{grid-template-columns:minmax(0,1fr)}#app .doctor-dashboard-shortcuts{grid-column:1;grid-row:auto;width:100%;margin-top:12px}}
@media(max-width:800px){#account-quickbar{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);width:100%;gap:7px}#account-quickbar>button,#account-quickbar>.quick-tasks>summary{flex-direction:row-reverse;justify-content:space-between;height:52px;min-height:52px;padding:10px 14px;font-size:14px;gap:12px}#account-quickbar .quick-label{justify-content:flex-start;text-align:left;height:auto;flex:1;overflow-wrap:normal}#account-quickbar .quick-count{min-width:30px;height:30px;font-size:15px}#patient-dashboard .patient-dashboard-greeting{flex-direction:column;align-items:stretch}#patient-dashboard .patient-dashboard-shortcuts{display:block;width:100%;max-width:100%}}
/* The same vertical order is used on desktop and mobile. */
#account-quickbar{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);width:min(100%,320px)}#account-quickbar>button,#account-quickbar>.quick-tasks>summary{flex-direction:row-reverse;justify-content:space-between;height:52px;min-height:52px;padding:10px 14px;font-size:14px;gap:12px}#account-quickbar .quick-label{justify-content:flex-start;text-align:left;height:auto;flex:1;overflow-wrap:normal}#account-quickbar .quick-count{min-width:30px;height:30px;font-size:15px}#patient-dashboard .patient-dashboard-shortcuts{width:320px}#app .doctor-welcome{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}@media(max-width:800px){#account-quickbar,#patient-dashboard .patient-dashboard-shortcuts{width:100%}#app .doctor-welcome{grid-template-columns:minmax(0,1fr)}}

#patient-dashboard .patient-dashboard-shortcuts[hidden],#app .doctor-dashboard-shortcuts[hidden]{display:none!important}#app .doctor-welcome.no-overview-shortcuts{grid-template-columns:minmax(0,1fr)}