.workbench-available-callout{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:14px;padding:13px 14px;border:1px solid #e3e0fa;border-radius:11px;background:#faf9ff}.workbench-available-callout b,.workbench-available-callout span{display:block}.workbench-available-callout b{color:#5148b1;font-size:10px}.workbench-available-callout span{margin-top:4px;color:#88849a;font-size:9px;line-height:1.4}.workbench-available-callout .outline-button{flex:0 0 auto;font-size:9px;padding:8px 10px}@media(max-width:720px){.workbench-available-callout{display:block}.workbench-available-callout .outline-button{width:100%;justify-content:center;margin-top:10px}}

/* Simplified agent landing page -- one focal task, one capacity number,
   three quick links. No stat grids, no filter pills, no jargon. */
.agent-home{display:flex;flex-direction:column;gap:18px;max-width:720px}
.agent-next-task{position:relative;padding:32px 34px;border-radius:20px;background:linear-gradient(120deg,#4b3cba 0%,#6754dd 55%,#8974f0 100%);color:#fff;box-shadow:0 16px 32px rgba(72,56,178,.22)}
.agent-next-task .eyebrow{color:#c4bfff;font-size:11px;letter-spacing:.14em}
.agent-next-task h2{font-family:Manrope;font-size:26px;letter-spacing:-.03em;margin:12px 0 6px;text-wrap:balance}
.agent-next-task p{margin:0 0 20px;color:#dad5ff;font-size:13px}
.agent-next-task-button{font-size:14px;padding:14px 20px;box-shadow:0 10px 24px rgba(20,14,70,.25)}
.agent-next-task-check{display:grid;place-items:center;width:44px;height:44px;margin-bottom:10px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:20px;font-weight:800}
.agent-capacity-simple{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.agent-capacity-simple.agent-capacity-full{border-color:#f3d9c4;background:#fff9f2}
.agent-capacity-ring{--pct:0;position:relative;flex:0 0 auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) calc(var(--pct)*1%),#ece9ff 0)}
.agent-capacity-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.agent-capacity-ring strong{position:relative;z-index:1;font-family:Manrope;font-size:14px;letter-spacing:-.03em;color:var(--purple-deep)}
.agent-capacity-full .agent-capacity-ring{background:conic-gradient(#d9822b calc(var(--pct)*1%),#f3e3d2 0)}
.agent-capacity-full .agent-capacity-ring strong{color:#a15b1c}
.agent-capacity-copy strong{display:block;font-size:13px;color:var(--ink)}
.agent-capacity-copy span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5}
.agent-quick-links{display:flex;flex-wrap:wrap;gap:10px}
.agent-quick-links .outline-button{display:inline-flex;align-items:center;gap:8px;font-size:12px}
.agent-quick-links .outline-button span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--purple-soft);color:var(--purple-deep);font-size:10px;font-weight:800}
.agent-task-row{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;transition:border-color .15s ease,transform .15s ease}
.agent-task-row:hover{border-color:#dedcff;transform:translateY(-1px)}
.agent-task-row-main{flex:1;min-width:0;display:grid;gap:3px}
.agent-task-row-main strong{font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-task-row-main span{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-task-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}
@media(max-width:720px){
  .agent-task-row{align-items:flex-start;flex-wrap:wrap}
  .agent-task-row-side{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;margin-top:4px}
  .agent-home{max-width:none}
  .agent-next-task{padding:24px 22px}
  .agent-next-task h2{font-size:22px}
  .agent-next-task-button{width:100%;justify-content:center}
  .agent-capacity-simple{flex-direction:column;text-align:center}
  .agent-quick-links{flex-direction:column}
  .agent-quick-links .outline-button{width:100%;justify-content:center}
}

/* Follow-up reminder pop-up (shown at sign-in while any of the user's tasks
   have an arrived follow-up date; see operations-workbench.js). */
.follow-up-reminder-modal{width:min(100%,520px)}
.follow-up-reminder-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;margin-bottom:22px}
.follow-up-reminder-row{display:flex;align-items:flex-start;gap:14px;width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:#fcfcfe;text-align:left;transition:border-color .15s ease,transform .15s ease}
.follow-up-reminder-row:hover{border-color:#dedcff;transform:translateY(-1px);background:#fff}
.follow-up-reminder-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:700;flex:0 0 auto}
.follow-up-reminder-main{flex:1;min-width:0}
.follow-up-reminder-main strong{display:block;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.follow-up-reminder-main span{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.follow-up-reminder-main p{margin:7px 0 0;color:#555468;font-size:11px;line-height:1.5}
.follow-up-reminder-row .row-arrow{margin-top:2px}
@media(max-width:720px){.follow-up-reminder-modal{padding:27px 20px}.follow-up-reminder-list{max-height:none}}
