/* Synergy HR Plugin 9.3.0: Soft Sage × White design layer.
 * Deliberately loaded AFTER legacy style.css. Read-only/presentation changes.
 * No changes to exports, candidate save handlers, dashboard calculations, or schema.
 */
:root {
  --sf-ui-blue:#348766;
  --sf-ui-blue-dark:#2c7558;
  --sf-ui-navy:#2a4b3e;
  --sf-ui-green:#348766;
  --sf-ui-orange:#b57826;
  --sf-ui-purple:#777ba0;
  --sf-ui-red:#bd4751;
  --sf-ui-bg:#f7faf8;
  --sf-ui-surface:#fff;
  --sf-ui-border:#e0eae3;
  --sf-ui-text:#263d34;
  --sf-ui-muted:#647d70;
  --sf-ui-shadow:0 7px 30px rgba(41,89,62,.045);
  --sf-ui-radius:16px;
}
.sf-layout,.sf-layout * {font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
.sf-layout .sf-main {background:#f7faf8}
.sf-layout .sf-wrap {color:var(--sf-ui-text);max-width:none}
.sf-layout .sf-wrap h2,.sf-layout .sf-wrap h3,.sf-layout .sf-wrap h4 {font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif!important;letter-spacing:-.023em}
.sf-layout .sf-ui-page {gap:18px;font-size:16px}
.sf-layout .sf-page-head {padding:7px 2px 10px;border:0;background:transparent;box-shadow:none;border-radius:0;min-height:74px}
.sf-layout .sf-page-head-main {gap:12px}
.sf-layout .sf-page-head h2 {font-size:30px;line-height:1.32;letter-spacing:-.035em;font-weight:800;color:#203a31}
.sf-layout .sf-page-head p {font-size:14px;color:#788a80;margin:3px 0 0;line-height:1.5}
.sf-layout .sf-page-icon {width:49px;height:49px;background:#e8f5ed;color:#348669;border-radius:15px}
.sf-layout .sf-page-icon svg {width:25px;height:25px}
.sf-layout .sf-page-head-actions,.sf-layout .sf-company-head-actions {gap:10px;align-items:center}
.sf-layout .sf-toolbar-card,.sf-layout .sf-table-card,.sf-layout .sf-form-card,.sf-layout .sf-history-card,.sf-layout .sf-dashboard-section {
  border:1px solid #e0eae3;background:#fff;box-shadow:0 6px 27px rgba(39,91,60,.045);border-radius:17px;
}
.sf-layout .sf-toolbar-card {padding:20px 22px}
.sf-layout .sf-info-banner {background:#f2f8f4;border-color:#e0ece4;color:#547365;padding:11px 14px;font-size:13px;border-radius:11px}
.sf-layout .sf-btn {background:#398b69!important;color:#fff!important;border:1px solid #398b69!important;border-radius:11px!important;box-shadow:0 4px 12px rgba(47,122,88,.095)!important;padding:12px 17px!important;font-size:15px!important;line-height:1.4!important;min-height:42px;transform:none!important;filter:none!important}
.sf-layout .sf-btn:hover {background:#2f7558!important;border-color:#2f7558!important;box-shadow:0 5px 14px rgba(41,111,78,.16)!important}
.sf-layout .sf-btn:focus-visible,.sf-layout input:focus-visible,.sf-layout select:focus-visible,.sf-layout textarea:focus-visible,.sf-layout button:focus-visible,.sf-layout a:focus-visible {outline:3px solid rgba(71,144,105,.33)!important;outline-offset:2px}
.sf-layout .sf-btn.gray,.sf-layout .sf-btn.secondary {background:#eef7f0!important;color:#286e4e!important;border-color:#dbece0!important;box-shadow:none!important}
.sf-layout .sf-btn.red,.sf-layout .sf-btn.danger {background:#be565d!important;color:white!important;border-color:#be565d!important}
.sf-layout .sf-btn.sf-btn-sm {font-size:14px!important;min-height:37px;padding:8px 12px!important}
.sf-layout .sf-count-pill {background:#eaf5ee;border-color:#dbece0;color:#356b51;font-size:13px}
.sf-layout .sf-count-pill strong {color:#267656;font-size:18px}
.sf-layout .sf-count-pill>span+span {border-color:#dbece0}
.sf-layout .sf-toolbar-note {font-size:13px;color:#81948a;margin-top:14px;line-height:1.55}
.sf-layout .sf-search-field svg {color:#81988a;width:19px;height:19px}
.sf-layout .sf-filter input,.sf-layout .sf-filter select,.sf-layout .sf-row input,.sf-layout .sf-row select,.sf-layout .sf-row textarea,.sf-layout .sf-user-dropdown input {
  border:1px solid #d7e3db!important;background:#fff!important;color:#2a4339!important;border-radius:11px!important;
  font-size:15px!important;line-height:1.55!important;box-shadow:none!important;
}
.sf-layout .sf-filter input,.sf-layout .sf-filter select {height:47px;padding:10px 13px!important}
.sf-layout .sf-filter .sf-search-field input {padding-left:44px!important}
.sf-layout .sf-filter input:focus,.sf-layout .sf-filter select:focus,.sf-layout .sf-row input:focus,.sf-layout .sf-row select:focus,.sf-layout .sf-row textarea:focus {border-color:#75b48d!important;box-shadow:0 0 0 3px rgba(74,154,104,.1)!important}
.sf-layout .sf-row label {font-size:15px!important;font-weight:700;color:#304c3f;margin-bottom:8px!important;line-height:1.5!important}
.sf-layout .sf-row input,.sf-layout .sf-row select {min-height:46px;height:auto;padding:10px 12px!important}
.sf-layout .sf-row textarea {min-height:130px!important;padding:12px 14px!important}
.sf-layout .sf-row input::placeholder,.sf-layout .sf-filter input::placeholder {color:#a2b0a5;opacity:1}
.sf-layout .sf-muted {font-size:13px;line-height:1.65;color:#74897b}
.sf-layout .sf-field-required {border-radius:5px;background:#fff0f0;color:#b74d55;padding:2px 7px;font-size:12px}
.sf-layout .sf-table {width:100%;border-spacing:0!important}
.sf-layout .sf-table th {background:#f5f9f6!important;color:#536f61;font-size:14px!important;padding:14px 15px!important;border-color:#e6eee8!important;font-weight:750}
.sf-layout .sf-table td {color:#2f493c;font-size:15px!important;line-height:1.62!important;padding:16px 15px!important;border-color:#e9efea!important}
.sf-layout .sf-table tr:hover {background:#f8fcf9!important}
.sf-layout .sf-table-wrap {max-width:100%;scrollbar-color:#bedac6 #f8fbf9}
.sf-layout .sf-section-head {margin-bottom:17px;border-color:#e7efea;padding:20px 22px 15px}
.sf-layout .sf-section-head h3 {font-size:21px;color:#2a4437}
.sf-layout .sf-section-head p {font-size:13px;color:#7d9184}
.sf-layout .sf-card-icon {background:#e9f5ed;color:#328966;border-radius:12px;width:41px;height:41px}
.sf-layout .sf-card-icon svg {width:21px;height:21px}
.sf-layout .sf-icon-blue,.sf-layout .sf-icon-green,.sf-layout .sf-icon-purple,.sf-layout .sf-icon-orange {background:#e9f5ed;color:#338565}
.sf-layout .sf-status-badge,.sf-layout .sf-due,.sf-layout .sf-type-chip {font-size:13px!important;border-radius:999px;line-height:1.4}
.sf-layout .sf-alert-green {background:#e7f6ed!important;color:#277955!important}
.sf-layout .sf-alert-yellow {background:#fff2e5!important;color:#a26924!important}
.sf-layout .sf-alert-red {background:#fff0f0!important;color:#b74b52!important}
.sf-layout .sf-type-chip {background:#eaf5ee;color:#287c58;padding:5px 10px}
.sf-layout .sf-pagination .sf-page-link {font-size:14px;min-width:39px;height:39px;border-color:#e0ece3;background:white;color:#587969}
.sf-layout .sf-pagination .sf-page-link.is-current {background:#348866;border-color:#348866;color:white}
.sf-layout .sf-empty-state {padding:30px 17px;color:#708a78;font-size:15px}
.sf-layout .sf-section-title {background:#f1f8f3!important;border-left:4px solid #77b597!important;color:#2d6048!important;border-radius:8px!important;font-size:18px!important;padding:13px 15px!important}
.sf-layout .sf-danger-zone {background:#fff8f8;border-color:#f0d3d3}
.sf-layout .sf-history {border-color:#d8e8de!important}
.sf-layout .sf-history-dot {border-color:#4f9b73}
.sf-layout .sf-history-change>div {background:#f7faf8;border-color:#e2ece5}

/* Dashboard — preserve real business metrics, refresh hierarchy */
.sf-layout .sf-dashboard-page .sf-page-head {margin-bottom:2px}
.sf-layout .sf-dashboard-date {font-size:13px;background:#edf6f0;color:#688574;padding:10px 13px}
.sf-layout .sf-summary-grid-modern {margin:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}
.sf-layout .sf-summary-grid-modern .sf-summary-card {min-height:150px;padding:20px 17px!important;gap:13px!important;border:1px solid #e2ebe5!important;background:#fff!important;box-shadow:0 7px 25px rgba(41,93,62,.04)!important;border-radius:17px!important;align-items:flex-start!important}
.sf-layout .sf-summary-icon {width:45px;height:45px;border-radius:13px;background:#e8f5ed;color:#328767}
.sf-layout .sf-summary-icon svg {width:24px;height:24px}
.sf-layout .sf-stat-blue .sf-summary-icon {background:#eaf4fa;color:#618dac}
.sf-layout .sf-stat-purple .sf-summary-icon {background:#f0eff8;color:#8983b5}
.sf-layout .sf-stat-green .sf-summary-icon {background:#e8f7f0;color:#3c9b70}
.sf-layout .sf-stat-orange .sf-summary-icon {background:#fff3e9;color:#c1935e}
.sf-layout .sf-stat-slate .sf-summary-icon {background:#edf4f0;color:#658d78}
.sf-layout .sf-summary-card>div>span {font-size:14px!important;color:#456556;font-weight:650}
.sf-layout .sf-summary-card strong {font-family:"Noto Sans JP",sans-serif!important;font-size:32px!important;color:#243d30;font-weight:800;margin-top:5px}
.sf-layout .sf-summary-card small {font-size:12px!important;line-height:1.4;color:#7a9183}
.sf-layout .sf-dashboard-section {padding-bottom:4px;overflow:hidden}
.sf-layout .sf-section-count {background:#eaf6ed!important;color:#347d58!important;border-color:#d9e9dd!important;font-size:14px}
.sf-layout .sf-dashboard-table td:first-child strong {font-size:15px}
.sf-layout .sf-exam-status-card {border-color:#e4ece6!important;background:#fbfdfb!important;border-radius:12px!important}
.sf-layout .sf-exam-status-card.is-active {background:#eff8f2!important;border-color:#8abfa0!important;box-shadow:0 0 0 2px rgba(101,172,128,.1)}
.sf-layout .sf-exam-group {border-color:#e4ece6!important}
.sf-layout .sf-return-block {background:#fbfdfa;border-color:#e4ece6!important}

/* Candidate list — mockup-like readable desktop grid, mobile profile cards */
.sf-layout .sf-candidate-list-wrap .sf-toolbar-card {padding:19px 22px}
.sf-layout .sf-candidate-list-wrap .sf-table-card {overflow:hidden}
.sf-layout .sf-candidate-table {min-width:1040px;table-layout:auto}
.sf-layout .sf-candidate-table th {white-space:nowrap;font-size:13px!important}
.sf-layout .sf-candidate-table td {font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere;vertical-align:middle}
.sf-layout .sf-candidate-name-main {font-size:16px;color:#243d30}
.sf-layout .sf-candidate-name-translation {font-size:12px;color:#82948a}
.sf-layout .sf-candidate-company {max-width:230px}
.sf-layout .sf-candidate-company .sf-company-name {white-space:normal;color:#516b5d;overflow-wrap:anywhere}
.sf-layout .sf-visa-stage {display:block;margin-top:5px;font-size:12px;color:#799386}
.sf-layout .sf-candidate-sector,.sf-layout .sf-candidate-work {max-width:175px;font-size:13px!important;color:#496859}
.sf-layout .sf-candidate-table .sf-actions {gap:7px;align-items:stretch}
.sf-layout .sf-candidate-table .sf-btn {width:auto;min-height:34px;font-size:12px!important;padding:7px 10px!important;white-space:normal}
.sf-layout .sf-candidate-table .sf-btn.red {font-size:11px!important}
.sf-layout .sf-candidate-status-badge {font-size:11px!important}

/* Company list: intentionally no search or filter bar */
.sf-layout .sf-company-list-wrap .sf-page-head,.sf-layout .sf-company-head-actions {flex-wrap:wrap}
.sf-layout .sf-company-table {min-width:780px}
.sf-layout .sf-company-table td {line-height:1.75!important;white-space:normal}
.sf-layout .sf-company-list-name {color:#274337;font-weight:750;font-size:16px}
.sf-layout .sf-company-table th:last-child,.sf-layout .sf-company-table td:last-child {width:125px}
.sf-layout .sf-company-head-actions {display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}
.sf-layout .sf-company-export-form {margin:0;display:inline-flex}
.sf-layout .sf-company-head-actions .sf-btn.sf-company-export-btn {background:#f8fcf9!important;color:#287853!important;border:1px solid #a8d0b4!important;box-shadow:none!important}
.sf-layout .sf-company-head-actions .sf-btn.sf-company-export-btn:hover {background:#e8f6eb!important;color:#1b6846!important;border-color:#8bbda0!important}
.sf-layout .sf-company-head-actions .sf-btn.sf-company-export-btn span,.sf-layout .sf-company-head-actions .sf-btn.sf-company-export-btn svg {color:inherit!important}
.sf-layout .sf-shiten-count,.sf-layout .sf-sekininsha-count {border-radius:999px;background:#f1f0fa!important;color:#7770a8!important}
.sf-layout .sf-shiten-number,.sf-layout .sf-sekininsha-number {background:#f2f0fc!important;color:#7f73ba!important}
.sf-layout .sf-directory-meta {padding:18px 22px 12px;font-size:14px;color:#7c9284;font-weight:600}
.sf-layout .sf-company-table .sf-btn.sf-btn-sm {width:100%;white-space:normal}
.sf-layout .sf-company-table .sf-btn svg {display:inline-block}
.sf-layout .sf-company-table .sf-btn {background:#eff8f2!important;color:#2b7755!important;border-color:#d8e9dd!important;box-shadow:none!important}
.sf-layout .sf-company-table .sf-btn:hover {background:#e1f1e6!important}

/* Form — grouped panels matching candidate input mockup, keeping every existing input */
.sf-layout .sf-form-page .sf-form-card {background:transparent;border:0;box-shadow:none;padding:0;margin:0}
.sf-layout .sf-form-page .sf-form-card>.sf-form-card-head {display:none}
.sf-layout .sf-candidate-form {display:flex;flex-direction:column;gap:17px}
.sf-layout .sf-candidate-form .sf-form-group,.sf-layout .sf-candidate-form .sf-type-section[data-type-section],.sf-layout .sf-candidate-form .sf-status-panel,.sf-layout .sf-candidate-form .sf-jisshu-archive {
  border:1px solid #e1ebe4;border-radius:16px;background:#fff;box-shadow:0 5px 25px rgba(45,92,60,.04);padding:20px 21px;margin:0;
}
.sf-layout .sf-form-group-head {display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #eef2ee}
.sf-layout .sf-form-group-head h3 {font-size:20px;margin:0;color:#2b4739}
.sf-layout .sf-form-group-head p {font-size:13px;color:#799184;margin:3px 0 0;line-height:1.5}
.sf-layout .sf-group-mark {width:42px;height:42px;border-radius:12px;background:#e9f5ed;color:#398461;display:grid;place-items:center;font-size:19px;flex:0 0 auto}
.sf-layout .sf-candidate-form .sf-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 22px!important;align-items:start}
.sf-layout .sf-candidate-form .sf-basic-fields {grid-template-columns:230px repeat(2,minmax(0,1fr))!important}
.sf-layout .sf-candidate-form .sf-basic-fields .sf-photo-row {grid-column:1;grid-row:1/span 4;align-self:start}
.sf-layout .sf-photo-box {display:flex;align-items:center;justify-content:center;min-height:170px;background:#f8fbf9;border-color:#cbded0;border-radius:13px}
.sf-layout .sf-photo-placeholder {background:#edf5ef;color:#85998b;width:140px;height:150px}
.sf-layout .sf-photo-input {font-size:13px!important;margin-top:10px;max-width:100%;height:auto!important;padding:8px!important}
.sf-layout .sf-photo-row .sf-muted {font-size:12px;margin:6px 0 0}
.sf-layout .sf-form-page .sf-section-title {margin:0 0 18px!important}
.sf-layout .sf-candidate-form .sf-type-section[data-type-section] {margin:0;min-width:0}
.sf-layout .sf-candidate-form .sf-status-panel {margin:0}
.sf-layout .sf-candidate-form .sf-status-panel>.sf-section-title {margin-top:0!important}
.sf-layout .sf-candidate-form .sf-row {min-width:0}
.sf-layout .sf-candidate-form .sf-date-wrap {white-space:normal}
.sf-layout .sf-form-actions {bottom:12px;margin-top:0;border-color:#e0ece3;box-shadow:0 7px 25px rgba(44,91,63,.08);padding:13px;gap:10px}
.sf-layout .sf-form-actions .sf-btn {min-width:130px}
.sf-layout .sf-photo-large {max-height:180px!important}
.sf-layout .sf-computed-row .sf-readonly-value {border-radius:11px}
.sf-layout .sf-jisshu-archive .sf-archive-head h3 {color:#355b45}
.sf-layout .sf-transition-confirmation-note {background:#f1f8f2;border-color:#bcdac9}
.sf-layout .sf-shiten-row,.sf-layout .sf-sekininsha-row {background:#fafdfa;border-color:#e2ede5;border-radius:12px}
.sf-layout .sf-shiten-row input,.sf-layout .sf-sekininsha-row input {min-width:0}
.sf-layout .sf-detail-grid {gap:22px}
.sf-layout .sf-history-card {padding:5px 22px 22px}

@media(max-width:1220px) {
  .sf-layout .sf-summary-grid-modern {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sf-layout .sf-candidate-form .sf-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sf-layout .sf-candidate-form .sf-basic-fields {grid-template-columns:200px minmax(0,1fr)!important}
  .sf-layout .sf-candidate-form .sf-basic-fields .sf-photo-row {grid-row:1/span 4}
  .sf-layout .sf-page-head h2 {font-size:28px}
}
@media(max-width:980px) {
  .sf-layout .sf-ui-page {gap:15px}
  .sf-layout .sf-page-head {padding:4px 0 9px}
  .sf-layout .sf-summary-grid-modern {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sf-layout .sf-company-head-actions {margin-left:auto}
  .sf-layout .sf-company-table {min-width:0}
}
@media(max-width:720px) {
  .sf-layout .sf-ui-page {font-size:16px;gap:15px}
  .sf-layout .sf-page-head {align-items:center;gap:9px;padding:3px 0 10px;flex-wrap:wrap}
  .sf-layout .sf-page-head h2 {font-size:26px!important;line-height:1.3}
  .sf-layout .sf-page-head p {display:block;font-size:12px}
  .sf-layout .sf-page-icon {width:43px;height:43px;border-radius:12px}
  .sf-layout .sf-page-head-main {gap:9px}
  .sf-layout .sf-toolbar-card {padding:16px}
  .sf-layout .sf-filter-wide {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .sf-layout .sf-filter-wide .sf-search-field {grid-column:1/-1}
  .sf-layout .sf-filter select {font-size:14px!important;min-width:0}
  .sf-layout .sf-toolbar-note {font-size:12px}
  .sf-layout .sf-page-head-actions {width:100%;justify-content:flex-end;flex-wrap:wrap}
  .sf-layout .sf-page-head-actions .sf-count-pill {flex-direction:row;align-items:center;font-size:12px}
  .sf-layout .sf-page-head-actions .sf-count-pill>span+span {border-top:0;border-left:1px solid #dae9dd}
  .sf-layout .sf-summary-grid-modern {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .sf-layout .sf-summary-grid-modern .sf-summary-card {min-height:140px;padding:14px 12px!important;flex-direction:column;gap:9px!important}
  .sf-layout .sf-summary-card strong {font-size:28px!important}
  .sf-layout .sf-summary-card>div>span {font-size:13px!important}
  .sf-layout .sf-summary-card small {font-size:11px!important}
  .sf-layout .sf-section-head {padding:16px 15px 13px;gap:9px;flex-wrap:wrap}
  .sf-layout .sf-section-head h3 {font-size:19px}
  .sf-layout .sf-section-head p {font-size:12px}
  .sf-layout .sf-summary-icon {width:40px;height:40px}
  .sf-layout .sf-dashboard-table thead {display:none}
  .sf-layout .sf-dashboard-table tr {display:block;padding:14px 15px;border-bottom:1px solid #e9efea}
  .sf-layout .sf-dashboard-table td {display:flex!important;justify-content:space-between;gap:13px;align-items:flex-start;padding:5px 0!important;border:0!important;font-size:14px!important;white-space:normal!important}
  .sf-layout .sf-dashboard-table td:before {content:attr(data-label);flex:0 0 88px;color:#7d9686;font-size:12px;font-weight:650}
  .sf-layout .sf-dashboard-table td:first-child strong {font-size:16px}
  /* Candidate rows: keep every business field, present as glanceable cards */
  .sf-layout .sf-candidate-table {min-width:0!important;display:block;width:100%}
  .sf-layout .sf-candidate-table thead {display:none}
  .sf-layout .sf-candidate-table tbody {display:flex;flex-direction:column;gap:12px;padding:12px;background:#f7faf8}
  .sf-layout .sf-candidate-table tbody tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;padding:17px 15px;border:1px solid #e1ebe4;border-radius:15px;background:#fff!important;box-shadow:0 4px 15px rgba(42,89,58,.035)}
  .sf-layout .sf-candidate-table td {display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;border:0!important;padding:2px 0!important;font-size:14px!important;min-width:0;max-width:none;white-space:normal!important}
  .sf-layout .sf-candidate-table td:before {content:attr(data-label);font-size:12px;color:#819889;font-weight:600}
  .sf-layout .sf-candidate-table td.sf-candidate-name {grid-column:1/-1;border-bottom:1px solid #edf1ed!important;padding-bottom:10px!important}
  .sf-layout .sf-candidate-table td.sf-candidate-name:before {display:none}
  .sf-layout .sf-candidate-name-main {font-size:17px}
  .sf-layout .sf-candidate-table td.sf-candidate-company {grid-column:1/-1}
  .sf-layout .sf-candidate-table td.sf-candidate-actions-cell {grid-column:1/-1;padding-top:10px!important;border-top:1px solid #e9f1ea!important}
  .sf-layout .sf-candidate-table td.sf-candidate-actions-cell:before {display:none}
  .sf-layout .sf-candidate-table td.sf-candidate-actions-cell .sf-actions {flex-direction:row;justify-content:flex-end;flex-wrap:wrap;width:100%}
  .sf-layout .sf-candidate-table td.sf-candidate-expire,.sf-layout .sf-candidate-table td.sf-candidate-days {white-space:normal!important}
  .sf-layout .sf-candidate-table td.sf-candidate-empty-row {grid-column:1/-1}
  .sf-layout .sf-candidate-sector,.sf-layout .sf-candidate-work {max-width:none!important}
  /* Company rows, no unnecessary mobile search */
  .sf-layout .sf-company-table {min-width:0!important;display:block;width:100%}
  .sf-layout .sf-company-table thead {display:none}
  .sf-layout .sf-company-table tbody {display:flex;flex-direction:column;gap:12px;padding:12px;background:#f7faf8}
  .sf-layout .sf-company-table tbody tr {display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid #e2ebe4;border-radius:15px;background:#fff;box-shadow:0 4px 15px rgba(42,89,58,.035)}
  .sf-layout .sf-company-table td {display:flex!important;flex-wrap:wrap;gap:5px 10px;align-items:flex-start;padding:3px 0!important;border:0!important;max-width:none;white-space:normal!important;min-width:0}
  .sf-layout .sf-company-table td:before {content:attr(data-label);display:inline-block;flex:0 0 95px;color:#819789;font-size:12px;font-weight:650}
  .sf-layout .sf-company-table td.sf-company-name-cell {padding-bottom:10px!important;border-bottom:1px solid #edf1ed!important}
  .sf-layout .sf-company-table td.sf-company-name-cell:before {display:none}
  .sf-layout .sf-company-list-name {font-size:17px}
  .sf-layout .sf-company-table td:last-child {width:auto!important;padding-top:9px!important}
  .sf-layout .sf-company-table td:last-child:before {display:none}
  .sf-layout .sf-company-table td:last-child .sf-btn {margin-left:auto;width:auto;min-height:38px}
  .sf-layout .sf-company-head-actions {width:100%;margin-left:0;justify-content:flex-end;flex-wrap:nowrap;gap:8px}
  .sf-layout .sf-company-head-actions .sf-btn {font-size:14px!important;padding:10px 11px!important;min-width:0;white-space:nowrap}
  .sf-layout .sf-company-head-actions .sf-company-export-btn span {font-size:14px!important}
  .sf-layout .sf-company-head-actions .sf-company-export-btn span:after {display:none}
  .sf-layout .sf-directory-meta {padding:14px 16px;font-size:13px}
  /* Form fields are never hidden by CSS; stack on mobile */
  .sf-layout .sf-candidate-form .sf-form-group,.sf-layout .sf-candidate-form .sf-type-section[data-type-section],.sf-layout .sf-candidate-form .sf-status-panel,.sf-layout .sf-candidate-form .sf-jisshu-archive {padding:17px 15px;border-radius:15px}
  .sf-layout .sf-candidate-form .sf-grid,.sf-layout .sf-candidate-form .sf-basic-fields {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}
  .sf-layout .sf-candidate-form .sf-basic-fields .sf-photo-row {grid-column:1/-1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
  .sf-layout .sf-candidate-form .sf-photo-row .sf-photo-box {min-height:110px;padding:10px}
  .sf-layout .sf-candidate-form .sf-photo-placeholder {height:90px;width:100px}
  .sf-layout .sf-candidate-form .sf-photo-row .sf-muted {flex-basis:100%}
  .sf-layout .sf-form-group-head {gap:10px;margin-bottom:16px;padding-bottom:14px}
  .sf-layout .sf-form-group-head h3 {font-size:18px}
  .sf-layout .sf-form-group-head p {font-size:12px}
  .sf-layout .sf-group-mark {width:39px;height:39px}
  .sf-layout .sf-form-page .sf-form-actions {bottom:70px;justify-content:stretch}
  .sf-layout .sf-form-page .sf-form-actions .sf-btn {flex:1;min-width:0;white-space:normal}
  .sf-layout .sf-date-wrap {flex-wrap:nowrap;min-width:0;gap:4px}
  .sf-layout .sf-date-wrap input.sf-year {min-width:0!important;max-width:none!important;width:48%!important}
  .sf-layout .sf-date-wrap input.sf-month,.sf-layout .sf-date-wrap input.sf-day {min-width:0!important;width:26%!important}
  .sf-layout .sf-date-wrap input {font-size:14px!important;padding:8px 5px!important;text-align:center}
  .sf-layout .sf-shiten-row,.sf-layout .sf-sekininsha-row {grid-template-columns:1fr 1fr!important}
}
@media(max-width:420px) {
  .sf-layout .sf-form-page .sf-candidate-form .sf-grid,.sf-layout .sf-form-page .sf-candidate-form .sf-basic-fields {grid-template-columns:1fr!important}
  .sf-layout .sf-page-head h2 {font-size:24px!important}
  .sf-layout .sf-page-head p {font-size:12px}
  .sf-layout .sf-company-head-actions .sf-btn {font-size:12px!important;padding:10px 9px!important}
  .sf-layout .sf-company-head-actions .sf-company-export-btn span {font-size:12px!important}
  .sf-layout .sf-company-head-actions .sf-btn svg {width:14px;height:14px}
}
/* Legacy v8 responsive selectors had fixed widths; neutralize in new tables. */
.sf-layout .sf-candidate-table th:nth-child(n),.sf-layout .sf-candidate-table td:nth-child(n) {width:auto!important;text-align:left!important}
.sf-layout .sf-candidate-table th:last-child,.sf-layout .sf-candidate-table td:last-child {min-width:120px}
@media(max-width:720px){
 .sf-layout .sf-page-head .sf-btn {width:auto!important;height:auto!important;font-size:14px!important;padding:10px 12px!important}
 .sf-layout .sf-candidate-table tbody tr,.sf-layout .sf-company-table tbody tr,.sf-layout .sf-dashboard-table tbody tr {width:auto!important;margin:0!important}
 .sf-layout .sf-candidate-table td:nth-child(n),.sf-layout .sf-company-table td:nth-child(n) {width:100%!important}
 .sf-layout .sf-form-page .sf-form-actions {position:sticky!important;display:flex!important;grid-template-columns:none!important;bottom:70px;z-index:15}
 .sf-layout .sf-form-page .sf-form-actions .sf-btn {font-size:14px!important}
}

@media(min-width:721px) {
  .sf-layout .sf-company-table th:last-child,.sf-layout .sf-company-table td:last-child {width:160px;min-width:160px}
  .sf-layout .sf-company-table .sf-btn.sf-btn-sm {white-space:nowrap;width:auto;padding:9px 13px!important}
}
@media(min-width:721px){
 .sf-layout .sf-row label {font-size:16px!important}
 .sf-layout .sf-row input,.sf-layout .sf-row select,.sf-layout .sf-row textarea,.sf-layout .sf-filter input,.sf-layout .sf-filter select {font-size:16px!important}
}
@media(max-width:720px){
 .sf-layout .sf-row label {font-size:16px!important}
 .sf-layout .sf-row input,.sf-layout .sf-row select,.sf-layout .sf-row textarea {font-size:16px!important}
 .sf-layout .sf-candidate-table td {font-size:15px!important}
 .sf-layout .sf-company-table td {font-size:15px!important}
}
/* Original HR dates have three inputs plus three Japanese unit labels.
 * Use flex ratios rather than percentages; keeps date inputs inside cards. */
.sf-layout .sf-candidate-form .sf-date-wrap {display:flex!important;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;max-width:100%;white-space:nowrap}
.sf-layout .sf-candidate-form .sf-date-wrap input.sf-year {width:0!important;min-width:0!important;max-width:none!important;flex:1.5 1 0;padding-left:7px!important;padding-right:5px!important}
.sf-layout .sf-candidate-form .sf-date-wrap input.sf-month,.sf-layout .sf-candidate-form .sf-date-wrap input.sf-day {width:0!important;min-width:0!important;max-width:none!important;flex:1 1 0;padding-left:5px!important;padding-right:4px!important}
.sf-layout .sf-candidate-form .sf-date-wrap span {flex:0 0 auto;font-size:13px;color:#728778}
.sf-layout .sf-candidate-form .sf-date-wrap input[type=hidden] {display:none}

/* v9.3.1 — Actual Dashboard layout, Soft Sage × White mockup alignment.
   This is intentionally scoped to .sf-dash-*; legacy report and form UI remain unchanged. */
.sf-layout .sf-dashboard-page.sf-ui-page {gap:18px}
.sf-layout .sf-dashboard-page .sf-dash-heading {border:0;box-shadow:none;background:transparent;padding:7px 5px 6px;margin:0;align-items:center}
.sf-layout .sf-dash-heading .sf-page-icon {background:#e7f5eb;color:#348765;width:52px;height:52px}
.sf-layout .sf-dash-heading h2 {font-size:29px!important;line-height:1.25;color:#283e34}
.sf-layout .sf-dash-heading p {font-size:15px!important;color:#708879;margin-top:4px}
.sf-layout .sf-dash-heading .sf-dashboard-head-actions {gap:10px;display:flex;align-items:center;flex-wrap:wrap}
.sf-layout .sf-dash-heading .sf-dashboard-date {background:transparent;color:#72887c;font-size:14px;font-weight:500}
.sf-layout .sf-dash-metrics {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0}
.sf-layout .sf-dash-metric {display:flex;flex-direction:column;align-items:flex-start;padding:19px 18px 18px;min-height:163px;background:#fff;border:1px solid #e0ebe4;border-radius:16px;box-shadow:0 6px 26px rgba(39,86,56,.04);min-width:0}
.sf-layout .sf-dash-metric-top {display:flex;align-items:center;gap:10px;min-width:0;width:100%}
.sf-layout .sf-dash-metric-icon {display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:13px;background:#edf7ef;color:#328560}
.sf-layout .sf-dash-metric-icon svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sf-layout .sf-dash-metric-danger .sf-dash-metric-icon {color:#d96668;background:#fff1f1}
.sf-layout .sf-dash-metric-blue .sf-dash-metric-icon {color:#7999c7;background:#eff4fb}
.sf-layout .sf-dash-metric-sky .sf-dash-metric-icon {color:#659ac0;background:#edf6fb}
.sf-layout .sf-dash-metric-label {color:#375146;font-size:15px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}
.sf-layout .sf-dash-metric-value {font-size:34px;color:#243c30;font-weight:800;line-height:1.3;margin-top:10px;font-variant-numeric:tabular-nums}
.sf-layout .sf-dash-metric-value small {font-size:15px;font-weight:700;margin-left:6px;color:#536d5d}
.sf-layout .sf-dash-metric-note {font-size:12px;line-height:1.5;color:#728a7b;margin-top:auto;padding-top:8px}
.sf-layout .sf-dash-metric-danger .sf-dash-metric-note {color:#b95e60}
.sf-layout .sf-dash-priority,.sf-layout .sf-dash-activity,.sf-layout .sf-dash-month {padding:0!important;margin:0!important;overflow:hidden;background:#fff;border:1px solid #e2ece5;border-radius:16px;box-shadow:0 6px 26px rgba(39,86,56,.04)}
.sf-layout .sf-dash-panel-heading {display:flex;align-items:center;gap:12px;min-height:81px;padding:21px 22px 17px;min-width:0}
.sf-layout .sf-dash-panel-heading>div {min-width:0;flex:1}
.sf-layout .sf-dash-panel-heading h3 {font-size:21px;line-height:1.3;color:#263e32;font-weight:800;margin:0}
.sf-layout .sf-dash-panel-heading p {margin:5px 0 0;color:#7e9386;font-size:13px;line-height:1.45}
.sf-layout .sf-dash-panel-icon {display:grid;place-items:center;background:#e8f6ee;color:#348666;border-radius:12px;flex:0 0 43px;width:43px;height:43px}
.sf-layout .sf-dash-panel-icon svg {height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sf-layout .sf-dash-panel-icon-alert {color:#d56f72;background:#fff0f0}
.sf-layout .sf-dash-panel-count {padding:6px 10px;border-radius:999px;background:#eff7f0;color:#4a8260;font-size:13px;font-weight:750}
.sf-layout .sf-dash-view-all {display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #dcece0;border-radius:10px;background:#f2f9f4;color:#317d57;font-size:14px;font-weight:750;text-decoration:none!important;white-space:nowrap}
.sf-layout .sf-dash-view-all:hover,.sf-layout .sf-dash-view-all:focus-visible {background:#e3f2e8;color:#235d43}
.sf-layout .sf-dash-view-all span {font-size:21px;line-height:0.7}
.sf-layout .sf-dash-priority-scroll {overflow-x:auto;padding:0 18px 12px}
.sf-layout .sf-dash-priority-table {width:100%;border:1px solid #e7eeea;border-collapse:separate;border-spacing:0;border-radius:11px;overflow:hidden;font-size:14px;line-height:1.5;table-layout:fixed;background:#fff}
.sf-layout .sf-dash-priority-table th {background:#f4f8f5;color:#61796b;font-size:13px;text-align:left;font-weight:700;padding:12px 13px;border-bottom:1px solid #e4ede7}
.sf-layout .sf-dash-priority-table td {font-size:14px;color:#354e40;padding:15px 13px;border-bottom:1px solid #edf2ee;vertical-align:middle;overflow-wrap:anywhere}
.sf-layout .sf-dash-priority-table tr:last-child td {border-bottom:0}
.sf-layout .sf-dash-priority-table tr:hover {background:#fbfdfb}
.sf-layout .sf-dash-priority-table th:nth-child(1) {width:23%}
.sf-layout .sf-dash-priority-table th:nth-child(2) {width:18%}
.sf-layout .sf-dash-priority-table th:nth-child(3) {width:25%}
.sf-layout .sf-dash-priority-table th:nth-child(4) {width:13%}
.sf-layout .sf-dash-priority-table th:nth-child(5) {width:12%}
.sf-layout .sf-dash-priority-table th:nth-child(6) {width:9%}
.sf-layout .sf-dash-person {display:flex;gap:9px;align-items:center;min-width:0}
.sf-layout .sf-dash-avatar {flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e7f5eb;color:#317956;font-weight:800;font-size:14px}
.sf-layout .sf-dash-person strong {display:block;color:#2a4637;font-weight:750;font-size:14px;line-height:1.5}
.sf-layout .sf-dash-person small {display:block;font-size:12px;color:#7c9084;line-height:1.45}
.sf-layout .sf-dash-company {color:#567265!important}
.sf-layout .sf-dash-task-label {display:block;color:#365342;font-size:14px;font-weight:650}
.sf-layout .sf-dash-task-note {display:block;font-size:12px;line-height:1.4;color:#7d9185;margin-top:3px}
.sf-layout .sf-dash-due-date {font-variant-numeric:tabular-nums;white-space:nowrap;color:#3c5848}
.sf-layout .sf-dash-due-date small {display:block;font-size:12px;color:#a66e3a;margin-top:2px}
.sf-layout .sf-dash-due-date small.sf-dash-late {color:#c15c60}
.sf-layout .sf-dash-status {display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:750;padding:5px 10px;border-radius:999px;background:#eef8f1;color:#337e57}
.sf-layout .sf-dash-status:before {content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85}
.sf-layout .sf-dash-status-danger {background:#ffeded;color:#c85c60}
.sf-layout .sf-dash-status-warning {background:#fff4e6;color:#af7a31}
.sf-layout .sf-dash-row-link {font-size:13px;font-weight:750;color:#347e5a;white-space:nowrap;text-decoration:none!important}
.sf-layout .sf-dash-row-link:hover {text-decoration:underline!important}
.sf-layout .sf-dash-row-link span {margin-left:3px}
.sf-layout .sf-dash-table-footer {text-align:right;color:#7a9282;font-size:12px;padding:0 20px 15px}
.sf-layout .sf-dash-empty {padding:28px 24px;color:#6d8575;font-size:15px}
.sf-layout .sf-dash-bottom-panels {display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}
.sf-layout .sf-dash-activity-list {padding:0 20px 14px}
.sf-layout .sf-dash-activity-item {display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf2ee;text-decoration:none!important;min-width:0}
.sf-layout .sf-dash-activity-item:last-child {border-bottom:0}
.sf-layout .sf-dash-activity-item:hover {background:#fbfdfb}
.sf-layout .sf-dash-activity-symbol {flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e9f6ed;color:#358660;font-weight:700;font-size:19px}
.sf-layout .sf-dash-activity-body {display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.sf-layout .sf-dash-activity-body strong {color:#365240;font-size:13px;font-weight:750;line-height:1.5}
.sf-layout .sf-dash-activity-body small {color:#7b9282;font-size:12px;overflow-wrap:anywhere}
.sf-layout .sf-dash-activity-item time {color:#84998b;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.sf-layout .sf-dash-month-list {padding:0 22px 8px}
.sf-layout .sf-dash-month-row {display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(80px,.75fr);gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #eef2ef}
.sf-layout .sf-dash-month-row:last-child {border-bottom:0}
.sf-layout .sf-dash-month-row>span {font-size:14px;font-weight:650;color:#405d4b}
.sf-layout .sf-dash-month-row>strong {font-size:17px;font-weight:750;color:#348464;font-variant-numeric:tabular-nums;text-align:right}
.sf-layout .sf-dash-month-row>strong small {font-size:12px;margin-left:2px;color:#85998c}
.sf-layout .sf-dash-progress {height:10px;border-radius:999px;background:#edf1ee;overflow:hidden}
.sf-layout .sf-dash-progress>span {display:block;height:100%;border-radius:999px;background:#83bda0}
.sf-layout .sf-dash-month-help {padding:2px 22px 16px;margin:0;font-size:12px;color:#879a8d;line-height:1.6}
.sf-layout .sf-dash-details {border:1px solid #e1ece5;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(40,90,61,.04);overflow:hidden}
.sf-layout .sf-dash-details>summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:18px 21px;color:#355940}
.sf-layout .sf-dash-details>summary::-webkit-details-marker {display:none}
.sf-layout .sf-dash-details>summary:focus-visible {outline:3px solid #85bba0;outline-offset:-3px}
.sf-layout .sf-dash-details-icon {display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#eff8f1;color:#468a63;border-radius:12px}
.sf-layout .sf-dash-details>summary>span:nth-child(2) {min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.sf-layout .sf-dash-details>summary strong {font-size:18px;font-weight:750}
.sf-layout .sf-dash-details>summary small {font-size:13px;color:#7d9384}
.sf-layout .sf-dash-details-chevron {font-size:24px;line-height:1}
.sf-layout .sf-dash-details[open] .sf-dash-details-chevron {transform:rotate(180deg)}
.sf-layout .sf-dash-details-body {border-top:1px solid #e5eee6;padding:16px;display:flex;flex-direction:column;gap:18px}
.sf-layout .sf-dash-details-body>.sf-dashboard-section {margin:0!important}
@media(max-width:1180px) {
 .sf-layout .sf-dash-metrics {grid-template-columns:repeat(3,minmax(0,1fr))}
 .sf-layout .sf-dash-priority-table {min-width:850px}
}
@media(max-width:850px) {
 .sf-layout .sf-dash-bottom-panels {grid-template-columns:minmax(0,1fr)}
 .sf-layout .sf-dash-priority-table {min-width:0;display:block;border:0;background:transparent}
 .sf-layout .sf-dash-priority-table thead {display:none}
 .sf-layout .sf-dash-priority-table tbody {display:flex;flex-direction:column;gap:11px}
 .sf-layout .sf-dash-priority-table tbody tr {display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:8px;background:#fff;border:1px solid #e5eee7;border-radius:12px;padding:14px}
 .sf-layout .sf-dash-priority-table tbody td {display:block;border:0!important;padding:0!important;min-width:0;max-width:100%;font-size:14px}
 .sf-layout .sf-dash-priority-table tbody td:nth-child(1) {grid-column:1;grid-row:1}
 .sf-layout .sf-dash-priority-table tbody td:nth-child(2) {grid-column:1/-1;grid-row:2;padding-left:43px!important;font-size:13px}
 .sf-layout .sf-dash-priority-table tbody td:nth-child(3) {grid-column:1/-1;grid-row:3;padding:6px 0!important;border-top:1px solid #f0f4f1!important}
 .sf-layout .sf-dash-priority-table tbody td:nth-child(4) {grid-column:1;grid-row:4}
 .sf-layout .sf-dash-priority-table tbody td:nth-child(5) {grid-column:2;grid-row:1;text-align:right}
 .sf-layout .sf-dash-priority-table tbody td:nth-child(6) {grid-column:2;grid-row:4;text-align:right}
 .sf-layout .sf-dash-company,.sf-layout .sf-dash-task-label {overflow-wrap:anywhere}
}
@media(max-width:720px) {
 .sf-layout .sf-dashboard-page {gap:14px}
 .sf-layout .sf-dashboard-page .sf-dash-heading {padding:4px 0 7px;gap:9px}
 .sf-layout .sf-dash-heading h2 {font-size:25px!important}
 .sf-layout .sf-dash-heading p {font-size:13px!important}
 .sf-layout .sf-dash-heading .sf-dashboard-head-actions {justify-content:flex-start;width:100%;margin-left:0}
 .sf-layout .sf-dash-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .sf-layout .sf-dash-metric {padding:15px;min-height:145px}
 .sf-layout .sf-dash-metric-icon {height:41px;width:41px;flex-basis:41px}
 .sf-layout .sf-dash-metric-label {font-size:14px}
 .sf-layout .sf-dash-metric-value {font-size:30px}
 .sf-layout .sf-dash-metric-note {font-size:12px}
 .sf-layout .sf-dash-metric:last-child {grid-column:1/-1;min-height:114px}
 .sf-layout .sf-dash-panel-heading {gap:9px;align-items:flex-start;padding:17px 15px 13px;flex-wrap:wrap}
 .sf-layout .sf-dash-panel-heading>div {flex:1 1 calc(100% - 70px)}
 .sf-layout .sf-dash-panel-heading h3 {font-size:19px}
 .sf-layout .sf-dash-panel-heading p {font-size:12px}
 .sf-layout .sf-dash-panel-icon {width:39px;height:39px;flex-basis:39px}
 .sf-layout .sf-dash-view-all {margin-left:auto;padding:8px 11px;font-size:12px}
 .sf-layout .sf-dash-panel-count {font-size:12px}
 .sf-layout .sf-dash-priority-scroll {padding:0 12px 13px;overflow:visible}
 .sf-layout .sf-dash-activity-list {padding:0 13px 14px}
 .sf-layout .sf-dash-activity-item time {font-size:11px}
 .sf-layout .sf-dash-month-list {padding:0 15px 7px}
 .sf-layout .sf-dash-month-row {gap:10px;grid-template-columns:minmax(0,1fr) 48px minmax(50px,.6fr)}
 .sf-layout .sf-dash-month-row>span {font-size:13px}
 .sf-layout .sf-dash-month-help {padding:0 15px 16px}
 .sf-layout .sf-dash-details-body {padding:10px;gap:12px}
}
@media(max-width:350px) {
 .sf-layout .sf-dash-metric {padding:12px}
 .sf-layout .sf-dash-metric-top {gap:6px;flex-wrap:wrap}
 .sf-layout .sf-dash-metric-value {font-size:28px}
 .sf-layout .sf-dash-person strong {font-size:13px}
 .sf-layout .sf-dash-activity-item time {white-space:normal;max-width:78px;text-align:right}
}

/* Summary cards link directly to the existing management detail or candidate list. */
.sf-layout a.sf-dash-metric {text-decoration:none!important;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.sf-layout a.sf-dash-metric:hover,.sf-layout a.sf-dash-metric:focus-visible {border-color:#a8ccb6;box-shadow:0 8px 27px rgba(37,100,62,.09);outline-offset:2px}
/* Readability refinement: dense tables remain legible without changing data density. */
@media(min-width:851px) {
 .sf-layout .sf-dash-metric-label {font-size:16px}
 .sf-layout .sf-dash-metric-note {font-size:13px}
 .sf-layout .sf-dash-priority-table th {font-size:14px}
 .sf-layout .sf-dash-priority-table td {font-size:15px}
 .sf-layout .sf-dash-person strong,.sf-layout .sf-dash-task-label {font-size:15px}
 .sf-layout .sf-dash-activity-body strong {font-size:14px}
 .sf-layout .sf-dash-month-row>span {font-size:15px}
}


/* v9.3.2 — consistent residence/passport and technical intern plan field rows.
   Used by the same candidate-form template on new + detail/edit views, all visa types.
   Explicit scoped layout prevents the legacy .sf-grid !important rules from reordering fields. */
.sf-layout .sf-candidate-form .sf-hr-field-rows {
  display:flex;flex-direction:column;gap:20px;min-width:0;
}
.sf-layout .sf-candidate-form .sf-hr-field-line {
  display:grid!important;gap:16px 22px;align-items:start;min-width:0;
}
.sf-layout .sf-candidate-form .sf-hr-line-single,
.sf-layout .sf-candidate-form .sf-hr-line-double {grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sf-layout .sf-candidate-form .sf-hr-line-triple {grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sf-layout .sf-candidate-form .sf-hr-field-line>.sf-row {margin:0;min-width:0}
.sf-layout .sf-candidate-form .sf-hr-field-line .sf-date-wrap {width:100%;max-width:100%;min-width:0}
.sf-layout .sf-candidate-form .sf-hr-computed-fields {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;
  padding-top:18px;border-top:1px solid #edf2ed;
}
.sf-layout .sf-candidate-form .sf-hr-computed-fields>.sf-row {margin:0;min-width:0}
.sf-layout .sf-candidate-form .sf-hr-jisshu-archive-rows {padding:14px 18px 20px;gap:12px}
.sf-layout .sf-candidate-form .sf-hr-jisshu-archive-rows dl {margin:0;padding:0}
.sf-layout .sf-candidate-form .sf-hr-jisshu-archive-rows dl>div {
  min-width:0;padding:11px 12px;border:1px solid #e4eee6;border-radius:9px;background:#fbfdfb;
}
.sf-layout .sf-candidate-form .sf-hr-jisshu-archive-rows dt {font-size:13px;color:#627b6b;font-weight:700;margin-bottom:6px}
.sf-layout .sf-candidate-form .sf-hr-jisshu-archive-rows dd {font-size:15px;color:#304c3f;font-weight:650;margin:0;overflow-wrap:anywhere}
.sf-layout .sf-candidate-form .sf-hr-archive-extra {padding-top:14px!important;border-top:1px solid #edf2ed}
@media(max-width:1120px) {
  .sf-layout .sf-candidate-form .sf-hr-line-triple {grid-template-columns:1fr!important}
}
@media(max-width:720px) {
  .sf-layout .sf-candidate-form .sf-hr-field-rows {gap:16px}
  .sf-layout .sf-candidate-form .sf-hr-field-line {gap:14px}
  .sf-layout .sf-candidate-form .sf-hr-line-single,
  .sf-layout .sf-candidate-form .sf-hr-line-double,
  .sf-layout .sf-candidate-form .sf-hr-line-triple {grid-template-columns:1fr!important}
  .sf-layout .sf-candidate-form .sf-hr-computed-fields {grid-template-columns:1fr}
  .sf-layout .sf-candidate-form .sf-hr-jisshu-archive-rows {padding:12px 0}
}