
/* TR Global task-focused role dashboards — v045 */
.task-dashboard{display:grid;gap:1.25rem;min-width:0}
.dashboard-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border:1px solid rgba(17,19,74,.12);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f7f8ff 100%);box-shadow:0 16px 36px rgba(17,19,74,.08)}
.dashboard-intro h2{margin:.15rem 0 .4rem;font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.12;color:#11134a}
.dashboard-intro p{margin:0;color:#4f5575;max-width:62ch;font-size:1rem;line-height:1.65}
.dashboard-today{flex:0 0 auto;display:grid;gap:.2rem;min-width:150px;padding:.75rem 1rem;border-radius:16px;background:#11134a;color:#fff;text-align:right}
.dashboard-today span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.dashboard-today strong{font-size:.98rem}
.dashboard-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.dashboard-section-heading h3{margin:0;color:#11134a;font-size:1.15rem}
.dashboard-section-heading p{margin:.25rem 0 0;color:#66708e;font-size:.92rem}
.dashboard-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.dashboard-summary-card{position:relative;overflow:hidden;min-height:132px;padding:1rem 1.05rem;border:1px solid rgba(17,19,74,.12);border-radius:18px;background:#fff;box-shadow:0 12px 26px rgba(17,19,74,.06)}
.dashboard-summary-card::after{content:"";position:absolute;right:-22px;bottom:-28px;width:76px;height:76px;border-radius:50%;background:rgba(80,90,220,.08)}
.dashboard-summary-card span{display:block;color:#646c87;font-size:.84rem;font-weight:700}
.dashboard-summary-card strong{display:block;margin:.35rem 0 .25rem;color:#11134a;font-size:2rem;line-height:1}
.dashboard-summary-card small{display:block;color:#7c849d;font-size:.78rem;line-height:1.35;max-width:18ch}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.dashboard-panel{min-width:0;padding:1.1rem;border:1px solid rgba(17,19,74,.12);border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(17,19,74,.06)}
.dashboard-panel.attention{border-top:4px solid #d66a3a}
.dashboard-panel.due{border-top:4px solid #d2a52f}
.dashboard-panel.recent{border-top:4px solid #4b63d8}
.dashboard-panel.next-step{border-top:4px solid #2b8a62;background:linear-gradient(135deg,#fff 0%,#f3fbf7 100%)}
.dashboard-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}
.dashboard-panel-title{display:flex;gap:.7rem;align-items:flex-start}
.dashboard-panel-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#eef0ff;color:#11134a;font-weight:900}
.dashboard-panel h3{margin:0;color:#11134a;font-size:1.08rem}
.dashboard-panel-head p{margin:.2rem 0 0;color:#737b96;font-size:.84rem;line-height:1.4}
.dashboard-panel-count{min-width:28px;padding:.22rem .5rem;border-radius:999px;background:#eff1f8;color:#333a5f;text-align:center;font-size:.78rem;font-weight:800}
.dashboard-list{display:grid;gap:.65rem}
.dashboard-task{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.82rem .85rem;border:1px solid #e4e6ef;border-radius:14px;background:#fbfcff;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
a.dashboard-task:hover{transform:translateY(-1px);border-color:#969fe1;box-shadow:0 8px 18px rgba(17,19,74,.08)}
.dashboard-task-main{display:grid;gap:.2rem;min-width:0}
.dashboard-task-main strong{color:#11134a;font-size:.94rem;line-height:1.35;overflow-wrap:anywhere}
.dashboard-task-main span{color:#6f7792;font-size:.8rem;line-height:1.4;overflow-wrap:anywhere}
.dashboard-task-badge{flex:0 0 auto;padding:.24rem .52rem;border-radius:999px;background:#eceefa;color:#353d72;font-size:.72rem;font-weight:800;white-space:nowrap}
.dashboard-task-badge.urgent{background:#fff0eb;color:#a94320}
.dashboard-task-badge.due{background:#fff7dd;color:#8a6500}
.dashboard-task-badge.good{background:#eaf8f1;color:#1d704f}
.dashboard-empty{padding:1rem;border:1px dashed #ccd0df;border-radius:14px;background:#fafbfe;color:#66708e;text-align:center;font-size:.9rem;line-height:1.55}
.dashboard-empty strong{display:block;color:#22294d;margin-bottom:.25rem}
.dashboard-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.dashboard-action{display:grid;gap:.3rem;min-height:118px;padding:1rem;border:1px solid rgba(17,19,74,.14);border-radius:17px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 22px rgba(17,19,74,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-action:hover{transform:translateY(-2px);border-color:#7d88d8;box-shadow:0 14px 28px rgba(17,19,74,.1)}
.dashboard-action span{font-size:1.2rem}
.dashboard-action strong{color:#11134a;font-size:.96rem}
.dashboard-action small{color:#717995;font-size:.78rem;line-height:1.35}
.dashboard-next-copy{margin:0;color:#37405f;line-height:1.65}
.dashboard-secondary{margin-top:.25rem;border:1px solid rgba(17,19,74,.12);border-radius:20px;background:#fff;overflow:hidden}
.dashboard-secondary>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;color:#11134a;font-weight:800;list-style:none}
.dashboard-secondary>summary::-webkit-details-marker{display:none}
.dashboard-secondary>summary::after{content:"+";font-size:1.35rem;font-weight:400}
.dashboard-secondary[open]>summary::after{content:"−"}
.dashboard-secondary-content{padding:0 1rem 1rem}
.dashboard-secondary-content .portal-card{margin:0;box-shadow:none}
@media(max-width:1050px){.dashboard-summary-grid,.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dashboard-intro{display:grid;padding:1rem}.dashboard-today{text-align:left;min-width:0}.dashboard-grid{grid-template-columns:1fr}.dashboard-summary-grid,.dashboard-quick-actions{grid-template-columns:1fr 1fr}.dashboard-summary-card{min-height:118px}.dashboard-panel{padding:.9rem}}
@media(max-width:440px){.dashboard-summary-grid,.dashboard-quick-actions{grid-template-columns:1fr}.dashboard-task{display:grid}.dashboard-task-badge{justify-self:start}.dashboard-section-heading{display:block}}
@media(prefers-reduced-motion:reduce){.dashboard-task,.dashboard-action{transition:none}.dashboard-task:hover,.dashboard-action:hover{transform:none}}
