/* The overview uses the agenda's dated occurrences and actions. */
.ceo-overview-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"toolbar toolbar" "metrics metrics" "financial week" "invest ideas" "footnote footnote";gap:18px;align-items:start}
.ceo-overview-layout .ceo-overview-grid{display:contents}
.ceo-overview-layout .ceo-overview-toolbar{grid-area:toolbar;margin:0}
.ceo-overview-layout .ceo-metrics{grid-area:metrics;margin:0}
.ceo-overview-layout .ceo-financial-overview{grid-area:financial}
.ceo-overview-layout .ceo-week-overview{grid-area:week;min-width:0}
.ceo-overview-layout .ceo-invest-overview{grid-area:invest}
.ceo-overview-layout .ceo-ideas-overview{grid-area:ideas}
.ceo-overview-layout .ceo-footnote{grid-area:footnote;margin:0}
.ceo-week-overview .ceo-card-head{margin-bottom:12px;align-items:center;flex-wrap:wrap}
.ceo-week-overview .ceo-card-head>div{min-width:0}
.ceo-week-overview .ceo-card-head h2{font-size:20px}
.ceo-week-overview p.ceo-week-summary{margin:0 0 18px;color:#515b67;font-size:12px}
.ceo-week-days{display:grid;gap:0;max-height:500px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px;padding-right:4px}
.ceo-week-day{min-width:0;padding:12px 0;border-top:1px solid #eceef1}
.ceo-week-day h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.5;color:#4d5662;font-weight:600}
.ceo-week-day h3>span:first-child{text-transform:capitalize}
.ceo-week-day h3>time{color:#87909b;font-weight:400;font-variant-numeric:tabular-nums}
.ceo-week-today{padding:2px 7px;border-radius:5px;background:#e7f1ec;color:#326b53;font-size:10px}
.ceo-week-day.is-today h3>span:first-child{color:#245e46}
.ceo-week-task{display:flex;align-items:center;gap:5px;padding:6px 0;min-width:0}
.ceo-week-check{display:grid;place-items:center;min-width:44px;height:44px;flex:0 0 44px;cursor:pointer}
.ceo-week-check input{width:20px;height:20px;accent-color:#369472;cursor:pointer;margin:0}
.ceo-week-task-open{display:block;flex:1;min-width:0;min-height:44px;background:none;border:0;text-align:left;padding:5px 3px;color:#252e38;border-radius:5px}
.ceo-week-task-open:hover{background:#f6f8f7}
.ceo-week-task-open strong{display:block;font-size:13px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}
.ceo-week-task-meta{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;color:#747e8b;margin-top:3px;line-height:1.5}
.ceo-week-task-meta .is-complete{color:#2f7b56}
.ceo-week-task-meta .is-overdue{color:#b04754}
.ceo-week-task.is-done strong,.ceo-week-task.is-cancelled strong{color:#7a838c;text-decoration:line-through}
.ceo-week-day p.ceo-week-day-empty{margin:5px 0 0;font-size:12px;color:#8b939d}
.ceo-week-overview .ceo-week-agenda{margin-top:16px;min-height:44px}
.ceo-week-empty{padding:20px 12px}
[data-access=viewer] .ceo-week-check{display:none}
@media(min-width:1450px){
  .ceo-overview-layout{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"toolbar toolbar toolbar toolbar toolbar" "metrics metrics metrics metrics metrics" "financial financial financial week week" "invest invest ideas ideas ideas" "footnote footnote footnote footnote footnote"}
}
@media(max-width:1100px){
  .ceo-overview-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"toolbar" "metrics" "financial" "week" "invest" "ideas" "footnote"}
}
@media(max-width:720px){
  .ceo-overview-layout{grid-template-areas:"week" "toolbar" "metrics" "financial" "invest" "ideas" "footnote"}
  .ceo-week-days{max-height:none;overflow:visible;padding-right:0}
  .ceo-week-overview .ceo-card-head h2{font-size:20px}
  .ceo-week-overview .ceo-card-head .ceo-button{min-height:44px}
  .ceo-week-overview p.ceo-week-summary{font-size:13px;margin-bottom:14px}
  .ceo-week-day h3{font-size:13px}
  .ceo-week-task-open strong{font-size:14px}
  .ceo-week-task-meta{font-size:12px}
  .ceo-week-day p.ceo-week-day-empty{font-size:13px}
}
