/* Calendar (T4b; views, tasks and filters B3). Scoped under .gch-m-calendar; the popovers and dialogs live in
   #gch-layer, so their rules (.cl-pop, .cl-fpop, .cl-jump, .cl-task-dlg, .cl-task-form) are prefixed instead.
   Month, Three weeks, Week and Day like today's Hub Calendar; an agenda list on a phone. Neutral entries; orange
   only for today and for items in your court. Tasks read as outlined chips with a small box. */

.gch-m-calendar .cl-bar{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);padding:var(--s4) var(--gut) var(--s3)}
.gch-m-calendar .cl-nav{display:inline-grid;place-items:center;width:36px;height:36px;color:var(--ink2);border:1px solid transparent;text-decoration:none}
.gch-m-calendar .cl-nav:hover{border-color:var(--edge);background:var(--bg3);color:var(--ink)}
.gch-m-calendar .cl-title{min-width:196px;text-align:center;font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:-.01em}
.gch-m-calendar .cl-title button{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;background:none;border:1px solid transparent;font:inherit;letter-spacing:inherit;color:var(--ink);cursor:pointer;white-space:nowrap}
.gch-m-calendar .cl-title button .i{width:16px;height:16px;color:var(--mid)}
.gch-m-calendar .cl-title button:hover,.gch-m-calendar .cl-title button[aria-expanded="true"]{border-color:var(--edge);background:var(--bg3)}
.gch-m-calendar .cl-meta{flex:1 1 auto;min-width:0;margin-left:var(--s2);font-size:13px;color:var(--mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gch-m-calendar .cl-meta b{color:var(--o-txt);font-weight:700}
.gch-m-calendar .cl-right{flex:none;margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2)}
.gch-m-calendar .cl-filter{max-width:280px;border-color:var(--line2)}
.gch-m-calendar .cl-filter span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-calendar .cl-filter .i{width:16px;height:16px;color:var(--mid)}
.gch-m-calendar .cl-filter.is-on{border-color:var(--edge)}
.gch-m-calendar .cl-today{border-color:var(--line2)}
.gch-m-calendar .cl-seg{display:flex}
.gch-m-calendar .cl-seg a{display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid var(--line2);color:var(--ink2);font-size:13px;text-decoration:none;white-space:nowrap}
.gch-m-calendar .cl-seg a + a{border-left:0}
.gch-m-calendar .cl-seg a:hover{color:var(--ink);background:var(--bg3)}
.gch-m-calendar .cl-seg a[aria-current="true"]{border:1px solid var(--o);color:var(--ink);font-weight:600}
.gch-m-calendar .cl-seg a[aria-current="true"] + a{border-left:0}

.gch-m-calendar .cl-key{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:6px var(--s2);padding:0 var(--gut) var(--s3)}
.gch-m-calendar .cl-key .lbl{margin-right:4px}
.gch-m-calendar .cl-kbtn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:none;border:1px solid var(--line2);color:var(--ink2);font-size:12.5px;cursor:pointer;white-space:nowrap}
.gch-m-calendar .cl-kbtn:hover{border-color:var(--edge);color:var(--ink)}
.gch-m-calendar .cl-kbtn i{display:inline-block;width:3px;height:12px;background:var(--edge)}
.gch-m-calendar .cl-kbtn.is-mine i{background:var(--o)}
.gch-m-calendar .cl-kbtn.is-wait i{background:var(--line2)}
.gch-m-calendar .cl-kbtn.is-task i{width:9px;height:9px;background:none;border:1px solid var(--ink2)}
.gch-m-calendar .cl-kbtn.is-meet i{background:var(--ink2)}
.gch-m-calendar .cl-kbtn.is-ms i{width:8px;height:8px;background:var(--ink);transform:rotate(45deg)}
.gch-m-calendar .cl-kbtn[aria-pressed="false"]{color:var(--mid);border-style:dashed}
.gch-m-calendar .cl-kbtn[aria-pressed="false"] i{opacity:.3}
.gch-m-calendar .cl-jobchip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 2px 0 10px;border:1px solid var(--edge);font-size:12.5px}
.gch-m-calendar .cl-jobchip a{display:grid;place-items:center;width:24px;height:24px;color:var(--mid);font-size:15px;text-decoration:none}
.gch-m-calendar .cl-jobchip a:hover{color:var(--danger)}

