#field-supervision{max-width:1080px;margin:0 auto}
#field-supervision .fs-page{display:none}
#field-supervision .fs-page.active{display:block}
#field-supervision .fs-toolbar{position:sticky;top:0;z-index:16;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(820px,100%);min-height:48px;margin:0 auto 12px;padding:7px 10px;border:1px solid #d8e3eb;border-radius:5px;background:rgba(248,251,253,.96);backdrop-filter:blur(8px)}
#field-supervision .fs-toolbar strong{color:#294b63;font-size:15px}
#field-supervision .fs-toolbar-actions{display:flex;gap:7px;align-items:center}
#field-supervision .fs-toolbar button{min-height:32px;padding:0 12px;border:1px solid #cbd9e3;border-radius:5px;background:#fff;color:#3b5b72;font-size:12px;font-weight:600}
#field-supervision .fs-toolbar .fs-save{border-color:#176da8;background:#176da8;color:#fff}
#field-supervision .fs-paper{width:210mm;min-height:297mm;margin:0 auto;padding:18mm 16mm 16mm;border:1px solid #111;background:#fff;color:#000;font-family:"SimSun","宋体","STSong",serif;box-shadow:0 1px 2px rgba(30,48,66,.05)}
#field-supervision .fs-title{margin:2px 0 8px;text-align:center;font-family:"SimSun","宋体","STSong",serif;font-size:24px;font-weight:700;letter-spacing:1px;line-height:1.45}
#field-supervision .fs-number{display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:14px;font-size:14px}
#field-supervision .fs-number input{width:54px;border:0!important;border-bottom:0!important;background:transparent;color:#000;font:inherit;text-align:center;outline:0}
#field-supervision .fs-number input[data-fs-field="serialNumber"]{width:66px}
#field-supervision .fs-contract{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:10px;font-size:14px;line-height:1.6}
#field-supervision .fs-contract label{display:flex;align-items:center;gap:5px;min-width:0}
#field-supervision .fs-contract input{min-width:0;flex:1;border:0!important;border-bottom:0!important;background:transparent;color:#000;font:inherit;outline:0}
#field-supervision .fs-number input:focus,#field-supervision .fs-contract input:focus{background:#f5fafc;border-radius:4px;box-shadow:0 0 0 2px rgba(23,109,168,.12)}
#field-supervision .fs-table-scroll{width:100%;overflow:visible}
#field-supervision .fs-table{width:100%;border-collapse:collapse;table-layout:fixed;color:#000;font-size:14px;line-height:1.55}
#field-supervision .fs-table td{padding:7px 6px;border:1px solid #000;background:#fff;vertical-align:middle}
#field-supervision .fs-label{text-align:center;background:#fff}
#field-supervision [data-entry-font="standard"]{--fs-entry-font:"SimSun","宋体","STSong",serif}
#field-supervision [data-entry-font="hand1"]{--fs-entry-font:"SLHandKai","STKaiti","KaiTi","楷体",serif}
#field-supervision [data-entry-font="hand2"]{--fs-entry-font:"SLHandXing","STXingkai","华文行楷","KaiTi",serif}
#field-supervision [data-entry-font="hand3"]{--fs-entry-font:"SLHandCao","FZKai-Z03","方正楷体","KaiTi",serif}
#field-supervision .fs-table input,#field-supervision .fs-table textarea{width:100%;border:0;background:transparent;color:#000;outline:0;resize:none;font:14px/1.65 var(--fs-entry-font,"SimSun","宋体","STSong",serif);box-shadow:none}
#field-supervision .fs-table input[type="date"]{min-height:28px}
#field-supervision .fs-table textarea{min-height:70px}
#field-supervision .fs-personnel{width:100%;border-collapse:collapse;table-layout:fixed;color:#000;font-size:13px}
#field-supervision .fs-personnel td{padding:5px 6px;border:0;border-top:1px solid #000}
#field-supervision .fs-personnel tr:first-child td{border-top:0}
#field-supervision .fs-names{display:grid;grid-template-columns:1.22fr 1.28fr .92fr;gap:10px}
#field-supervision .fs-names label{display:flex;align-items:center;gap:3px;white-space:nowrap}
#field-supervision .fs-names input{min-width:38px}
#field-supervision .fs-note{margin-top:10px;color:#000;font-size:12px;line-height:1.75}
#field-supervision .fs-signature,#field-supervision .fs-sign-row td{height:88px;padding:18px 18px 10px!important;vertical-align:bottom!important}
#field-supervision .fs-signature label,#field-supervision .fs-sign-row label{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;line-height:1.6}
#field-supervision .fs-signature input,#field-supervision .fs-sign-row input{width:150px;border:0!important;border-bottom:0!important;background:transparent;box-shadow:none!important}
#field-supervision .fs-signature input[type="date"],#field-supervision .fs-sign-row input[type="date"]{width:130px}
#field-supervision .fs-directory{width:min(900px,100%);margin:0 auto;padding:20px;border:1px solid #dbe5ec;border-radius:10px;background:#fff}
#field-supervision .fs-directory-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
#field-supervision .fs-directory-head>div{display:flex;flex-direction:column;gap:4px}
#field-supervision .fs-directory-head strong{color:#274a62;font-size:18px}
#field-supervision .fs-directory-head span{color:#718697;font-size:12px}
#field-supervision .fs-directory-head button{min-height:32px;padding:0 12px;border:1px solid #176da8;border-radius:6px;background:#176da8;color:#fff;font-size:12px;font-weight:600;cursor:pointer}
#field-supervision .fs-record-table-wrap{overflow:visible}
#field-supervision .fs-record-table{width:100%;border-collapse:collapse;background:#fff}
#field-supervision .fs-record-table th,#field-supervision .fs-record-table td{padding:12px 14px;border-bottom:1px solid #e3ebf0;text-align:left;font-size:13px}
#field-supervision .fs-record-table th{background:#f5f9fb;color:#5d7485;font-weight:600}
#field-supervision .fs-record-table tbody tr{cursor:pointer}
#field-supervision .fs-record-table tbody tr:hover{background:#f4f9fc}
#field-supervision .fs-record-table .fs-empty{text-align:center;color:#8495a2;padding:48px 12px}
#field-supervision .fs-status{display:inline-flex;padding:3px 8px;border-radius:12px;background:#edf5f9;color:#526f82;font-size:11px}
#field-supervision .fs-toolbar select{height:32px;max-width:118px;padding:0 7px;border:1px solid #cbd9e3;border-radius:5px;background:#fff;color:#3b5b72;font-size:12px}
#field-supervision .fs-more{position:relative;display:inline-block}
#field-supervision .fs-more summary{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #cbd9e3;border-radius:5px;background:#fff;color:#3b5b72;cursor:pointer;list-style:none;font-size:18px}
#field-supervision .fs-more summary::-webkit-details-marker{display:none}
#field-supervision .fs-more>div{position:absolute;right:0;top:36px;z-index:24;min-width:120px;padding:5px;border:1px solid #d6e2ea;border-radius:7px;background:#fff;box-shadow:0 8px 24px rgba(31,61,82,.14)}
#field-supervision .fs-more>div button{width:100%;border:0;background:#fff;text-align:left;white-space:nowrap}
.field-supervision-menu .menu-sub-item.active{border-left:0!important;background:#f2f6fa!important;color:#5f7890!important;font-weight:400!important;box-shadow:none!important}
.m-drawer .field-supervision-mobile .m-menu-item.active{border-left:0!important;background:#f2f6fa!important;color:#5f7890!important;font-weight:400!important}
@media(max-width:768px){
  #field-supervision{width:100%}
  #field-supervision .fs-toolbar{top:calc(48px + env(safe-area-inset-top,0px));width:100%;margin-bottom:10px;align-items:flex-start;padding:7px 8px}
  #field-supervision .fs-toolbar strong{padding-top:8px;max-width:88px;font-size:13px}
  #field-supervision .fs-toolbar-actions{display:grid;grid-template-columns:auto auto auto auto;gap:4px;justify-content:end}
  #field-supervision .fs-toolbar button,#field-supervision .fs-toolbar select{min-height:30px;height:30px;padding:0 7px;max-width:92px;font-size:11px}
  #field-supervision .fs-toolbar .fs-more{grid-column:4}
  #field-supervision .fs-more summary{width:30px;height:30px}
  #field-supervision .fs-directory{padding:12px 10px;border-radius:7px}
  #field-supervision .fs-directory-head{align-items:flex-start}
  #field-supervision .fs-directory-head strong{font-size:18px}
  #field-supervision .fs-directory-head span{font-size:11px}
  #field-supervision .fs-directory-head button{min-height:30px;padding:0 9px}
  #field-supervision .fs-record-table-wrap{overflow:visible}
  #field-supervision .fs-record-table thead{display:none}
  #field-supervision .fs-record-table,#field-supervision .fs-record-table tbody{display:grid;gap:8px}
  #field-supervision .fs-record-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:11px;border:1px solid #dfe8ee;border-radius:7px}
  #field-supervision .fs-record-table td{display:grid;width:auto;padding:0;border:0}
  #field-supervision .fs-record-table td:nth-child(2),#field-supervision .fs-record-table td:nth-child(3){font-size:11px;color:#718697}
  #field-supervision .fs-record-table td:last-child{grid-column:2;grid-row:1/3}
  #field-supervision .fs-paper{width:100%;min-height:0;padding:13px 10px;border-color:#000;box-shadow:none}
  #field-supervision .fs-title{font-size:20px}
  #field-supervision .fs-number{font-size:12px}
  #field-supervision .fs-contract{grid-template-columns:1fr;gap:4px;font-size:13px}
  #field-supervision .fs-table-scroll{overflow:visible}
  #field-supervision .fs-table colgroup{display:none}
  #field-supervision .fs-table>tbody{display:grid;gap:8px}
  #field-supervision .fs-table>tbody>tr{display:grid;grid-template-columns:minmax(94px,32%) minmax(0,1fr);border:1px solid #000}
  #field-supervision .fs-table>tbody>tr>td{display:grid;width:auto!important;min-width:0;padding:6px 7px;border:0;border-right:1px solid #000;border-bottom:1px solid #000;font-size:13px;line-height:1.45}
  #field-supervision .fs-table>tbody>tr>td:nth-last-child(-n+2){border-bottom:0}
  #field-supervision .fs-table>tbody>tr>td:nth-child(2n){border-right:0}
  #field-supervision .fs-table>tbody>tr>td[colspan]{grid-column:2;border-right:0}
  #field-supervision .fs-table>tbody>tr>td.fs-signature,#field-supervision .fs-table>tbody>tr.fs-sign-row>td{grid-column:1/-1;border:0;border-bottom:1px solid #000}
  #field-supervision .fs-table>tbody>tr.fs-sign-row{grid-template-columns:1fr}
  #field-supervision .fs-standing .fs-table>tbody>tr:nth-child(2){grid-template-columns:72px minmax(0,1fr) 60px minmax(0,1fr) 55px minmax(0,1fr)}
  #field-supervision .fs-standing .fs-table>tbody>tr:nth-child(2)>td{border-bottom:0}
  #field-supervision .fs-standing .fs-table>tbody>tr:nth-child(2)>td:nth-child(2n){border-right:1px solid #000}
  #field-supervision .fs-standing .fs-table>tbody>tr:nth-child(2)>td:last-child{border-right:0}
  #field-supervision .fs-standing .fs-table>tbody>tr:nth-child(3)>td[colspan]{grid-column:2}
  #field-supervision .fs-safety .fs-table>tbody>tr:nth-child(1),#field-supervision .fs-safety .fs-table>tbody>tr:nth-child(2){grid-template-columns:68px minmax(0,1fr) 68px minmax(0,1fr)}
  #field-supervision .fs-safety .fs-table>tbody>tr:nth-child(1)>td,#field-supervision .fs-safety .fs-table>tbody>tr:nth-child(2)>td{border-bottom:0}
  #field-supervision .fs-safety .fs-table>tbody>tr:nth-child(1)>td[colspan]{grid-column:auto}
  #field-supervision .fs-table input,#field-supervision .fs-table textarea{font-size:13px;line-height:1.55}
  #field-supervision .fs-table textarea{min-height:82px}
  #field-supervision .fs-personnel,#field-supervision .fs-personnel tbody{display:grid}
  #field-supervision .fs-personnel tr{display:grid;grid-template-columns:1fr 1fr}
  #field-supervision .fs-personnel td{display:grid;width:auto!important;min-width:0}
  #field-supervision .fs-personnel tr:first-child td{grid-column:1/-1}
  #field-supervision .fs-names{grid-template-columns:1fr;gap:5px}
  #field-supervision .fs-signature,#field-supervision .fs-sign-row td{height:auto;min-height:100px;padding:14px 10px 8px!important}
  #field-supervision .fs-signature label,#field-supervision .fs-sign-row label{justify-content:flex-start;flex-wrap:wrap}
}
@media print{
  #field-supervision .fs-toolbar,#field-supervision .fs-directory{display:none!important}
  #field-supervision .fs-paper{border:0;box-shadow:none}
}

/* 2026-09-08 正式表格字体基线：手机端仅重排，不再缩小文书字号。 */
#field-supervision .fs-paper{font-family:var(--sl-form-font)}
#field-supervision .fs-title{font-family:var(--sl-form-font);font-size:var(--sl-form-title-size);line-height:var(--sl-form-line-height)}
#field-supervision .fs-number{font-size:var(--sl-form-subtitle-size)}
#field-supervision .fs-contract{font-size:var(--sl-form-meta-size);line-height:var(--sl-form-line-height)}
#field-supervision .fs-table{font-family:var(--sl-form-font);font-size:var(--sl-form-label-size);line-height:var(--sl-form-line-height)}
#field-supervision .fs-table input,#field-supervision .fs-table textarea{font-size:var(--sl-form-value-size);line-height:var(--sl-form-line-height)}
#field-supervision .fs-personnel{font-size:var(--sl-form-label-size)}
#field-supervision .fs-note{font-size:var(--sl-form-note-size);line-height:var(--sl-form-line-height)}
#field-supervision .fs-signature,#field-supervision .fs-sign-row{font-size:var(--sl-form-sign-size)}
@media(max-width:768px){
  #field-supervision .fs-title{font-size:var(--sl-form-title-size)}
  #field-supervision .fs-number{font-size:var(--sl-form-subtitle-size)}
  #field-supervision .fs-contract{font-size:var(--sl-form-meta-size)}
  #field-supervision .fs-table>tbody>tr>td,#field-supervision .fs-table input,#field-supervision .fs-table textarea,#field-supervision .fs-personnel{font-size:var(--sl-form-value-size);line-height:var(--sl-form-line-height)}
  #field-supervision .fs-signature label,#field-supervision .fs-sign-row label{justify-content:flex-end;text-align:right}
}

/* 2026-09-09 final field directory */
#field-supervision .fs-directory-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
#field-supervision .fs-directory-tools select{height:32px;min-width:105px;padding:0 8px;border:1px solid #d4e0e8;border-radius:6px;background:#fff;color:#405d72;font-size:11px}
#field-supervision .fs-row-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
#field-supervision .fs-row-button{height:30px;padding:0 9px;border:1px solid #d4e0e8;border-radius:5px;background:#fff;color:#405d72;font-size:11px;cursor:pointer}
#field-supervision .fs-row-button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:768px){#field-supervision .fs-directory-tools{width:100%;justify-content:flex-start}#field-supervision .fs-directory-tools select{min-width:92px;height:30px}#field-supervision .fs-record-table td:last-child{grid-column:2;grid-row:1/4}#field-supervision .fs-row-actions{align-self:center}}


/* 2026-09-10 release9: 记录列表更多菜单固定为完整纵向菜单，避免横向撑开/被右栏遮挡 */
#field-supervision .fs-record-table-wrap,
#field-supervision .fs-record-table,
#field-supervision .fs-record-table tbody,
#field-supervision .fs-record-table tr,
#field-supervision .fs-record-table td{overflow:visible!important}
#field-supervision .fs-row-actions{position:relative!important;overflow:visible!important}
#field-supervision .fs-row-actions>.fs-more{position:relative!important;display:inline-block!important;margin-left:auto!important}
#field-supervision .fs-row-actions>.fs-more>div{
  position:absolute!important;
  top:36px!important;
  right:0!important;
  left:auto!important;
  z-index:1000!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  padding:5px!important;
  overflow:visible!important;
  border:1px solid #d6e2ea!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(31,61,82,.16)!important;
}
#field-supervision .fs-row-actions>.fs-more>div>button{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#405d72!important;
  font-size:11px!important;
  line-height:32px!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#field-supervision .fs-row-actions>.fs-more>div>button:hover{background:#f3f7fa!important}
#field-supervision .fs-row-actions>.fs-more>div>button[data-fs-delete]{color:#b0444d!important}
@media(max-width:768px){
  #field-supervision .fs-row-actions>.fs-more>div{top:34px!important;right:0!important;width:108px!important;min-width:108px!important;max-width:108px!important}
}