.feishu-approval-workspace { max-width: 1440px; margin: 0 auto; }
.feishu-approval-workspace .card { margin-bottom: 16px; }
.fa-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; }
.fa-steps > div { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px; border: 1px solid #dbe3ed; background: #fff; border-radius: 12px; }
.fa-steps > div > span:first-child { display: grid; place-items: center; width: 27px; height: 27px; flex-shrink: 0; border-radius: 50%; background: #e8f0fc; color: #245f9f; font-weight: 700; }
.fa-steps strong { color: #233248; font-size: 14px; }
.fa-status { display: inline-block; padding: 3px 8px; background: #f0f3f8; color: #526073; border-radius: 7px; font-size: 12px; white-space: nowrap; }
.fa-status.success { color: #19663f; background: #e7f5ed; }
.fa-status.warning { color: #875a0f; background: #fff4d9; }
.fa-status.danger { color: #b02929; background: #ffe9e9; }
.fa-tabs { margin-bottom: 16px; gap: 8px; }
.fa-summary { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 16px; }
.fa-summary > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fa-summary span { color: #627087; font-size: 12px; }
.fa-summary strong { font-size: 14px; overflow-wrap: anywhere; }
.fa-guide { margin-top: 18px; padding: 12px 14px; background: #f7f9fc; border-radius: 8px; font-size: 13px; line-height: 1.8; }
.fa-guide summary { cursor: pointer; color: #29445f; font-weight: 600; }
.fa-guide ol, .fa-registration-steps { padding-left: 22px; }
.fa-company-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.fa-company-options label, .fa-toggle-options label { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid #e0e7ef; border-radius: 9px; }
.fa-company-options input, .fa-toggle-options input, .fa-identity-check input { margin-top: 3px; flex: 0 0 auto; }
.fa-company-options label span, .fa-toggle-options label span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fa-company-options strong, .fa-toggle-options strong { color: #29394f; font-size: 13px; overflow-wrap: anywhere; }
.fa-company-options small, .fa-toggle-options small { color: #66768b; line-height: 1.5; }
.fa-toggle-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.fa-warning { margin: 14px 0 0; padding: 10px 12px; color: #825314; background: #fff7e7; border: 1px solid #f0dfbc; border-radius: 8px; font-size: 13px; line-height: 1.65; }
.fa-lookup-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
.fa-lookup-row small { color: #64748b; }
.fa-identity-result { display: flex; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid #d8e6ef; background: #f4f9fd; border-radius: 8px; overflow-wrap: anywhere; }
.fa-identity-check { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; color: #34485d; line-height: 1.6; }
.fa-record-error { display: block; margin-top: 6px; max-width: 260px; white-space: normal; color: #9b3737; line-height: 1.5; }
.fa-registration-status { line-height: 1.6; }
@media (max-width: 960px) {
  .fa-steps { grid-template-columns: 1fr; gap: 8px; }
  .fa-steps > div { padding: 11px 13px; }
  .fa-company-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .fa-company-options, .fa-toggle-options, .fa-summary { grid-template-columns: 1fr; }
  .fa-tabs { flex-wrap: wrap; }
  .feishu-approval-workspace .section-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .feishu-approval-workspace .table-wrap { max-width: 100%; overflow-x: auto; }
}