.gch-m-calendar .cl-body{padding:0 var(--gut) var(--s6)}
.gch-m-calendar .cl-none{padding:var(--s3) 0 0;font-size:13.5px;color:var(--mid)}
.gch-m-calendar .cl-review{margin-top:var(--s6)}
.gch-m-calendar .cl-review h2{font-size:15px;font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--line2)}

/* ------------------------------------------------------------------ Month and Three weeks */
.gch-m-calendar .cl-grid{border:1px solid var(--line2);background:var(--bg)}
.gch-m-calendar .cl-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line2);background:var(--bg)}
.gch-m-calendar .cl-dow span{padding:0 12px;line-height:36px;font-size:12.5px;font-weight:600;color:var(--mid)}
.gch-m-calendar .cl-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:124px;border-bottom:1px solid var(--line)}
.gch-m-calendar .cl-grid.is-three .cl-week{min-height:216px}
.gch-m-calendar .cl-week:last-child{border-bottom:0}
.gch-m-calendar .cl-day{position:relative;min-width:0;padding:6px 6px 8px;border-left:1px solid var(--line)}
.gch-m-calendar .cl-day:first-child{border-left:0}
.gch-m-calendar .cl-day.is-other{background:var(--bg2)}
.gch-m-calendar .cl-day.is-other .cl-dn b{color:var(--mid)}
.gch-m-calendar .cl-day.is-today{background:var(--bg2);box-shadow:inset 0 2px 0 var(--o)}
.gch-m-calendar .cl-dn{position:relative;z-index:1;display:inline-flex;align-items:baseline;gap:6px;padding:0 0 6px}
.gch-m-calendar .cl-dl{padding:2px 6px;text-decoration:none;color:var(--ink)}
.gch-m-calendar .cl-dl:hover{background:var(--bg3);text-decoration:underline;text-underline-offset:2px}
.gch-m-calendar .cl-dn b{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.gch-m-calendar .cl-day.is-today .cl-dn b,.gch-m-calendar .tdy{color:var(--o-txt)}
.gch-m-calendar .tdy{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
/* Blank space: a transparent button behind the entries opens Add task on that date (and hour) */
.gch-m-calendar .cl-slot{position:absolute;inset:0;z-index:0;width:100%;padding:0;background:none;border:0;cursor:pointer}
.gch-m-calendar .cl-slot:hover{background:color-mix(in srgb,var(--bg3) 55%,transparent)}
.gch-m-calendar .cl-slot:hover::after{content:"+";position:absolute;right:8px;top:4px;font-size:16px;line-height:1;color:var(--mid)}
.gch-m-calendar .cl-slot:focus-visible{outline-offset:-2px}
.gch-m-calendar .cl-evs{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;pointer-events:none}
.gch-m-calendar .cl-evs > *{pointer-events:auto}
.gch-m-calendar .cl-ev,.cl-pop .cl-ev{display:flex;align-items:baseline;gap:5px;width:100%;min-width:0;padding:3px 6px 3px 8px;font:inherit;font-size:12px;line-height:1.3;color:var(--ink);text-align:left;text-decoration:none;background:var(--bg3);border:0;box-shadow:inset 2px 0 0 var(--edge);white-space:nowrap;overflow:hidden;cursor:pointer}
.gch-m-calendar .cl-ev:hover{background:var(--tag-bg)}
.gch-m-calendar .cl-ev .tm{flex:none;color:var(--mid);font-size:11.5px;font-variant-numeric:tabular-nums}
.gch-m-calendar .cl-ev .jn{flex:none;color:var(--ink2);font-weight:600;font-variant-numeric:tabular-nums}
.gch-m-calendar .cl-ev .nb{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-variant-numeric:tabular-nums}
.gch-m-calendar .cl-ev .tt{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis}
.gch-m-calendar .cl-ev .lt{flex:none;font-size:11px;font-weight:600;color:var(--danger)}
.gch-m-calendar .cl-ev.is-mine{box-shadow:inset 2px 0 0 var(--o)}
.gch-m-calendar .cl-ev.is-wait{color:var(--ink2);box-shadow:inset 2px 0 0 var(--line2)}
.gch-m-calendar .cl-ev.is-meet{background:transparent;box-shadow:inset 2px 0 0 var(--ink2)}
.gch-m-calendar .cl-ev.is-meet:hover,.gch-m-calendar .cl-ev.is-ms:hover{background:var(--bg3)}
.gch-m-calendar .cl-ev.is-ms{background:transparent;box-shadow:none;font-weight:600;padding-left:4px}
.gch-m-calendar .cl-ev.is-task{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line2)}
.gch-m-calendar .cl-ev.is-task.is-mine{box-shadow:inset 2px 0 0 var(--o),inset 0 0 0 1px var(--line2)}
.gch-m-calendar .cl-ev.is-task:hover{background:var(--bg3)}
.gch-m-calendar .cl-ev.is-task.is-done .tt,.cl-pop .cl-row.is-done .tt,.gch-m-calendar .cl-row.is-done .tt{text-decoration:line-through;color:var(--mid)}
.gch-m-calendar .cl-ev[draggable="true"]{cursor:grab}
.gch-m-calendar .box,.cl-pop .box{flex:none;display:inline-block;width:8px;height:8px;border:1px solid var(--ink2);align-self:center}
.gch-m-calendar .dia,.cl-pop .dia{flex:none;display:inline-block;width:7px;height:7px;background:var(--ink);transform:rotate(45deg);align-self:center}
.gch-m-calendar .cl-day.is-past .cl-ev:not(.is-mine){opacity:.62}
.gch-m-calendar .cl-more{align-self:flex-start;padding:2px 6px;background:none;border:0;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer}
.gch-m-calendar .cl-more:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
/* Dragging a task */
.gch-m-calendar.is-dragging .cl-slot{pointer-events:none}
.gch-m-calendar .is-dragged{opacity:.45}
.gch-m-calendar .cl-day.is-drop,.gch-m-calendar .cl-cell.is-drop{background:var(--o-tint);box-shadow:inset 0 0 0 1px var(--o)}

/* ------------------------------------------------------------------ Week and Day: All day plus 24 hours */
.gch-m-calendar .cl-body.is-hourly{flex:1 0 auto;min-height:420px;display:flex;flex-direction:column;padding-bottom:var(--s4)}
.gch-m-calendar .cl-hours{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line2)}
.gch-m-calendar .cl-hhead,.gch-m-calendar .cl-hrow{display:grid;grid-template-columns:64px repeat(var(--cl-n),minmax(0,1fr))}
.gch-m-calendar .cl-hhead{flex:none;border-bottom:1px solid var(--line2)}
.gch-m-calendar .cl-hd{display:flex;align-items:baseline;gap:6px;padding:0 10px;line-height:38px;border-left:1px solid var(--line);font-size:12.5px;color:var(--ink2);text-decoration:none;white-space:nowrap;overflow:hidden}
.gch-m-calendar .cl-hd .dw{font-weight:600;color:var(--mid)}
.gch-m-calendar .cl-hd b{font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.gch-m-calendar .cl-hd.is-today{box-shadow:inset 0 2px 0 var(--o)}
.gch-m-calendar .cl-hd.is-today b,.gch-m-calendar .cl-hd.is-today .dw{color:var(--o-txt)}
.gch-m-calendar .cl-hd:hover b{text-decoration:underline;text-underline-offset:2px}
.gch-m-calendar .cl-hscroll{flex:1 1 0;min-height:360px;max-height:calc(100vh - 250px);overflow-y:auto;position:relative}
.gch-m-calendar .cl-hrow{border-bottom:1px solid var(--line)}
.gch-m-calendar .cl-hrow:last-child{border-bottom:0}
.gch-m-calendar .cl-hrow.is-all{position:sticky;top:0;z-index:3;background:var(--bg);border-bottom:1px solid var(--line2)}
.gch-m-calendar .cl-tl{padding:6px 8px 0 0;text-align:right;font-size:11.5px;color:var(--mid);font-variant-numeric:tabular-nums;white-space:nowrap}
.gch-m-calendar .cl-hrow.is-all .cl-tl{padding-top:10px;font-weight:600}
.gch-m-calendar .cl-cell{position:relative;min-width:0;min-height:44px;padding:4px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.gch-m-calendar .cl-hrow.is-all .cl-cell{min-height:48px;max-height:176px;overflow-y:auto;overscroll-behavior-y:contain;background:var(--bg)}
.gch-m-calendar .cl-hours.is-day .cl-hrow.is-all .cl-cell{max-height:264px}
.gch-m-calendar .cl-cell.is-today{background:color-mix(in srgb,var(--bg2) 70%,transparent)}
.gch-m-calendar .cl-cell > .cl-ev,.gch-m-calendar .cl-cell > .cl-row{position:relative;z-index:1;flex:none}
.gch-m-calendar .cl-hrow[data-hour="7"] .cl-cell,.gch-m-calendar .cl-hrow[data-hour="17"] .cl-cell{border-top:0}
.gch-m-calendar .cl-hours.is-day .cl-cell{padding:4px 8px}
.gch-m-calendar .cl-hours.is-day .cl-row{min-height:36px;padding:4px 8px 4px 10px;background:var(--bg3)}
.gch-m-calendar .cl-hours.is-day .cl-row.is-task{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line2)}
.gch-m-calendar .cl-hours.is-day .cl-row.is-task.is-mine{box-shadow:inset 2px 0 0 var(--o),inset 0 0 0 1px var(--line2)}

/* ------------------------------------------------------------------ rows: agenda, "+N more", Day view */
.gch-m-calendar .cl-agenda{display:none}
.gch-m-calendar .cl-aday h2,.cl-pop .cl-pop-h{display:flex;align-items:baseline;gap:var(--s2);padding:var(--s3) 0 6px;border-bottom:1px solid var(--line2);font-size:14px;font-weight:600}
.gch-m-calendar .cl-aday h2 a,.cl-pop .cl-pop-h a{color:var(--ink);text-decoration:none}
.gch-m-calendar .cl-aday h2 a:hover,.cl-pop .cl-pop-h a:hover{text-decoration:underline;text-underline-offset:3px}
.gch-m-calendar .cl-aday h2 .n,.cl-pop .cl-pop-h .n{margin-left:auto;font-size:12.5px;font-weight:400;color:var(--mid)}
.cl-pop{padding:0 var(--s4) var(--s2)}
.gch-m-calendar .cl-row,.cl-pop .cl-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--s2);width:100%;min-height:44px;padding:6px 0 6px 10px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;font-size:13.5px;color:var(--ink);text-align:left;text-decoration:none;box-shadow:inset 2px 0 0 var(--line2);cursor:pointer}
.gch-m-calendar .cl-row:hover,.cl-pop .cl-row:hover{background:var(--bg3)}
.gch-m-calendar .cl-row.is-mine,.cl-pop .cl-row.is-mine{box-shadow:inset 2px 0 0 var(--o)}
.gch-m-calendar .cl-row.is-meet,.cl-pop .cl-row.is-meet{box-shadow:inset 2px 0 0 var(--ink2)}
.gch-m-calendar .cl-row.is-ms,.cl-pop .cl-row.is-ms,.gch-m-calendar .cl-row.is-task:not(.is-mine),.cl-pop .cl-row.is-task:not(.is-mine){box-shadow:none}
.gch-m-calendar .cl-row .k,.cl-pop .cl-row .k{display:grid;place-items:center}
.gch-m-calendar .cl-row .k .i,.cl-pop .cl-row .k .i{width:16px;height:16px;color:var(--mid)}
.gch-m-calendar .cl-row .m,.cl-pop .cl-row .m{display:flex;align-items:baseline;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}
.gch-m-calendar .cl-row .tm,.cl-pop .cl-row .tm{color:var(--mid);font-size:12.5px;font-variant-numeric:tabular-nums}
.gch-m-calendar .cl-row .jn,.cl-pop .cl-row .jn{color:var(--ink2);font-weight:600;font-variant-numeric:tabular-nums}
.gch-m-calendar .cl-row .jname{color:var(--mid);font-size:12.5px;max-width:28%;overflow:hidden;text-overflow:ellipsis}
.gch-m-calendar .cl-row .nb,.cl-pop .cl-row .nb{font-weight:600;font-variant-numeric:tabular-nums}
.gch-m-calendar .cl-row .tt,.cl-pop .cl-row .tt{min-width:0;overflow:hidden;text-overflow:ellipsis}
.gch-m-calendar .cl-row .lt,.cl-pop .cl-row .lt{font-size:12px;font-weight:600;color:var(--danger)}
.gch-m-calendar .cl-row .pill,.cl-pop .cl-row .pill{font-size:10.5px}
.gch-m-calendar .cl-row[draggable="true"]{cursor:grab}

