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

button.primary,.seg.active,.chip.active,.task-tabs button.active{
  color: #fff;
  
  

  background: var(--primary);
  border-color: transparent;
}

.home-layout{
  width: 100%;
  display: grid;
  
  
  align-items: start;

  grid-template-columns: minmax(0,1fr) 292px;
  gap: 18px;
}

.home-main{
  min-width: 0;
  display: grid;
  

  gap: 18px;
}

.metric-grid{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  

  gap: 14px;
}

.metric.blue{
  background: #0d2743;
  border-color: #2c80bd;
}

.metric.teal{
  background: #0d352f;
  border-color: #299d86;
}

.metric.violet{
  background: #291d3f;
  border-color: #8f7cff;
}

.metric>div{
  min-width: 0;
}

.metric span{
  display: block;
  

  font-weight: 500;
  font-size: 12px;
  color: var(--text-2);
}

.metric b{
  display: block;
  
  
  
  
  letter-spacing: -.03em;

  font-size: 38px;
  font-weight: 600;
  margin: 8px 0;
  line-height: 1;
}

.metric em{
  display: block;
  color: var(--text-2);
  font-style: normal;
  

  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
}

.metric-icon svg{
  
  
  stroke: currentColor;
  
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;

  width: 24px;
  height: 24px;
  stroke-width: 1.65;
}

.quick-panel h3{
  

  color: var(--text);
}

.task-tabs{
  display: flex;
  flex-wrap: wrap;
  
  margin-bottom: 10px;

  gap: 4px;
  background: var(--surface-2);
  padding: 4px;
  border-radius: 10px;
}

.event-form{
  display: grid;
  grid-template-columns: 1fr 120px;
  gap: 8px;
  align-items: center;
}

.task-board-v14{
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,360px);
  gap: 12px;
}

.task-left{
  min-width: 0;
  display: grid;
  gap: 12px;
}

.task-period,.task-all{
  border-radius: 16px;
  
  

  background: var(--surface-card);
  padding: 18px;
}

.task-all{
  align-self: start;
  position: sticky;
  top: 0;
}

.kanban{
  display: grid;
  grid-template-columns: repeat(4,minmax(170px,1fr));
  gap: 10px;
}

.kanban.compact{
  grid-template-columns: repeat(4,minmax(150px,1fr));
}

.kanban-col{
  min-height: 126px;
  
  padding: 10px;
  
  box-shadow: none;

  background: var(--surface-2);
  border-radius: 14px;
}

.kanban-col header{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  font-weight: 780;
}

.sticker{
  position: relative;
  margin: 9px 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px;
  color: var(--text);
  background: var(--surface);
  box-shadow: none;
}

.sticker b,.sticker p,.sticker span,.sticker small{
  display: block;
}

.sticker p{
  margin: 6px 0;
}

.task-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}

.task-actions button{
  min-height: 27px;
  padding: 4px 7px;
  color: var(--text);
  border-color: var(--line);
  font-size: 11px;
  background: var(--surface-2);
}

.metric{
  
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  
  
  
  backdrop-filter: none;
  filter: none;
  opacity: 1;

  background: var(--surface-card);
  box-shadow: none;
  padding: 20px;
  border-radius: 16px;
  min-height: 146px;
  position: relative;
}

.quick-panel{
  background: linear-gradient(135deg,rgba(70,18,35,.74),rgba(31,12,23,.66));
  border-color: #ff5f87;
  box-shadow: inset 0 0 0 1px rgba(255,120,160,.22);
}

.sticker,.sticker.priority-normal,.sticker.priority-low,.sticker.priority-high,.sticker.priority-urgent{
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 12px;
  
  overflow: hidden;
  background-clip: padding-box;

  box-shadow: none;
}

.sticker::before,.sticker::after{
  content: none;
  display: none;
  width: 0;
  border: 0;
  background: none;
}

.sticker .priority-select,.sticker .task-assignee select{
  
  
  

  background: var(--surface-2);
  border-color: var(--line-strong);
  color: var(--text);
}

.events-panel{
  grid-column: 1/-1;
  max-width: 100%;
  overflow: hidden;
}

.event-input-block,.event-list-block{
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px;
  background: rgba(8,20,34,.56);
  overflow: hidden;
}

.event-list::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

.event-list::-webkit-scrollbar-track{
  background: rgba(8,20,34,.34);
  border-radius: 999px;
}

.event-list::-webkit-scrollbar-thumb{
  background: #4fb7df;
  border-radius: 999px;
}

.event-form-compact{
  display: grid;
  gap: 10px;
  min-width: 0;
  grid-template-columns: minmax(170px,1fr) minmax(150px,.8fr) minmax(145px,.8fr) auto;
  align-items: end;
}

.event-form-compact .event-wide{
  grid-column: 1/-1;
}

