.hr-board{--hs-line:#e3e8f0;--hs-muted:#64748b;--hs-ok:#16744d;--hs-ok-bg:#eaf7f0;--hs-bad:#b42318;--hs-bad-bg:#fdecea;--hs-rest:#475569;--hs-rest-bg:#f1f4f8;--hs-blue:#255dbe;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;font-size:14px;color:#17253d;min-width:0}
.hr-board *{box-sizing:border-box}
.hr-board small{display:block;color:var(--hs-muted);font-size:12px;line-height:1.45}
.hr-board button{width:auto;flex:none}
.hr-board .hs-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hr-board .hs-top p{margin:0;color:var(--hs-muted);min-width:0}
.hr-board .hs-button{width:auto;flex:none;min-height:40px;padding:0 14px;border:1px solid #cdd6e3;border-radius:8px;background:#fff;color:#17253d;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.hr-board .hs-button:disabled{opacity:.5;cursor:default}
.hr-board .hs-button.is-small{min-height:34px;padding:0 12px;font-size:13px}
.hr-board .hs-button.is-primary{background:var(--hs-blue);border-color:var(--hs-blue);color:#fff}
.hr-board .hs-button.is-danger{color:var(--hs-bad);border-color:#f1c4bf}
.hr-board .hs-link{width:auto;min-height:0;padding:0;border:0;background:none;color:var(--hs-blue);font:inherit;text-decoration:underline;cursor:pointer}
.hr-board .hs-note{margin:0;color:var(--hs-muted);font-size:12px}
.hr-board .hs-muted{margin:0;color:var(--hs-muted)}
.hr-board .hs-empty{padding:14px;border:1px dashed var(--hs-line);border-radius:10px;text-align:center}
.hr-board .hs-error{margin:0;padding:10px 12px;border-radius:8px;background:var(--hs-bad-bg);color:var(--hs-bad)}
.hr-board .hs-notice{margin:0;padding:10px 12px;border-radius:8px;background:var(--hs-ok-bg);color:var(--hs-ok)}
.hr-board .hs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:12px;align-items:start}
.hr-board .hs-card{min-width:0;border:1px solid var(--hs-line);border-radius:10px;background:#fff;overflow:hidden}
.hr-board .hs-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 14px 8px}
.hr-board .hs-card>header strong{font-size:16px}
.hr-board .hs-right{flex:0 1 auto;margin-left:auto;text-align:right}
.hr-board .hs-block{display:grid;gap:8px;padding:10px 14px 12px;border-top:1px solid #eef1f6;min-width:0}
.hr-board .hs-block h4{margin:0;font-size:12px;font-weight:700;letter-spacing:.02em;color:#536174;text-transform:none}
.hr-board .hs-block>.hs-button{justify-self:start}
.hr-board .hs-facts{display:grid;gap:4px;margin:0}
.hr-board .hs-facts div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:baseline}
.hr-board .hs-facts dt{color:var(--hs-muted);font-size:12px}
.hr-board .hs-facts dd{margin:0;overflow-wrap:anywhere}
.hr-board .hs-facts a{color:var(--hs-blue);white-space:nowrap}
.hr-board .hs-pill{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}
.hr-board .t-ok{background:var(--hs-ok-bg);color:var(--hs-ok)}
.hr-board .t-rest{background:var(--hs-rest-bg);color:var(--hs-rest)}
.hr-board .hs-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.hr-board .hs-list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:7px 0;border-bottom:1px dashed #e8ecf2}
.hr-board .hs-list li:last-child{border-bottom:0}
.hr-board .hs-list li>div{min-width:0;flex:1 1 160px}
.hr-board .hs-list li.is-off{opacity:.6}
.hr-board .hs-when{flex:none;text-align:right}
.hr-board .hs-rules{padding-bottom:4px}
.hr-board .hs-rule-list{display:grid;gap:0;margin:0;padding:0 14px 6px}
.hr-board .hs-rule-list div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid #eef1f6}
.hr-board .hs-rule-list dt{font-weight:600}
.hr-board .hs-rule-list dd{margin:0;line-height:1.5}
.hr-board .hs-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.hr-board .hs-field{display:grid;gap:4px;font-size:12px;color:var(--hs-muted);min-width:0}
.hr-board .hs-field input,.hr-board .hs-field select{width:100%;min-height:40px;padding:0 10px;border:1px solid #cdd6e3;border-radius:8px;background:#fff;font:inherit;font-size:15px;color:#17253d}
.hr-board .hs-controls .hs-field{width:auto;flex:1 1 150px}
.hr-board .hs-ot li{padding:10px 12px;border:1px solid var(--hs-line);border-radius:10px;margin-bottom:8px;background:#fff}
.hr-board .hs-ot li:last-child{border-bottom:1px solid var(--hs-line)}
.hr-board .hs-ot .hs-right{display:grid;justify-items:end;gap:4px}
.hr-board .hs-check{display:flex;align-items:center;gap:8px;font-size:14px}
.hr-board .hs-check input{width:auto;min-height:0}
.hr-board .hs-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.45)}
.hr-board .hs-dialog{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;gap:0;border-radius:12px;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.25)}
.hr-board .hs-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--hs-line)}
.hr-board .hs-dialog>header strong{font-size:16px}
.hr-board .hs-dialog>header .hs-link{text-decoration:none;font-size:18px;color:var(--hs-muted);padding:4px}
.hr-board .hs-dialog-body{display:grid;gap:12px;padding:14px 16px}
.hr-board .hs-dialog-body p{margin:0}
.hr-board .hs-dialog .hs-error{margin:0 16px}
.hr-board .hs-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--hs-line)}
@media (max-width:640px){
  .hr-board .hs-cards{grid-template-columns:1fr}
  .hr-board .hs-controls{display:grid;grid-template-columns:1fr 1fr}
  .hr-board .hs-controls .hs-button{grid-column:1/-1;width:100%}
  .hr-board .hs-controls .hs-field:nth-child(3){grid-column:1/-1}
  .hr-board .hs-ot .hs-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}
  .hr-board .hs-rule-list div{grid-template-columns:1fr;gap:2px}
  .hr-board .hs-overlay{align-items:flex-end;padding:0}
  .hr-board .hs-dialog{width:100%;max-height:92vh;border-radius:12px 12px 0 0}
  .hr-board .hs-dialog>footer .hs-button{flex:1 1 0}
}