/* Scoped HR social-insurance workspace. No shared form or non-HR overrides. */
body.hr-cake-workspace-v1 .payroll-social-workspace {
  --social-ink:#17212e; --social-muted:#737d8b; --social-line:#e8ebef; --social-accent:#2563eb;
  display:grid; gap:20px; color:var(--social-ink);
}
body.hr-cake-workspace-v1 .payroll-social-workspace .apple-data-card {
  padding:26px 28px; margin:0; border:1px solid var(--social-line); border-radius:20px;
  background:#fff; box-shadow:0 2px 5px #17212e03; overflow:hidden;
}
body.hr-cake-workspace-v1 .social-section-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:22px; }
body.hr-cake-workspace-v1 .social-section-head h3 { margin:3px 0 5px; font-size:21px; font-weight:650; letter-spacing:-.4px; }
body.hr-cake-workspace-v1 .social-eyebrow { margin:0 0 6px; font-size:11px; font-weight:650; color:#728096; letter-spacing:1.3px; }
body.hr-cake-workspace-v1 .social-caption { color:#7b8491; margin:0; font-size:13px; }
body.hr-cake-workspace-v1 :is(.social-primary,.social-secondary) {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:10px 17px;
  font-weight:600; font-size:13px; line-height:1.3; font-family:inherit; border-radius:10px; white-space:nowrap; cursor:pointer;
  box-shadow:none; text-shadow:none; transition:background .15s,opacity .15s;
}
body.hr-cake-workspace-v1 .social-primary { border:1px solid #2563eb; color:#fff; background:#2563eb; }
body.hr-cake-workspace-v1 .social-primary:hover:not(:disabled) { background:#1d4ed8; }
body.hr-cake-workspace-v1 .social-primary em { font-size:11px; font-style:normal; padding:2px 6px; border-radius:5px; background:#ffffff24; }
body.hr-cake-workspace-v1 .social-primary svg { width:16px; height:16px; }
body.hr-cake-workspace-v1 .social-secondary { border:1px solid #dfe4eb; background:#fff; color:#465166; }
body.hr-cake-workspace-v1 :is(.social-primary,.social-secondary):disabled { opacity:.4; cursor:not-allowed; }
body.hr-cake-workspace-v1 .social-phase-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
body.hr-cake-workspace-v1 .social-phase-grid > div { display:flex; gap:14px; align-items:center; background:#f7f9fc; border:1px solid #edf0f5; border-radius:13px; padding:17px; }
body.hr-cake-workspace-v1 .social-step { color:#9aa7bb; font-size:19px; font-weight:500; font-variant-numeric:tabular-nums; }
body.hr-cake-workspace-v1 .social-phase-grid strong { font-size:14px; font-weight:600; }
body.hr-cake-workspace-v1 .social-phase-grid p { margin:5px 0 0; font-size:12px; color:#7c8594; line-height:1.5; }
body.hr-cake-workspace-v1 .social-phase-tag { margin-left:auto; flex-shrink:0; color:#6682aa; font-size:11px; }
body.hr-cake-workspace-v1 .social-metrics { display:flex; flex-wrap:wrap; gap:26px; padding:21px 0 18px; color:#818b99; font-size:12px; border-bottom:1px solid #edf0f5; }
body.hr-cake-workspace-v1 .social-metrics b { font-size:19px; font-weight:600; color:#3c485b; margin-right:6px; font-variant-numeric:tabular-nums; }
body.hr-cake-workspace-v1 .social-empty { display:flex; align-items:center; justify-content:center; gap:14px; padding:28px 12px; }
body.hr-cake-workspace-v1 .social-empty-icon { width:42px; height:42px; border-radius:50%; background:#f2f5fa; color:#a3b0c2; display:grid; place-items:center; font-size:24px; }
body.hr-cake-workspace-v1 .social-empty strong { font-size:13px; color:#586477; font-weight:500; }
body.hr-cake-workspace-v1 .social-empty p { margin:6px 0 0; font-size:12px; color:#929ba8; }
body.hr-cake-workspace-v1 .social-card-note { border-top:1px solid #edf0f5; padding-top:16px; margin-top:2px; color:#959daa; font-size:11px; line-height:1.6; }
body.hr-cake-workspace-v1 .social-record { padding:16px 0; border-bottom:1px solid #edf0f5; }
body.hr-cake-workspace-v1 .social-record:last-child { border-bottom:0; }
body.hr-cake-workspace-v1 .social-record-main { display:grid; grid-template-columns:minmax(150px,1.4fr) minmax(95px,1fr) minmax(90px,.8fr) minmax(90px,.8fr) 76px minmax(130px,1fr); gap:16px; align-items:center; font-size:13px; }
body.hr-cake-workspace-v1 .social-record-main small { display:block; color:#939ca9; font-size:11px; margin-bottom:5px; }
body.hr-cake-workspace-v1 .social-record-main strong + small { margin:6px 0 0; }
body.hr-cake-workspace-v1 .social-record-actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
body.hr-cake-workspace-v1 .social-status { display:inline-flex; justify-content:center; border-radius:6px; background:#f2f5fa; color:#67788e; font-size:11px; padding:5px 7px; }
body.hr-cake-workspace-v1 .social-status.is-settled { background:#edf7f2; color:#38815d; }
body.hr-cake-workspace-v1 .social-status.is-disputed { background:#fff3eb; color:#b87942; }
body.hr-cake-workspace-v1 .social-text-button { background:none; border:0; box-shadow:none; color:#3970c2; padding:3px 0; font-size:12px; cursor:pointer; }
body.hr-cake-workspace-v1 .social-record-history { font-size:11px; color:#8b94a1; margin-top:11px; }
body.hr-cake-workspace-v1 .social-record-history summary { cursor:pointer; width:fit-content; }
body.hr-cake-workspace-v1 .social-record-history p { background:#f8fafc; padding:10px 12px; line-height:1.7; margin:8px 0 0; border-radius:8px; }
body.hr-cake-workspace-v1 .social-record-history b, body.hr-cake-workspace-v1 .social-record-history span { display:block; }
body.hr-cake-workspace-v1 .social-dispute-note { background:#fff8f1; padding:10px; margin-top:10px; font-size:12px; border-radius:8px; }
body.hr-cake-workspace-v1 .payroll-social-workspace :is(.payroll-social-insurance-card,.payroll-social-history-card) h3 { font-size:16px; margin:0 0 7px; font-weight:600; }
body.hr-cake-workspace-v1 .payroll-social-workspace .eyebrow { font-size:10px; letter-spacing:1.2px; color:#98a1b0; margin-bottom:7px; }
body.hr-cake-workspace-v1 .payroll-social-workspace .muted { color:#9099a6; font-size:12px; line-height:1.6; }
body.hr-cake-workspace-v1 .payroll-social-workspace .payroll-social-insurance-actions { padding-top:8px; color:#8c96a4; font-size:12px; }
body.hr-cake-workspace-v1 .payroll-social-workspace :is(.ghost-button,.payroll-history-filters .primary) { border-radius:9px; box-shadow:none; font-size:12px; min-height:38px; }
body.hr-cake-workspace-v1 .payroll-social-workspace .payroll-history-filters { gap:10px; }
body.hr-cake-workspace-v1 .payroll-social-workspace .payroll-history-filters input { min-height:38px; padding:8px 10px; font-size:12px; border-radius:9px; }
body.hr-cake-workspace-v1 .payroll-social-workspace .payroll-history-filters label > span { font-size:11px; color:#929ba8; }
body.hr-cake-workspace-v1 .payroll-social-workspace .payroll-history-empty { margin:18px 0 0; padding:17px; background:#f8fafc; border-radius:10px; }
body.hr-cake-workspace-v1 dialog.social-picker {
  width:min(900px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 48px); margin:auto; padding:0;
  border:1px solid #e6eaf1; border-radius:22px; box-shadow:0 32px 100px #1629432b; color:#243044;
  background:#fff; overflow:hidden; font-family:inherit;
}
body.hr-cake-workspace-v1 dialog.social-picker[open] { display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto; }
body.hr-cake-workspace-v1 dialog.social-picker::backdrop { background:#1a243e45; backdrop-filter:blur(6px); }
body.hr-cake-workspace-v1 .social-picker-head { padding:25px 28px 20px; display:flex; justify-content:space-between; gap:20px; }
body.hr-cake-workspace-v1 .social-picker-head h2 { margin:3px 0 9px; font-size:25px; font-weight:600; letter-spacing:-.6px; }
body.hr-cake-workspace-v1 .social-picker-head p:not(.social-eyebrow) { margin:0; color:#929ba8; font-size:12px; line-height:1.6; }
body.hr-cake-workspace-v1 .social-close { width:30px; height:30px; min-height:0; flex:0 0 30px; padding:0; background:#f5f7fa; color:#8590a1; border:0; border-radius:50%; font-size:23px; line-height:1; box-shadow:none; cursor:pointer; }
body.hr-cake-workspace-v1 .social-picker-controls { padding:0 28px 14px; }
body.hr-cake-workspace-v1 .social-picker-filters { display:grid; grid-template-columns:minmax(180px,1.5fr) 1fr 1fr 1fr; gap:10px; }
body.hr-cake-workspace-v1 .social-picker-filters label { display:grid; gap:6px; margin:0; color:#8a94a3; font-size:11px; }
body.hr-cake-workspace-v1 .social-picker-filters :is(input,select) { width:100%; min-width:0; min-height:40px; height:40px; border:1px solid #e3e8ef; border-radius:9px; padding:9px 11px; background:#fff; color:#4a566a; font-family:inherit; font-size:12px; box-shadow:none; }
body.hr-cake-workspace-v1 .social-picker-filters :is(input,select):focus { outline:2px solid #d9e6ff; border-color:#7fa6f5; }
body.hr-cake-workspace-v1 .social-picker-batch { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding-top:15px; font-size:11px; }
body.hr-cake-workspace-v1 .social-picker-batch > div { display:flex; gap:15px; }
body.hr-cake-workspace-v1 .social-picker-batch button { background:none; border:0; padding:0; min-height:22px; font-family:inherit; font-size:11px; color:#4675ba; box-shadow:none; cursor:pointer; }
body.hr-cake-workspace-v1 .social-picker-batch button:disabled { color:#b0b8c4; cursor:default; }
body.hr-cake-workspace-v1 .social-picker-batch > label { display:flex; align-items:center; gap:6px; color:#8590a2; margin:0; }
body.hr-cake-workspace-v1 .social-picker-list-head { padding:12px 28px; display:flex; justify-content:space-between; border-top:1px solid #edf0f5; border-bottom:1px solid #edf0f5; background:#fafbfd; color:#98a2b1; font-size:11px; }
body.hr-cake-workspace-v1 .social-picker-list { overflow:auto; overscroll-behavior:contain; min-height:140px; height:min(400px,45vh); scrollbar-gutter:stable; padding:0 16px; }
body.hr-cake-workspace-v1 .social-picker-row { display:flex; align-items:center; gap:13px; padding:12px; margin:0; border-bottom:1px solid #f0f2f6; border-radius:8px; cursor:pointer; min-height:67px; }
body.hr-cake-workspace-v1 .social-picker-row:hover { background:#f8fafd; }
body.hr-cake-workspace-v1 .social-picker-row.is-selected { background:#f1f6ff; }
body.hr-cake-workspace-v1 dialog.social-picker input[type="checkbox"] { appearance:auto; display:inline-block; flex:0 0 16px; width:16px; height:16px; min-width:16px; min-height:16px; max-width:16px; margin:0; padding:0; border-radius:4px; accent-color:#2563eb; box-shadow:none; }
body.hr-cake-workspace-v1 .social-person-avatar { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; background:#eef2f7; color:#8d9aaf; border-radius:10px; font-size:11px; }
body.hr-cake-workspace-v1 .social-person { min-width:0; display:grid; gap:5px; }
body.hr-cake-workspace-v1 .social-person strong { font-size:13px; font-weight:550; }
body.hr-cake-workspace-v1 .social-person small { font-size:11px; color:#939dac; line-height:1.4; }
body.hr-cake-workspace-v1 .social-picker-ready { margin-left:auto; flex-shrink:0; border-radius:5px; padding:4px 7px; font-size:10px; color:#9a8764; background:#f9f5ed; }
body.hr-cake-workspace-v1 .social-picker-ready.is-ready { background:#edf7f2; color:#6b9880; }
body.hr-cake-workspace-v1 .social-picker-empty { display:grid; place-content:center; text-align:center; min-height:200px; color:#8995a6; font-size:13px; }
body.hr-cake-workspace-v1 .social-picker-empty p { font-size:12px; margin-top:8px; color:#a1a9b5; }
body.hr-cake-workspace-v1 .social-picker-footer { display:flex; justify-content:space-between; align-items:center; gap:22px; border-top:1px solid #e9edf3; padding:19px 28px; background:#fff; }
body.hr-cake-workspace-v1 .social-picker-footer strong { font-size:13px; font-weight:550; }
body.hr-cake-workspace-v1 .social-picker-footer p { margin:6px 0 0; color:#9aa3b0; font-size:11px; line-height:1.5; }
body.hr-cake-workspace-v1 .social-picker-footer > div:last-child { display:flex; gap:10px; flex-shrink:0; }
body.hr-cake-workspace-v1 .social-picker-footer .social-picker-error { color:#bc5b50; }
@media(max-width:900px) {
 body.hr-cake-workspace-v1 .social-record-main { grid-template-columns:1.2fr 1fr 1fr; gap:12px; }
 body.hr-cake-workspace-v1 .social-record-actions { justify-content:flex-start; }
 body.hr-cake-workspace-v1 .social-phase-tag { display:none; }
}
@media(max-width:600px) {
 body.hr-cake-workspace-v1 .payroll-social-workspace .apple-data-card { padding:20px 18px; border-radius:15px; }
 body.hr-cake-workspace-v1 .social-section-head { align-items:flex-start; gap:12px; }
 body.hr-cake-workspace-v1 .social-section-head h3 { font-size:18px; }
 body.hr-cake-workspace-v1 .social-phase-grid { grid-template-columns:1fr; gap:8px; }
 body.hr-cake-workspace-v1 .social-metrics { gap:14px; }
 body.hr-cake-workspace-v1 dialog.social-picker { width:calc(100vw - 20px); max-height:calc(100dvh - 24px); border-radius:16px; }
 body.hr-cake-workspace-v1 :is(.social-picker-head,.social-picker-footer) { padding:18px; }
 body.hr-cake-workspace-v1 .social-picker-head h2 { font-size:22px; }
 body.hr-cake-workspace-v1 .social-picker-controls { padding:0 18px 12px; }
 body.hr-cake-workspace-v1 .social-picker-filters { grid-template-columns:1fr 1fr; }
 body.hr-cake-workspace-v1 .social-picker-list { padding:0 6px; height:30vh; min-height:100px; }
 body.hr-cake-workspace-v1 .social-picker-list-head { padding:10px 18px; }
 body.hr-cake-workspace-v1 .social-picker-footer { flex-wrap:wrap; gap:14px; }
 body.hr-cake-workspace-v1 .social-picker-footer > div:last-child { width:100%; justify-content:flex-end; }
 body.hr-cake-workspace-v1 .social-picker-batch > div { gap:12px; }
 body.hr-cake-workspace-v1 .social-person-avatar { display:none; }
 body.hr-cake-workspace-v1 .social-picker-row { gap:10px; }
}