/* Monthly day inspector: the same hour-axis/employee-lane grammar as the
   weekly detailed planner, scoped to one selected day. */
#content .mdt{margin:0;min-width:0;}
#content .mdt-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:4px 0 12px;}
#content .mdt-title>div{display:grid;gap:4px;min-width:0;}
#content .mdt-title h4{margin:0;font-size:15px;line-height:1.3;color:var(--ink);font-weight:780;}
#content .mdt-title small{font-size:11px;line-height:1.4;color:var(--ink-3);}
#content .mdt-date-label{font-size:12px;font-weight:760;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;}
#content .mdt-scroller{
  max-width:100%;overflow-x:auto;overflow-y:visible;
  border:1px solid var(--line);border-radius:11px;background:var(--surface);
  overscroll-behavior-x:contain;scrollbar-color:var(--line-strong) transparent;
}
#content .mdt-scroller:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;}
#content .mdt-grid{
  display:grid;grid-template-columns:60px repeat(var(--mdt-count),minmax(0,1fr));
  grid-template-rows:55px var(--mdt-height);width:100%;
  background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;
}
#content .mdt-corner,#content .mdt-colhead{
  min-width:0;display:flex;align-items:center;justify-content:center;
  min-height:55px;border-bottom:1px solid var(--line-strong);
  background:var(--surface-raised);
}
#content .mdt-corner{
  position:sticky;left:0;z-index:6;
  border-right:1px solid var(--line-strong);
  font-size:11px;color:var(--ink-3);font-weight:750;
}
#content .mdt-colhead{
  display:flex;flex-direction:column;gap:4px;
  text-align:center;padding:7px 4px;border-right:1px solid var(--line);
}
#content .mdt-colhead:last-of-type{border-right:0;}
#content .mdt-colhead i{display:block;width:46%;height:5px;min-width:25px;max-width:80px;border-radius:6px;}
#content .mdt-colhead b{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px;font-weight:760;color:var(--ink-1,var(--ink));
}
#content .mdt-axis{
  position:sticky;left:0;z-index:5;height:var(--mdt-height);
  border-right:1px solid var(--line-strong);
  background:var(--surface-raised);
}
#content .mdt-tick{
  position:absolute;right:7px;transform:translateY(-50%);
  font-size:11px;line-height:1.1;font-weight:700;color:var(--ink-3);
  white-space:nowrap;pointer-events:none;
}
#content .mdt-tick:first-child{transform:translateY(0);}
#content .mdt-tick small{display:block;margin-top:2px;font-size:9px;color:var(--brand-strong,var(--brand));text-align:right;}
#content .mdt-lane{
  position:relative;min-width:0;height:var(--mdt-height);border-right:1px solid var(--line);
  background:
    repeating-linear-gradient(to bottom,
      transparent 0 calc(var(--mdt-hour) - 1px),
      var(--line) calc(var(--mdt-hour) - 1px) var(--mdt-hour)),
    color-mix(in srgb,var(--surface) 94%,var(--surface-inset));
}
#content .mdt-lane:last-child{border-right:0;}
#content .mdt-block{
  position:absolute;left:7px;right:7px;min-width:0;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:5px;overflow:hidden;
  padding:8px 5px;border:1px solid var(--mdt-color);
  border-left:4px solid var(--mdt-color);border-radius:7px;
  background:color-mix(in srgb,var(--mdt-color) 23%,var(--surface));
  color:var(--ink);font:inherit;text-align:center;cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
#content .mdt-block b{font-size:11px;line-height:1.25;font-weight:800;overflow-wrap:anywhere;}
#content .mdt-block small{font-size:10px;line-height:1.2;font-weight:620;color:var(--ink-2);}
#content .mdt-block.is-night{border-style:solid;background:color-mix(in srgb,var(--mdt-color) 30%,var(--surface));}
#content .mdt-block.is-carry{border-style:dashed;background:color-mix(in srgb,var(--mdt-color) 16%,var(--surface));}
#content .mdt-block.is-short{padding:1px 3px;justify-content:center;gap:0;}
#content .mdt-block.is-short b{font-size:10px;}
#content .mdt-block:hover{z-index:3;filter:brightness(1.06);box-shadow:0 0 0 2px var(--mdt-color);}
#content .mdt-block:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;z-index:4;}
#content .mdt-footer{font-size:11px;line-height:1.5;color:var(--ink-3);margin:9px 0 14px;}
:root[data-theme="dark"] #content .mdt-block{
  background:color-mix(in srgb,var(--mdt-color) 25%,var(--surface));
  color:var(--ink);
}
:root[data-theme="dark"] #content .mdt-block.is-carry{
  background:color-mix(in srgb,var(--mdt-color) 16%,var(--surface));
}
@media(max-width:610px){
  #content .mdt-title{align-items:start;}
  #content .mdt-date-label{font-size:10px;}
  #content .mdt-block{left:4px;right:4px;padding:7px 3px;}
  #content .mdt-block b{font-size:10px;}
  #content .mdt-grid{grid-template-columns:52px repeat(var(--mdt-count),minmax(0,1fr));}
}
@media(prefers-reduced-motion:reduce){#content .mdt-block{transition:none;}}