.hg1810-attendance-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.hg1810-attendance-actions,
.hg1810-attendance-calendar{
  min-width:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#0a1425;
}
.hg1810-attendance-actions h3{
  margin:0 0 12px;
  font-size:18px;
}
.hg1810-attendance-actions .hg1734-attendance-top{
  grid-template-columns:1fr;
}
.hg1810-attendance-actions .hg1734-savebar{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.hg1810-attendance-actions .hg1734-savebar .btn:first-child,
.hg1810-attendance-actions .hg1734-preview{
  grid-column:1/-1;
}
.hg1810-attendance-actions .hg1734-preview{
  min-width:0;
}
.hg1810-note{margin-top:12px}
.hg1810-note>summary{cursor:pointer}
.hg1810-note>div{margin-top:8px}
.hg1810-month-picker{margin-bottom:8px}
.hg1810-attendance-calendar .hg1734-monthbar{
  grid-template-columns:42px minmax(92px,1fr) minmax(76px,.8fr) 42px;
  gap:6px;
  max-width:430px;
  margin:0 auto;
}
.hg1810-attendance-calendar .hg1734-monthbar .btn{padding:7px}
.hg1810-attendance-calendar .hg1734-summary{
  margin:8px 0;
}
.hg1810-attendance-calendar #calendar.v1681-calendar{
  max-width:520px;
  gap:3px!important;
}
.hg1810-attendance-calendar #calendar .v1681-week{
  padding:2px 1px;
  font-size:10px;
}
.hg1810-attendance-calendar #calendar .v1681-empty{min-height:42px}
.hg1810-attendance-calendar #calendar .v1681-day,
.hg1810-attendance-calendar #calendar .day{
  min-height:46px!important;
  padding:4px!important;
  border-radius:7px!important;
}
.hg1810-attendance-calendar #calendar .v1681-daynum,
.hg1810-attendance-calendar #calendar .day>b{font-size:15px}
.hg1810-attendance-calendar #calendar .v1681-daylabel,
.hg1810-attendance-calendar #calendar .day .small{font-size:7px}
@media(min-width:901px){
  .hg1810-attendance-actions,
  .hg1810-attendance-calendar{height:100%}
}
@media(max-width:900px){
  .hg1810-attendance-layout{grid-template-columns:1fr}
  .hg1810-attendance-calendar #calendar.v1681-calendar{max-width:none}
}
@media(max-width:600px){
  .hg1810-attendance-actions,
  .hg1810-attendance-calendar{padding:10px}
}