.hr32-screen{display:grid;gap:1rem}.hr32-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hr32-toolbar h2{margin:0}.hr32-toolbar p{margin:.35rem 0 0;color:var(--muted,#64748b)}.hr32-type-switch{display:flex;gap:.5rem}.hr32-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.hr32-summary button{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border:1px solid var(--border,#dbe3ee);border-radius:14px;background:var(--panel,#fff);text-align:left}.hr32-summary button strong{font-size:1.5rem}.hr32-summary button span{color:var(--muted,#64748b)}.hr32-summary button.active{border-color:var(--primary,#1557d6);box-shadow:inset 4px 0 0 var(--primary,#1557d6);background:color-mix(in srgb,var(--primary,#1557d6) 7%,var(--panel,#fff))}.hr32-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.hr32-filter input{min-width:0}.hr32-list-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.hr32-list-head h3{display:inline;margin:0 .5rem 0 0}.hr32-list-head span,.hr32-list-head small{color:var(--muted,#64748b)}.hr32-list{display:grid;gap:.75rem}.hr32-card{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(340px,1.6fr) minmax(190px,.8fr) auto;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border,#dbe3ee);border-radius:16px;background:var(--panel,#fff)}.hr32-card.is-completed{opacity:.82}.hr32-person{display:flex;align-items:center;gap:.8rem;min-width:0}.hr32-person>div:last-child{min-width:0}.hr32-person strong,.hr32-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr32-person small{margin-top:.2rem;color:var(--muted,#64748b)}.hr32-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;font-weight:800;background:color-mix(in srgb,var(--primary,#1557d6) 12%,white);color:var(--primary,#1557d6)}.hr32-center{min-width:0}.hr32-progress-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hr32-progress-head span{font-size:.82rem;color:var(--muted,#64748b)}.hr32-progress{height:8px;margin:.45rem 0 .7rem;border-radius:999px;background:#e8edf4;overflow:hidden}.hr32-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary,#1557d6)}.hr32-next span,.hr32-next strong,.hr32-next small{display:block}.hr32-next span{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#64748b)}.hr32-next strong{margin:.15rem 0}.hr32-next small{color:var(--muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr32-meta{display:grid;gap:.45rem}.hr32-meta>div:not(.hr32-flags){display:grid;grid-template-columns:92px minmax(0,1fr);gap:.45rem}.hr32-meta span{font-size:.76rem;color:var(--muted,#64748b)}.hr32-flags{display:flex;flex-wrap:wrap;gap:.35rem}.hr32-badge{display:inline-flex;padding:.24rem .55rem;border-radius:999px;background:#edf2f7;font-size:.74rem;font-weight:700}.hr32-badge.new{background:#dbeafe;color:#1d4ed8}.hr32-badge.work{background:#fef3c7;color:#92400e}.hr32-badge.ok{background:#dcfce7;color:#166534}.hr32-badge.danger{background:#fee2e2;color:#991b1b}.hr32-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}.hr32-more{position:relative}.hr32-more summary{list-style:none;cursor:pointer;border:1px solid var(--border,#dbe3ee);border-radius:9px;padding:.5rem .65rem;font-weight:800}.hr32-more summary::-webkit-details-marker{display:none}.hr32-more>div{position:absolute;right:0;top:calc(100% + .35rem);z-index:20;display:grid;min-width:210px;padding:.4rem;border:1px solid var(--border,#dbe3ee);border-radius:12px;background:var(--panel,#fff);box-shadow:0 12px 30px rgba(15,23,42,.16)}.hr32-more button{border:0;background:transparent;text-align:left}.hr32-more button:hover{background:#f1f5f9}@media(max-width:1200px){.hr32-card{grid-template-columns:minmax(210px,1fr) minmax(320px,1.5fr) auto}.hr32-meta{grid-column:1/3;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr))}.hr32-actions{grid-column:3;grid-row:1/3}}@media(max-width:820px){.hr32-toolbar{display:grid}.hr32-summary{grid-template-columns:1fr}.hr32-filter{grid-template-columns:1fr}.hr32-card{grid-template-columns:1fr}.hr32-meta,.hr32-actions{grid-column:auto;grid-row:auto}.hr32-meta{grid-template-columns:1fr}.hr32-actions{justify-content:flex-start}.hr32-actions>.primary{flex:1}.hr32-list-head{align-items:start}}