#hr-connect-dialog{--hc-bg:#132b24;--hc-card:#1b382e;--hc-line:#3b574b;--hc-text:#f0f3eb;--hc-muted:#b6c7bd;color:var(--hc-text);background:var(--hc-bg);width:min(1080px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:min(850px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--hc-line);border-radius:20px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;font:inherit}#hr-connect-dialog::backdrop{background:#0009}#hr-connect-dialog *{box-sizing:border-box;min-width:0}#hr-connect-dialog [hidden]{display:none!important}#hr-connect-dialog .hc-heading{position:sticky;top:0;z-index:2;background:var(--hc-bg);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--hc-line)}#hr-connect-dialog h2{color:var(--hc-text);margin:5px 0 0;font-size:24px}#hr-connect-dialog h3{margin:10px 0;font-size:18px;overflow-wrap:anywhere}#hr-connect-dialog small{color:#d9bb77;letter-spacing:.03em}#hr-connect-dialog .hc-scope,#hr-connect-dialog .hc-caption,#hr-connect-dialog .hc-status{margin:12px 22px;overflow-wrap:anywhere}#hr-connect-dialog .hc-caption{color:var(--hc-muted);font-size:14px}#hr-connect-dialog .hc-status{font-size:14px;line-height:1.6}#hr-connect-dialog .hc-body{padding:0 22px 22px}#hr-connect-dialog .hc-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}#hr-connect-dialog .hc-field{display:grid;gap:7px;flex:1 1 190px;font-size:14px}#hr-connect-dialog input,#hr-connect-dialog select,#hr-connect-dialog button{font:inherit;min-height:44px;color:var(--hc-text);background:var(--hc-card);border:1px solid var(--hc-line);border-radius:10px;padding:10px 13px}#hr-connect-dialog button{cursor:pointer}#hr-connect-dialog button:focus-visible,#hr-connect-dialog input:focus-visible,#hr-connect-dialog select:focus-visible{outline:2px solid #d9bb77;outline-offset:2px}#hr-connect-dialog .hc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:14px}#hr-connect-dialog .hc-card{border:1px solid var(--hc-line);border-radius:14px;background:var(--hc-card);padding:18px;display:flex;flex-direction:column;gap:4px}#hr-connect-dialog .hc-card p{margin:4px 0;color:var(--hc-muted);overflow-wrap:anywhere}#hr-connect-dialog .hc-card button{margin-top:12px;border-color:#af965b}#hr-connect-dialog .hc-number{font-size:14px}#hr-connect-dialog table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}#hr-connect-dialog th,#hr-connect-dialog td{text-align:start;padding:12px 7px;border-bottom:1px solid var(--hc-line);overflow-wrap:anywhere}#hr-connect-dialog th:first-child{width:29%}#hr-connect-dialog th:nth-child(2),#hr-connect-dialog th:nth-child(3){width:17%}#hr-connect-dialog td:nth-child(-n+3){direction:ltr;unicode-bidi:isolate}html[data-theme="light"] #hr-connect-dialog,html[data-theme="day"] #hr-connect-dialog{--hc-bg:#f6f5ef;--hc-card:#fff;--hc-line:#c9d1c6;--hc-text:#193b2f;--hc-muted:#52675c}html[data-theme="light"] #hr-connect-dialog small,html[data-theme="day"] #hr-connect-dialog small{color:#796027}@media(max-width:480px){#hr-connect-dialog .hc-heading{padding:14px}#hr-connect-dialog .hc-body{padding:0 14px 16px}#hr-connect-dialog .hc-scope,#hr-connect-dialog .hc-caption,#hr-connect-dialog .hc-status{margin-inline:14px}#hr-connect-dialog h2{font-size:21px}#hr-connect-dialog table{font-size:12px}#hr-connect-dialog th,#hr-connect-dialog td{padding:10px 4px}}
#hr-connect-dialog .hc-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 22px}
#hr-connect-dialog .sf-toolbar,#hr-connect-dialog .sf-actions,#hr-connect-dialog .rj-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
#hr-connect-dialog .panel,#hr-connect-dialog .sf-card,#hr-connect-dialog .rj-card{background:var(--hc-card);border:1px solid var(--hc-line);border-radius:14px;padding:18px;margin-block:12px;overflow-wrap:anywhere}
#hr-connect-dialog .hr-connect-form,#hr-connect-dialog .sf-fields,#hr-connect-dialog .rj-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#hr-connect-dialog label{display:grid;gap:7px;line-height:1.5}
#hr-connect-dialog .wide{grid-column:1/-1}
#hr-connect-dialog input:not([type=checkbox]),#hr-connect-dialog select,#hr-connect-dialog textarea{width:100%;max-width:100%}
#hr-connect-dialog textarea{min-height:100px;font:inherit;color:var(--hc-text);background:var(--hc-bg);border:1px solid var(--hc-line);border-radius:10px;padding:12px;resize:vertical}
#hr-connect-dialog input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0 8px;vertical-align:middle}
#hr-connect-dialog .primary-button{background:#d9bb77;color:#152d24;border-color:#d9bb77;font-weight:650}
#hr-connect-dialog button:disabled{opacity:.55;cursor:wait}
#hr-connect-dialog canvas{display:block;width:100%;height:150px;background:#fff;border:1px solid #bdcbbf;border-radius:10px;touch-action:none}
#hr-connect-dialog .sf-record-grid,#hr-connect-dialog .sf-signatures,#hr-connect-dialog .rj-signatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#hr-connect-dialog .sf-route-summary,#hr-connect-dialog .sf-route{padding:12px;border:1px solid var(--hc-line);border-radius:10px;line-height:1.6}
#hr-connect-dialog .sf-history-filters{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}
#hr-connect-dialog .sf-history-filters>*{flex:1 1 150px}
#hr-connect-dialog .table-wrap{max-width:100%;overflow:auto}
#hr-connect-dialog .sf-workspace h4,#hr-connect-dialog .sf-workspace h3{color:var(--hc-text)}
#hr-connect-dialog .sf-workspace svg{max-width:100%;height:auto}
@media(max-width:650px){#hr-connect-dialog .hr-connect-form,#hr-connect-dialog .sf-fields,#hr-connect-dialog .rj-form,#hr-connect-dialog .sf-record-grid,#hr-connect-dialog .sf-signatures,#hr-connect-dialog .rj-signatures{grid-template-columns:1fr}#hr-connect-dialog .hc-nav{margin-inline:14px}#hr-connect-dialog .panel{padding:12px}#hr-connect-dialog .sf-actions>button{flex:1 1 140px}}

#hr-connect-dialog .sf-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin:16px 0}
#hr-connect-dialog .sf-search{grid-column:1/-1}
#hr-connect-dialog .sf-record{display:flex;width:100%;justify-content:space-between;gap:18px;text-align:start;margin:10px 0;padding:16px}
#hr-connect-dialog .sf-record>span,#hr-connect-dialog .sf-summary>div,#hr-connect-dialog .sf-signatures article{display:grid;gap:7px}
#hr-connect-dialog .sf-record small{letter-spacing:0}
#hr-connect-dialog .sf-record-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block:18px}
#hr-connect-dialog .sf-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:18px}
#hr-connect-dialog .sf-summary>div,#hr-connect-dialog .sf-signatures article{border:1px solid var(--hc-line);border-radius:10px;padding:12px}
#hr-connect-dialog .sf-check{display:flex;align-items:start;gap:8px;margin-block:16px}
#hr-connect-dialog .sf-check input{flex-shrink:0;margin-top:3px}
#hr-connect-dialog .sf-approvers{padding-inline-start:24px;line-height:1.8}
#hr-connect-dialog .sf-decision{border-top:1px solid var(--hc-line);padding-top:16px}
#hr-connect-dialog [data-sf-clear]{margin-block:10px}
@media(max-width:650px){#hr-connect-dialog .sf-summary,#hr-connect-dialog .sf-filters{grid-template-columns:1fr}#hr-connect-dialog .sf-record{flex-direction:column}}