/* Страница: plan */

.week-grid{
  display: grid;
  
  
  align-items: stretch;

  grid-template-columns: 42px repeat(7,minmax(68px,1fr));
  gap: 3px;
}

.week-head,.time-cell,.week-cell{
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  
  
  
  text-align: center;
  
  color: var(--text);

  border: 1px solid var(--line);
  border-radius: 6px;
  min-height: 32px;
  padding: 5px 3px;
  background: var(--surface-2);
}

.week-cell.work{
  background: #0f4971;
}

.week-cell.request{
  background: #11314c;
}

.holiday,.mini-day.holiday,.day-head.holiday,.week-head.holiday,.day-card.holiday{
  border-color: #a84558;
  background: #5b1d31;
  color: #fff7fb;
}

.week-cell.holiday{
  border-color: #a84558;
}

.week-head.holiday,.mini-day.holiday,.day-card.holiday{
  background: #5b1d31;
}

.week-cell.holiday.work,.week-cell.holiday.request,.week-cell.holiday.lunch{
  background: #5b1d31;
}

.plan-calendar{
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 8px;
  align-items: stretch;
}

.plan-weekday{
  min-height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--text-2);
  
  

  background: var(--surface-2);
  font-weight: 600;
  border-color: var(--line);
}

.plan-weekday.weekend{
  color: #ffd9e2;
  background: #32182a;
}

.plan-month{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
  gap: 12px;
}

.day-card{
  min-height: 138px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--line);
  
  padding: 9px 10px;
  text-align: left;
  
  
  box-shadow: none;
  overflow: hidden;

  background: var(--surface-card);
  border-color: var(--line);
  color: var(--text);
  border-radius: 12px;
}

.day-card.empty{
  visibility: hidden;
  pointer-events: none;
}

.day-card.workday{
  border-color: #2d5f85;
}

.day-card.holiday{
  background: #561d32;
}

.day-card b{
  font-size: 15px;
  line-height: 1.05;
}

.day-card span{
  color: #7bd8ff;
  font-size: 12px;
  font-weight: 760;
}

.day-card em{
  color: var(--muted);
  font-style: normal;
  font-size: 11px;
}

.day-card strong{
  display: none;
}

.day-card i{
  display: block;
  margin-top: 1px;
  border: 1px solid rgba(130,210,255,.18);
  border-radius: 6px;
  padding: 3px 6px;
  color: inherit;
  
  font-size: 11px;
  line-height: 1.15;
  font-style: normal;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  background: var(--surface-2);
  border-color: var(--line);
  font-weight: 500;
}

.day-card .more{
  color: #cdefff;
  font-weight: 800;
}

.plan-print-doc{
  font-family: Arial,sans-serif;
  color: #111;
  font-size: 11px;
  line-height: 1.25;
}

.plan-print-doc h1{
  margin: 0 0 8px;
  color: #10223a;
  font-size: 18px;
  text-align: center;
}

.plan-print-doc h2{
  margin: 10px 0 5px;
  color: #10223a;
  font-size: 13px;
  text-transform: uppercase;
}

.plan-print-sign{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 18px;
}

.month-line label,.schedule-tools label{
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 0;
  margin: 0;
  color: var(--text-2);
  font-size: 14px;
  font-weight: 650;
}

.month-line input[type="month"],.schedule-tools input[type="month"]{
  width: 150px;
  height: 38px;
  min-height: 38px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 650;
}

.week-cell{
  
  
  
  
  white-space: pre-line;

  font-weight: 500;
  background: var(--week-empty-bg);
  font-size: 10.5px;
  line-height: 1.25;
}

.week-cell.lunch{
  
  
  

  background: #605232;
  border-color: var(--line);
  color: #fff0cd;
}

.week-cell.manual{
  color: #fff;
  border-color: rgba(255,214,10,.88);
  box-shadow: inset 0 0 0 2px rgba(255,214,10,.70);
}

@media (max-width:980px){
.week-grid{
  
  overflow-x: auto;

  grid-template-columns: 42px repeat(7,minmax(68px,1fr));
  gap: 3px;
}
.plan-calendar{
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.plan-weekday{
  display: none;

  background: var(--surface-2);
  font-weight: 600;
  border-color: var(--line);
}
}

.month-line{display:flex;gap:var(--space-2);flex-wrap:wrap
  justify-content: flex-start;
  align-items: center;
}.month-line>*{min-height:38px}.day-card i{font-style:normal
  background: var(--surface-2);
  border-color: var(--line);
  font-weight: 500;
}.day-card.holiday{background:rgba(145,31,69,.36);border-color:rgba(255,92,141,.72)}.day-card.workday{background:var(--surface-card)}

.week-head {min-height:86px;gap:3px;background:var(--surface-2)}
.time-cell {border-color:transparent;background:transparent}
.week-cell.workday.work {background:var(--week-work-bg)}
.week-cell.workday.request {background:var(--week-request-bg)}
.week-cell.workday.empty {background:var(--week-empty-bg);border-color:var(--line)}
.week-head.workday {background:var(--surface-2);border-color:var(--line)}
.week-panel {overflow:auto}
.week-panel .week-grid {min-width:540px}
.day-card span {color:var(--accent)}