.hd-page{--hd: #2e86c1}.hd-bar{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}.hd-check{min-height: 36px}.hd-note{margin: 0 0 12px}.hd-stg{align-items: center;gap: 8px}.hd-teams{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr));gap: 16px;margin-top: 16px}.hd-team{min-width: 0;border-top: 3px solid var(--team,var(--hd))}.hd-team.mine{--team: var(--accent)}.hd-team-name{display: flex;align-items: center;gap: 8px;min-width: 0}.hd-team-dot{display: inline-block;width: 10px;height: 10px;border-radius: 50%;flex: 0 0 auto;background: var(--team,var(--hd))}.hd-stats{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}.hd-stat{display: grid;gap: 2px;padding: 10px 12px;border: 1px solid var(--line);border-radius: var(--r);background: var(--panel-2);color: inherit;text-decoration: none;min-width: 0}.hd-stat:hover{border-color: var(--accent)}.hd-stat-n{font-size: 24px;font-weight: 800;font-variant-numeric: tabular-nums;line-height: 1.1}.hd-stat-l{font-size: 12.5px;color: var(--muted)}.hd-stat.zero .hd-stat-n{color: var(--muted);font-weight: 600}.hd-stat.tone-warn .hd-stat-n{color: var(--warn-ink)}.hd-stat.tone-danger .hd-stat-n{color: var(--danger-ink)}.hd-dot{display: inline-block;width: 12px;height: 12px;border-radius: 50%;flex: 0 0 auto;background: var(--info);border: 2px solid var(--panel);box-shadow: 0 0 0 1px var(--line)}.hd-dot.st-done{background: var(--ok)}.hd-dot.st-blocked{background: var(--danger)}.hd-stars{display: inline-flex;gap: 1px;color: var(--line);vertical-align: middle}.hd-star{display: inline-grid;place-items: center;background: transparent;border: 0;padding: 0;color: inherit}.hd-star.on{color: var(--warn-ink)}.hd-star.on svg{fill: currentColor}.hd-stars.edit .hd-star{width: 32px;height: 32px;cursor: pointer;border-radius: 8px}.hd-stars.edit .hd-star:hover{background: var(--panel-3)}.hd-tags{display: flex;flex-wrap: wrap;gap: 4px}.hd-tag{--tag: var(--muted);display: inline-block;padding: 1px 8px;border-radius: 999px;font-size: 12px;font-weight: 600;color: var(--ink);border: 1px solid var(--tag);background: color-mix(in srgb,var(--tag) 14%,transparent)}.hd-card{display: grid;gap: 8px;min-width: 0}.hd-card.late{box-shadow: inset 3px 0 0 var(--danger)}[dir="rtl"] .hd-card.late{box-shadow: inset -3px 0 0 var(--danger)}.hd-card.closed{opacity: .85}.hd-card-top{display: flex;align-items: center;gap: 8px}.hd-num{font-variant-numeric: tabular-nums}.hd-card-title{line-height: 1.3;overflow-wrap: anywhere}.hd-card-who{display: flex;align-items: center;gap: 6px;min-width: 0}.hd-card-who span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hd-card-foot{display: flex;align-items: center;gap: 8px;justify-content: space-between}.hd-sla{display: inline-flex;align-items: center;gap: 4px;font-size: 12.5px;color: var(--muted);font-weight: 600}.hd-sla.late,.hd-late{color: var(--danger-ink)}.hd-sla-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}.hd-sla-list li{display: grid;gap: 2px;padding-bottom: 12px;border-bottom: 1px solid var(--line)}.hd-sla-list li:last-child{border-bottom: 0;padding-bottom: 0}.hd-sla-top{display: flex;align-items: center;justify-content: space-between;gap: 8px}.hd-dates{display: grid;grid-template-columns: auto 1fr;gap: 4px 12px;margin: 0}.hd-dates dd{margin: 0}@media (max-width: 720px){.hd-stat-n{font-size: 20px}}.hd-stage-sel{display: none;width: 100%;min-height: 44px;padding-inline: 10px;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--panel-2);color: var(--ink)}@media (max-width: 720px){.hd-stage-sel{display: block}}.hd-seg .seg{display: inline-flex;align-items: center;justify-content: center;min-width: 40px;min-height: 40px}.hd-board[hidden]{display: none}.hd-board-on>.list>:is(.list-body,.list-foot,.bulk-bar,.list-summary){display: none}.hd-board-on>.hd-board{padding: 0 12px 12px;min-width: 0}.hd-kb .kb-col{flex: 1 0 250px;min-width: 230px;max-width: 320px}.hd-card-med{display: flex;align-items: center;gap: 6px;min-width: 0}.hd-card-med>span:not(.ico){flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: start}.hd-card-med>.ico{flex: 0 0 auto;display: inline-flex}@media (max-width: 720px){.hd-board-on>.hd-board{padding: 0 8px 8px}.hd-kb .kb-board{scroll-snap-type: x mandatory;scroll-padding-inline: 4px}.hd-kb .kb-col{flex-basis: 86%;max-width: 86%}}.hd-complaint{display: grid;gap: 12px;min-width: 0}.hd-cmp-title{display: flex;align-items: center;gap: 8px;margin: 0}.hd-cmp-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.hd-cmp-grid .field{min-width: 0}.hd-cmp-batch{display: grid;gap: 4px;min-width: 0}.hd-cmp-batch select{inline-size: 100%;min-block-size: 44px}.hd-cmp-exp{min-height: 1em}.hd-cmp-exp.late{color: var(--danger-ink);font-weight: 600}.hd-cmp-lines{display: grid;gap: 6px}.hd-cmp-chips{display: flex;flex-wrap: wrap;gap: 6px}.hd-cmp-chip{display: inline-flex;align-items: center;gap: 6px;min-height: 40px;padding: 4px 12px;border: 1px solid var(--line);border-radius: 999px;background: var(--panel-2);color: var(--ink);font: inherit;cursor: pointer;transition: border-color .15s,background-color .15s}.hd-cmp-chip small{color: var(--muted)}.hd-cmp-chip:hover{border-color: var(--accent)}.hd-cmp-chip.on{border-color: var(--accent);background: color-mix(in srgb,var(--accent) 12%,var(--panel));font-weight: 600}.hd-cmp-q{display: grid;gap: 6px;justify-items: start}.hd-cmp-q p{margin: 0}.hd-qc-link{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 6px 12px;border: 1px solid var(--line);border-radius: var(--r);background: var(--panel-2);color: inherit;text-decoration: none;transition: border-color .15s}.hd-qc-link:hover{border-color: var(--accent)}.hd-qc-name{font-weight: 700}@media (max-width: 720px){.hd-cmp-grid{grid-template-columns: 1fr}.hd-cmp-grid .span-2{grid-column: auto}}@media (prefers-reduced-motion: reduce){.hd-cmp-chip,.hd-qc-link{transition: none}}.hd-bar .date-pair{display: inline-flex;align-items: center;gap: 6px}[dir="rtl"] .hd-arrow{display: inline-block;transform: scaleX(-1)}@media (max-width: 720px){.hd-bar .chip-select{flex: 1 1 140px;min-width: 0;min-height: 44px}.hd-bar .date-pair{flex: 1 1 100%;display: grid;grid-template-columns: minmax(0,1fr) auto minmax(0,1fr)}.hd-bar .date-in,.hd-bar .date-box{min-width: 0;min-height: 44px}}