.event-item{
  border-radius: 12px;
  padding: 9px;
  background: var(--surface-2);
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.event-item b,.event-item span{
  display: block;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-overflow: clip;
  line-height: 1.18;
}

.events-panel, .event-input-block, .event-list-block{
  box-sizing: border-box;
  overflow: hidden;
}

.events-split{
  display: grid;
  min-width: 0;
  gap: 12px;
  grid-template-columns: minmax(0,1fr) minmax(0,1.08fr);
  align-items: start;
}

.event-form, .event-form-compact{
  max-width: 100%;
  box-sizing: border-box;
}

.event-form-compact label{
  display: grid;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}

.event-form-compact input, .event-form-compact select{
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.event-add-btn{
  width: 100%;
  max-width: 100%;
  white-space: normal;
  line-height: 1.12;
  padding-left: 10px;
  padding-right: 10px;
}

.event-actions{
  gap: 6px;
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
}

.event-actions .small{
  flex: 0 1 auto;
  max-width: 100%;
  white-space: normal;
}

.event-list{
  display: grid;
  gap: 8px;
  overflow: auto;
  scrollbar-color: #55bde7 rgba(8,20,34,.35);
  grid-template-columns: 1fr;
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
  scrollbar-width: thin;
}

.events-panel .event-input-block,
.events-panel .event-list-block,
.events-panel .event-form-compact,
.events-panel .event-form-compact label{
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.events-panel .event-form-compact .event-wide{
  grid-column: 1/-1;
}

.events-panel .event-form-compact input,
.events-panel .event-form-compact select{
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.metric-icon{
  
  
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.18);
  
  color: #fff;
  background: rgba(21,38,61,.88);
  border-color: rgba(150,196,235,.42);
  opacity: 1;
  filter: none;

  width: 36px;
  height: 36px;
  border-radius: 11px;
  box-shadow: none;
}

.events-panel .event-form-compact{
  display: grid;
  gap: 10px;
  align-items: end;
  overflow: hidden;
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.events-panel .event-add-btn{
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  overflow-wrap: anywhere;
  grid-column: 1/-1;
  width: 100%;
}

.events-panel .event-item{
  min-height: auto;
}

.events-panel .event-actions button{
  min-width: 92px;
}

@media (max-width:1320px){
.home-layout{
  

  grid-template-columns: minmax(0,1fr) 292px;
  gap: 18px;
}
.task-board-v14{
  grid-template-columns: 1fr;
}
.task-all{
  position: static;
}
.kanban,.kanban.compact{
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:980px){
.home-layout,.task-board-v14{
  grid-template-columns: 1fr;
}
}

@media (max-width:1250px){
.events-split{
  grid-template-columns: 1fr;
}
.event-form-compact{
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.event-add-btn{
  grid-column: 1/-1;
}
}

@media (max-width:1500px){
.event-form-compact{
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.event-add-btn{
  grid-column: 1/-1;
}
}

@media (max-width:1180px){
.events-split{
  grid-template-columns: 1fr;
}
}

@media (max-width:1300px){
.events-panel .event-form-compact{
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:900px){
.events-panel .event-form-compact{
  grid-template-columns: 1fr;
}
}

.metric{
  box-shadow: none;
  padding: 20px;
  border-radius: 16px;
  min-height: 146px;
  position: relative;
}.metric-icon{
  height: 36px;
  border-radius: 11px;
  box-shadow: none;
}
body.light .metric-icon{background:color-mix(in srgb,currentColor 9%,transparent);border-color:color-mix(in srgb,currentColor 22%,transparent);box-shadow:none}
.events-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.event-form-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.event-form-compact .event-wide,.event-add-btn{grid-column:1/-1}.event-add-btn{width:100%}.event-item,.event-actions{min-width:0;max-width:100%}.event-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.week-cell.empty,.week-cell.holiday.empty,.week-cell.weekend.empty{border-color:inherit;background:inherit}.week-cell .manual-work{display:block}

.metric em span {display:inline;font-size:inherit;font-weight:400}
.metric .metric-icon {position:absolute;right:16px;top:16px;background:transparent;border:0;color:var(--text-2)}
.metric>div {padding-top:0;max-width:100%}
.metric span:first-child {padding-right:28px}
.task-tabs button {flex:1;min-width:0;border:0;min-height:28px;padding:5px 8px;font-size:11px;background:transparent;color:var(--muted);box-shadow:none}
.task-tabs button.active {background:var(--control);color:var(--text);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.quick-panel {position:relative;padding:22px}
.quick-panel h3 {font-size:20px}
.quick-panel .form-row {gap:8px}
.quick-panel .quick-result {font-size:12px;line-height:1.5}
.mini-tasks h3 {margin-bottom:16px}
@media(max-width:1366px){.home-layout{grid-template-columns:minmax(0,1fr) 254px;gap:14px}.home-main{gap:14px}.metric-grid{gap:10px}.metric{padding:16px;min-height:142px}.metric .metric-icon{right:10px;top:12px;width:26px;height:26px}.metric b{font-size:34px}.panel{padding:16px}.week-toolbar{align-items:flex-start}.week-toolbar>div{justify-content:flex-start}}
@media(max-width:1180px){.home-layout{grid-template-columns:minmax(0,1fr)}.right-column{grid-template-columns:1fr 1fr;align-items:start}.metric{min-height:130px}}
@media(max-width:760px){.metric-grid{grid-template-columns:1fr}.metric{min-height:100px}.right-column{grid-template-columns:1fr}.quick-panel .form-row{flex-wrap:wrap}}