/* ------------------------------------------------------------------ popovers: filter menu and date picker */
.cl-fpop{display:flex;flex-direction:column;padding:var(--s2) 0}
.cl-fpop .cl-fo{display:flex;align-items:baseline;gap:var(--s2);min-height:36px;padding:8px var(--s4);font-size:13.5px;color:var(--ink);text-decoration:none}
.cl-fpop .cl-fo:hover{background:var(--bg3)}
.cl-fpop .cl-fo.is-on{box-shadow:inset 2px 0 0 var(--o);font-weight:600}
.cl-fpop .cl-fo .mid{margin-left:auto;font-size:12px;white-space:nowrap}
.cl-fpop .cl-fo .jobref{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-fpop .cl-fs{display:flex;flex-direction:column;gap:6px;padding:var(--s3) var(--s4) var(--s2);margin-top:var(--s2);border-top:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink2)}
.cl-fpop .cl-fs input{width:100%}
.cl-fpop .cl-fjobs{max-height:300px;overflow-y:auto}
.cl-fpop .cl-fnone{padding:var(--s2) var(--s4);font-size:13px;color:var(--mid)}
.cl-jump{padding:var(--s4)}
.cl-jump .gch-form.cl-jumpf{grid-template-columns:72px minmax(0,1fr) 88px;gap:var(--s3)}
.cl-jump .gch-form.cl-jumpf .ff{grid-column:auto}
.cl-jump .gch-form.cl-jumpf .cl-err,.cl-jump .gch-form.cl-jumpf .ff-bar{grid-column:1 / -1}
.cl-jump .ff-bar{display:flex;justify-content:flex-end}
.cl-err{font-size:12.5px;font-weight:600;color:var(--danger)}
.cl-err:empty{display:none}

