/* My work module styles (foundation worker). Scoped under .gch-m-mywork. */

.gch-m-mywork .gch-phead .meta b.mw-me{color:var(--o-txt);font-weight:700}
.gch-m-mywork .mw-late{color:var(--danger);font-weight:600}

/* The page scrolls as one (DEV-339): the strip, then the whole list under it, with the list's column headings held
   at the top. A list that kept its own scroller under the strip had almost no height left on a laptop. */
.gch-m-mywork .gch-split,.gch-m-mywork .gch-list,.gch-m-mywork .gch-pane{flex:none;min-height:auto}
.gch-m-mywork .gch-pane{overflow:visible}

/* Next 14 days: the shared strip (GCH.ui.dayStrip; its styles are in css/home.css), same as Home. */
.gch-m-mywork .mw-strip{padding-top:0;padding-bottom:var(--s2)}
/* One strip column opened from a day, Overdue or Later heading */
.gch-m-mywork .mw-dayf{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);margin:0 var(--gut) var(--s3);padding:6px var(--s2) 6px var(--s3);background:var(--bg2);border:1px solid var(--line)}
.gch-m-mywork .mw-dayf .t{font-weight:600}
.gch-m-mywork .mw-dayf .btn{margin-left:auto}

/* list */
.gch-m-mywork .mw-tool{display:inline-flex;align-items:center;gap:var(--s2);color:var(--ink2);vertical-align:middle}
.gch-m-mywork .mw-tool .i{width:16px;height:16px;color:var(--mid)}
/* The Tool column is its icon (the rail's own, named in its tooltip) until the list is wide enough for the word, and
   a title wraps under itself instead of being cut, so the title keeps the width on a laptop (FX1). */
.gch-m-mywork .mw-tool .lbl{display:none}
@container gchlist (min-width:1500px){.gch-m-mywork .mw-tool .lbl{display:inline}}
/* On a laptop the Tool column yields (the number names the tool, and Filter and Group by still offer it), so the
   list does not scroll sideways and the status is not cut. */
@container gchlist (max-width:1200px){.gch-m-mywork .gch-list .c-tool{display:none}.gch-m-mywork .gch-pane :is(th,td).c-number{padding-left:var(--gut)}}
.gch-m-mywork .gch-pane td.is-primary{white-space:normal;line-height:1.3;padding-top:6px;padding-bottom:6px}
.gch-m-mywork .gch-pane td.is-primary .cell-main{overflow:visible}
.gch-m-mywork tr.is-waiting .c-title .cell-main{color:var(--ink2)}
.gch-m-mywork .mw-g-overdue{color:var(--danger)}
.gch-m-mywork .mw-g-waiting{color:var(--mid)}