/* ------------------------------------------------------------------ task dialogs */
.cl-task-form .cl-hint{grid-column:1 / -1;margin:0;font-size:12.5px;color:var(--mid)}
.cl-task-form .cl-err{grid-column:1 / -1}
.cl-task-form .ff-multi{display:block}
.cl-task-form .ff-multi legend{float:left;width:100%;padding:0}
.cl-tags{clear:both;border:1px solid var(--line2);background:var(--field)}
.cl-tags > summary{display:flex;align-items:center;gap:var(--s2);min-height:36px;padding:0 var(--s3);list-style:none;cursor:pointer;font-size:13.5px}
.cl-tags > summary::-webkit-details-marker{display:none}
.cl-tags > summary .v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.cl-tags > summary .i{width:16px;height:16px;color:var(--mid);transition:transform var(--t-hover) var(--ease)}
.cl-tags[open] > summary .i{transform:rotate(180deg)}
.cl-tags > summary:hover{background:var(--bg3)}
.cl-tags-p{padding:var(--s2) var(--s3) var(--s3);border-top:1px solid var(--line)}
.cl-tags-p input[type=search]{width:100%;margin-bottom:var(--s2)}
.cl-tags-o{display:flex;flex-direction:column;max-height:196px;overflow-y:auto}
.cl-tags-o .ff-check{min-height:30px;font-size:13.5px}
.cl-tags-o .ff-check small{margin-left:auto;padding-left:var(--s2);font-size:11.5px;color:var(--mid)}
.cl-tags-none{font-size:13px;color:var(--mid)}
.cl-task-dlg .dlg-f .btn:first-child{margin-right:auto;color:var(--danger)}
.cl-td{display:flex;flex-direction:column;gap:var(--s2)}
.cl-td-when{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.cl-td-when .pill{margin-left:6px;vertical-align:1px}
.cl-td-when .lt{margin-left:6px;font-size:12.5px;font-weight:600;color:var(--danger)}
.cl-td-vis{font-size:13px;color:var(--mid)}
.cl-td-notes{padding:var(--s2) 0;font-size:14px;line-height:1.5;white-space:pre-wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cl-td-facts{display:flex;flex-direction:column;gap:6px;margin:var(--s2) 0 0}
.cl-td-facts > div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:var(--s3);font-size:13.5px}
.cl-td-facts dt{color:var(--mid)}
.cl-td-facts dd{margin:0}
.cl-td-facts a{color:var(--ink);text-decoration:none;line-height:1.7}
.cl-td-facts a:hover .nm{text-decoration:underline;text-underline-offset:2px}

@media (max-width:1100px){
  .gch-m-calendar .cl-meta{display:none}
  .gch-m-calendar .cl-right{margin-left:0;width:100%}
}
@media (max-width:759px){
  .gch-m-calendar .cl-body:not(.is-day) .cl-grid,.gch-m-calendar .cl-body.is-week .cl-hours{display:none}
  .gch-m-calendar .cl-body:not(.is-day) .cl-agenda{display:block}
  .gch-m-calendar .cl-body.is-week{min-height:0}
  .gch-m-calendar .cl-title{min-width:0;font-size:19px;flex:1}
  .gch-m-calendar .cl-title button{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .gch-m-calendar .cl-right{gap:6px}
  .gch-m-calendar .cl-right .btn-p span,.gch-m-calendar .cl-filter > span{display:none}
  .gch-m-calendar .cl-seg{order:5;width:100%}
  .gch-m-calendar .cl-seg a{flex:1;justify-content:center;padding:0 6px}
  /* DEV-356 WS6-E: the Show chips fade at the right edge, as Settings' tabs do, so they read as a strip that scrolls. */
  .gch-m-calendar .cl-key{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .gch-m-calendar .cl-key > :last-child{margin-right:48px}
  .gch-m-calendar .cl-hscroll{max-height:none}
  .gch-m-calendar .cl-hours.is-day .cl-row .jname{display:none}
  .gch-m-calendar .cl-hhead,.gch-m-calendar .cl-hrow{grid-template-columns:48px repeat(var(--cl-n),minmax(0,1fr))}
  .gch-m-calendar .cl-row,.cl-pop .cl-row{grid-template-columns:20px minmax(0,1fr);row-gap:4px}
  .gch-m-calendar .cl-row .pill,.cl-pop .cl-row .pill{grid-column:2;justify-self:start}
  /* DEV-356 WS6-E: an agenda title takes up to two lines before it is cut. */
  .gch-m-calendar .cl-row .tt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .cl-td-facts > div{grid-template-columns:1fr;gap:0}
}

/* An entry whose tool the viewer cannot open (permissions matrix): the same chip or row, not a link (R1). */
.gch-m-calendar .cl-ev.is-plain,.gch-m-calendar .cl-row.is-plain,.cl-pop .cl-row.is-plain{cursor:default}
.gch-m-calendar .cl-ev.is-plain:hover,.gch-m-calendar .cl-row.is-plain:hover,.cl-pop .cl-row.is-plain:hover{background:transparent}