#project-info{
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.project-personnel-table input,.project-personnel-table select{width:100%;min-width:0;height:32px;box-sizing:border-box;border:1px solid #cad8e1;border-radius:5px;background:#fff;padding:0 8px;color:#29465a;font-size:13px}
.project-personnel-table-wrap{overflow:visible;border:1px solid #dce6ec;border-radius:7px}
.project-personnel-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
.project-personnel-table th,.project-personnel-table td{padding:8px 10px;border-bottom:1px solid #e3eaf0;text-align:left;vertical-align:middle}
.project-personnel-table th{background:#f5f8fa;color:#486174;font-weight:600}
.project-personnel-table th:nth-child(1){width:23%}.project-personnel-table th:nth-child(2){width:24%}.project-personnel-table th:nth-child(3){width:27%}.project-personnel-table th:nth-child(4){width:26%}
.project-personnel-table tr:last-child td{border-bottom:0}
.project-personnel-table td:last-child{white-space:nowrap}.project-personnel-table td:last-child .btn-table{height:28px;margin-right:5px;padding:0 9px;font-size:11px}

.project-manage-tabs{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0 auto 16px;
  padding: 3px;
  max-width: 640px;
  background: #e5edf3;
  border-radius: 4px;
}

.project-manage-tabs button{
  min-height: 42px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #4b6170;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.project-manage-tabs button.active{
  background: #fff;
  color: #155e75;
  box-shadow: 0 2px 8px rgba(31, 78, 99, .12);
}

.project-profile-card,.project-manage-panel{
  width: min(100%, 794px);
  margin: 0 auto 24px;
  padding: 28px 36px 32px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d8e2e9;
  border-radius: 4px;
}

.project-profile-card .project-subheading{
  margin: 24px 0 12px;
}

.project-profile-actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.project-profile-actions .btn{
  min-width: 128px;
}

.project-personnel-list,.project-manage-list{
  display: grid;
  gap: 10px;
}

.project-personnel-summary{
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 12px;
  align-items: center;
  padding: 9px 12px;
  border-bottom: 1px solid #dce6ed;
  color: #425b69;
  font-size: 13px;
}

.project-personnel-summary:last-child{
  border-bottom: 0;
}

.project-personnel-summary strong{
  color: #284b5d;
}

.project-personnel-card,.project-manage-card{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid #d8e2e9;
  border-radius: 4px;
  background: #f8fbfc;
}

.project-personnel-fields{
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 10px;
}

.project-personnel-fields label{
  display: grid;
  gap: 5px;
  min-width: 0;
}

.project-personnel-fields label > span{
  color: #607382;
  font-size: 12px;
}

.project-personnel-fields input,.project-personnel-fields select{
  width: 100%;
  min-width: 0;
  height: 36px;
  box-sizing: border-box;
  border: 1px solid #cbd8e0;
  border-radius: 4px;
  background: #fff;
  padding: 0 9px;
}

.project-personnel-actions,.project-manage-actions{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.project-manage-card-main{
  display: grid;
  gap: 4px;
}

#project-info .project-manage-card-main{min-width:0;max-width:100%;overflow:hidden}
#project-info .project-manage-card-main>strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#project-info .project-badge{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.project-manage-card-main span{
  color: #607382;
  font-size: 12px;
}

.project-manage-card.current{
  border-color: #7ca6b8;
  background: #eef6f8;
}

@media (max-width: 768px){
  #project-info{
    max-width: none;
  }

  .project-personnel-table-wrap{overflow-x:auto}
  .project-personnel-table{min-width:620px}

  .project-manage-tabs{
    position: sticky;
    top: 56px;
    z-index: 12;
    width: 100%;
    max-width: none;
    margin-bottom: 12px;
  }

  .project-manage-tabs button{
    min-height: 42px;
    padding: 0 4px;
    font-size: 14px;
    white-space: nowrap;
  }

  .project-profile-card,.project-manage-panel{
    width: 100%;
    margin: 0;
    padding: 14px 12px 18px;
    min-height: 0;
    box-shadow: none;
  }

  .project-profile-card .w-table-opt,.project-profile-card .w-table-opt tbody,.project-profile-card .w-table-opt tr,.project-profile-card .w-table-opt td{
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .project-profile-card .w-table-opt{
    border: 0;
  }

  .project-profile-card .w-table-opt tr{
    margin-bottom: 7px;
  }

  .project-profile-card .w-table-opt td{
    border: 0;
    padding: 0;
    text-align: left;
    background: transparent;
  }

  .project-profile-card .w-table-opt td:first-child{
    margin-bottom: 3px;
    color: #526876;
    font-size: 13px;
    font-weight: 600;
  }

  .project-profile-card .w-input-opt{
    width: 100%;
    min-width: 0;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #cbd8e0;
    border-radius: 4px;
    padding: 0 10px;
  }

  .project-profile-actions .btn{
    width: auto;
    min-width: 120px;
    min-height: 38px;
  }

  .project-profile-actions{
    margin-top: 14px;
  }

  .project-personnel-summary{
    grid-template-columns: 1fr;
    gap: 3px;
    padding: 9px 4px;
  }

  .project-personnel-card,.project-manage-card{
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .project-personnel-fields{
    grid-template-columns: 1fr;
  }

  .project-personnel-actions,.project-manage-actions{
    width: 100%;
  }

  .project-manage-heading{
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
  }

  .project-manage-heading .btn{
    flex: 0 0 auto;
    max-width: 100%;
  }

  .project-manage-heading p{
    display: none;
  }
}

/* migrated from seven-stage-final.css */
@media (max-width:768px){
#project-info .project-subheading{font-family:var(--font);font-size:17px;margin:24px 0 12px;color:#174b72}
#project-info #supervisorTable .role-action-cell{width:92px!important;padding:6px!important}
#project-info #projectArchivePanel>.a4-page{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    margin:0 0 12px!important;padding:16px 12px 20px!important;box-shadow:none!important;overflow:visible!important
  }
#project-info .w-table-opt{width:100%!important;min-width:0!important;table-layout:fixed!important}
#project-info .w-table-opt td{padding:7px 6px!important;font-size:11px!important;word-break:break-word!important}
#project-info .w-input-opt{width:100%!important;min-width:0!important;font-size:12px!important}
}
@media (max-width:768px){
#project-info .project-manage-tabs{position:sticky;top:48px;z-index:8;display:flex;gap:4px;width:calc(100% - 20px);margin:0 10px 10px;padding:4px;border:1px solid #dbe5ec;border-radius:4px;background:#f3f7fa}
#project-info .project-manage-tabs button{flex:1;min-height:34px;padding:0 5px;border:0;border-radius:4px;background:transparent;color:#587083;font-size:12px;font-weight:600}
#project-info .project-manage-tabs button.active{background:#fff;color:#176da8}
#project-info .project-manage-panel{width:100%;margin:0 0 10px;padding:12px;border-radius:0}
#project-info .project-manage-panel[hidden],#project-info #projectArchivePanel[hidden]{display:none!important}
#project-info .project-manage-heading{align-items:flex-start}
#project-info .project-manage-heading h2{font-size:16px}
#project-info .project-manage-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}
#project-info .project-manage-heading p{margin:3px 0 0;color:#718696;font-size:11px}
#project-info .project-manage-list{display:grid;gap:8px}
#project-info .project-manage-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #e1e8ed;border-radius:4px;background:#fbfcfd}
#project-info .project-manage-card div{display:flex;min-width:0;flex-direction:column;gap:2px}
#project-info .project-manage-card span,#project-info .project-manage-empty{color:#748796;font-size:11px}
}

/* migrated from final-ui.css */
/* 项目管理不属于文档编辑器，禁止文档工具栏再次注入。 */
#project-info>.sl-document-toolbar{display:none!important}
@media (max-width:768px){
/* 手机端沿用同一项目管理 DOM，不显示通用文档工具栏。 */
  #project-info>.sl-document-toolbar{display:none!important}
#project-info .project-manage-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
#project-info .project-manage-tabs button{min-width:0;height:34px;min-height:34px;padding:0 6px;font-size:12px}
#project-info .project-personnel-fields{grid-template-columns:1fr}
}

/* isolated from assets/maintenance-20260805.css */
#project-info .sandbox-control{display:none!important}

/* isolated from assets/seven-stage-20260823.css */
#project-info .sandbox-control{width:min(100%,900px)!important;box-sizing:border-box}.s7-project-console{width:min(100%,900px);margin:0 auto 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 20px;background:var(--s7-soft);border-radius:14px}.s7-project-console h2{font-size:18px;margin:0 0 4px}.s7-project-console p{font-size:12px;color:var(--s7-muted);margin:0}.s7-project-console-actions{display:flex;gap:8px}#project-info > .sl-document-toolbar{display:none!important}@media(max-width:900px){.s7-project-console{grid-template-columns:1fr}.s7-project-console-actions{flex-wrap:wrap}}@media(max-width:768px){#project-info .s7-project-console{display:none!important}}

/* isolated from assets/core/business-shell.css */
@media (min-width:769px){#project-info{max-width:980px;margin:0 auto}#project-info .project-manage-tabs{display:flex;gap:4px;width:min(100%,794px);margin:0 auto 14px;padding:4px;border:1px solid #dbe5ec;border-radius:4px;background:#f3f7fa}#project-info .project-manage-tabs button{flex:1;min-height:36px;border:0;border-radius:4px;background:transparent;color:#587083;font:600 13px var(--font);cursor:pointer}#project-info .project-manage-tabs button.active{background:#fff;color:#176da8;box-shadow:0 1px 4px rgba(31,67,91,.1)}#project-info .project-manage-panel{width:min(100%,794px);margin:0 auto 18px;padding:20px;border:1px solid #dfe7ed;border-radius:4px;background:#fff}#project-info .project-manage-panel[hidden],#project-info #projectArchivePanel[hidden]{display:none!important}#project-info .project-manage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}#project-info .project-manage-heading h2{margin:0 0 4px;font-size:18px;color:#193b57}#project-info .project-manage-heading p{margin:0;color:#708494;font-size:12px}#project-info .project-manage-list{display:grid;gap:8px}#project-info .project-manage-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e1e8ed;border-radius:4px;background:#fbfcfd}#project-info .project-manage-card div{display:flex;min-width:0;flex-direction:column;gap:3px}#project-info .project-manage-card strong{overflow:hidden;color:#203d53;font-size:14px;text-overflow:ellipsis;white-space:nowrap}#project-info .project-manage-card span,#project-info .project-manage-empty{color:#748796;font-size:12px}#project-info .s7-project-console{width:min(100%,var(--sl-a4-width,794px));margin:0 auto 16px;padding:18px 22px;border:1px solid #dbe7ef;border-radius:12px;background:#f8fbfd;box-shadow:0 8px 24px rgba(31,74,105,.05)}#project-info .s7-project-console h2{font-size:19px;color:#193b57}#project-info .s7-project-console p{font-size:13px;line-height:1.6;color:#6a8193}#project-info .s7-project-console-actions .btn{height:40px;padding:0 18px;border-color:#ccdce7}#project-info .s7-project-console-actions .btn-primary{background:#1675bd;border-color:#1675bd}#project-info #projectArchivePanel>.sandbox-control{display:none!important}#project-info #projectArchivePanel>.a4-page{width:min(100%,var(--sl-a4-width,794px));max-width:var(--sl-a4-width,794px);min-height:auto;margin:0 auto 28px;padding:38px 54px 52px;border-color:#dfe7ed;border-radius:2px;box-shadow:0 14px 36px rgba(35,72,98,.08)}#project-info #projectArchivePanel>.a4-page>div:first-child{margin:6px 0 28px!important;font-size:27px!important;color:#125d98!important}#project-info .project-subheading{margin:34px 0 14px;color:#174b72;font-family:var(--font);font-size:18px;font-weight:700;letter-spacing:.01em}#project-info .w-table-opt{margin:0;border-collapse:separate;border-spacing:0;border:1px solid #dfe7ed;border-radius:9px;overflow:hidden}#project-info .w-table-opt td{height:48px;padding:10px 14px;border:0;border-right:1px solid #e2e9ee;border-bottom:1px solid #e2e9ee;font-family:var(--font);font-size:14px}#project-info .w-table-opt tr:last-child td{border-bottom:0}#project-info .w-table-opt td:last-child{border-right:0}#project-info .w-table-opt td:first-child{width:30%;background:#f3f7fa!important;color:#263f54;font-weight:600!important}#project-info .w-input-opt{min-height:28px;padding:4px 7px;border-radius:5px;color:#20394e}#project-info .w-input-opt:focus{background:#eef7fd;box-shadow:0 0 0 2px rgba(22,117,189,.14)}}

/* 2026-09-08 项目管理 UI 定稿：PC/手机分别响应，业务DOM共用 */
#project-info{
  --project-field-font:14px;
  --project-muted:#718696;
  --project-line:#dbe6ed;
  --project-soft:#f4f8fb;
}

/* ---- 共用标题、按钮、填写字体 ---- */
#project-info .project-subheading{
  margin:26px 0 12px;
  color:#174b72;
  font-family:var(--font);
  font-size:18px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:0;
}
#project-info .project-subheading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:26px 0 12px;
}
#project-info .project-subheading-row .project-subheading{margin:0}
#project-info .project-manage-heading h2{
  margin:0;
  color:#193b57;
  font-size:18px;
  line-height:1.35;
}
#project-info .project-manage-heading .btn,
#project-info .project-create-btn,
#project-info .project-personnel-add-btn,
#project-info .project-member-add-toggle,
#project-info .project-member-lookup-result .btn-primary{
  height:30px;
  min-height:30px;
  padding:0 10px;
  border-radius:5px;
  font-size:12px;
  line-height:1;
}
#project-info .project-profile-save-btn{
  flex:0 0 auto;
  height:30px;
  min-height:30px;
  padding:0 11px;
  border:1px solid #c9d9e4;
  border-radius:5px;
  background:#fff;
  color:#2d6386;
  font-size:12px;
  font-weight:600;
  box-shadow:none;
}
#project-info .project-profile-save-btn:hover{background:#f4f9fc;border-color:#9fc2d8}
#project-info .w-table-opt td,
#project-info .w-input-opt,
#project-info .project-personnel-row input,
#project-info .project-personnel-row select,
#project-info .project-member-search-row input,
#project-info .project-member-lookup-result select,
#project-info .project-member-candidate strong,
#project-info .project-member-candidate span,
#project-info .project-member-main strong,
#project-info .project-member-main span,
#project-info .project-member-main em,
#project-info .project-member-desktop-actions select{
  font-size:var(--project-field-font);
}
#project-info .w-table-opt td:first-child{font-size:var(--project-field-font)}

/* ---- 项目列表 ---- */
#project-info .project-manage-list{display:grid;gap:8px}
#project-info .project-manage-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid #e1e8ed;
  border-radius:7px;
  background:#fff;
}
#project-info .project-manage-card-main{display:flex;min-width:0;flex-direction:column;gap:4px}
#project-info .project-manage-card-main strong{color:#203d53;font-size:14px;line-height:1.45}
#project-info .project-manage-card-main>span:not(.project-manage-state){color:#718696;font-size:12px}
#project-info .project-manage-state{
  display:inline-flex;
  align-items:center;
  height:21px;
  margin-left:7px;
  padding:0 7px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  vertical-align:middle;
}
#project-info .project-manage-state.current{background:#eef6fb;color:#39749a}
#project-info .project-manage-state.draft{background:#fff6e9;color:#9a6a27}
#project-info .project-manage-actions{display:flex;gap:6px;flex:0 0 auto}
#project-info .project-manage-actions .btn{height:30px;padding:0 10px;font-size:12px}

/* ---- 项目档案：真实监理部人员 ---- */
#project-info .project-personnel-heading{margin-top:26px}
#project-info .project-personnel-roster{
  overflow:visible;
  border:1px solid var(--project-line);
  border-radius:8px;
  background:#fff;
}
#project-info .project-personnel-roster-head,
#project-info .project-personnel-row{
  display:grid;
  grid-template-columns:1.05fr 1.15fr 1.2fr 150px;
  align-items:center;
}
#project-info .project-personnel-roster-head{
  min-height:42px;
  background:var(--project-soft);
  color:#466174;
  font-size:14px;
  font-weight:700;
  border-bottom:1px solid var(--project-line);
}
#project-info .project-personnel-roster-head>div,
#project-info .project-personnel-row>div{min-width:0;padding:7px 10px}
#project-info .project-personnel-row{min-height:48px;border-bottom:1px solid #e8eef2}
#project-info .project-personnel-row:last-child{border-bottom:0}
#project-info .project-personnel-row input,
#project-info .project-personnel-row select{
  width:100%;
  min-width:0;
  height:34px;
  box-sizing:border-box;
  border:1px solid #ccd9e2;
  border-radius:6px;
  background:#fff;
  padding:0 8px;
  color:#29465a;
}
#project-info .project-personnel-desktop-actions{display:flex;align-items:center;gap:5px}
#project-info .project-personnel-desktop-actions .btn{height:28px;padding:0 8px;font-size:11px}
#project-info .project-personnel-actions{position:relative}
#project-info .project-personnel-empty{padding:14px}

/* ---- 人员管理：系统账号权限 ---- */
#project-info .project-member-add-panel{
  margin:0 0 14px;
  padding:12px;
  border:1px solid var(--project-line);
  border-radius:7px;
  background:#f8fbfd;
}
#project-info .project-member-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
#project-info .project-member-search-row input,
#project-info .project-member-lookup-result select,
#project-info .project-member-desktop-actions select,
#project-info .project-member-menu select{
  width:100%;
  min-width:0;
  height:34px;
  box-sizing:border-box;
  border:1px solid #cbd8e0;
  border-radius:6px;
  background:#fff;
  padding:0 9px;
  color:#29465a;
}
#project-info .project-member-search-row .btn{height:30px;padding:0 10px;font-size:12px}
#project-info .project-member-lookup-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(205px,245px) auto;
  gap:7px;
  align-items:center;
  margin-top:9px;
}
#project-info .project-member-candidate,
#project-info .project-member-main{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:5px 9px}
#project-info .project-member-candidate strong,
#project-info .project-member-main strong{color:#203d53;font-weight:700}
#project-info .project-member-candidate span,
#project-info .project-member-main span{color:#607889}
#project-info .project-member-candidate em,
#project-info .project-member-main em{font-style:normal;color:#176da8}
#project-info .project-member-list{display:grid;grid-template-columns:1fr;gap:8px}
#project-info .project-member-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #e1e8ed;
  border-radius:7px;
  background:#fff;
}
#project-info .project-member-actions{position:relative}
#project-info .project-member-desktop-actions{display:grid;grid-template-columns:minmax(195px,230px) auto auto;gap:5px;align-items:center}
#project-info .project-member-desktop-actions .btn{height:28px;padding:0 8px;font-size:11px}
#project-info .project-member-readonly{color:#6e8291;font-size:12px;white-space:nowrap}
#project-info .project-member-mobile-actions{display:none}

/* ---- PC隐藏手机三点菜单 ---- */
#project-info .project-more-btn,
#project-info .project-inline-menu{display:none}
#project-info .danger{color:#b43d3d}

@media(max-width:768px){
  #project-info{--project-field-font:13px}
  #project-info .project-subheading{margin:20px 0 10px;font-size:15px;line-height:1.35}
  #project-info .project-subheading-row{margin:20px 0 10px}
  #project-info .project-subheading-row .project-subheading{margin:0}
  #project-info .project-manage-heading h2{font-size:15px}
  #project-info .project-manage-heading .btn,
  #project-info .project-create-btn,
  #project-info .project-personnel-add-btn,
  #project-info .project-member-add-toggle,
  #project-info .project-member-lookup-result .btn-primary,
  #project-info .project-profile-save-btn{height:29px;min-height:29px;padding:0 8px;font-size:11px}

  /* 项目列表：紧凑卡片 */
  #project-info .project-manage-card{padding:10px;gap:8px;align-items:flex-start}
  #project-info .project-manage-card-main strong{font-size:13px}
  #project-info .project-manage-card-main>span:not(.project-manage-state){font-size:11px}
  #project-info .project-manage-state{height:20px;font-size:10px}
  #project-info .project-manage-actions{align-self:center}
  #project-info .project-manage-actions .btn{height:29px;padding:0 8px;font-size:11px}

  /* 监理部人员：姓名 + 岗位 + 专业 + ⋯ 单行 */
  #project-info .project-personnel-roster-head{display:none}
  #project-info .project-personnel-row{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1fr) minmax(0,1fr) 34px;
    gap:6px;
    align-items:center;
    min-height:0;
    padding:8px;
  }
  #project-info .project-personnel-row>div{padding:0;min-width:0}
  #project-info .project-personnel-row input,
  #project-info .project-personnel-row select{height:34px;padding:0 7px;font-size:12px}
  #project-info .project-personnel-desktop-actions{display:none}
  #project-info .project-personnel-actions{display:flex;align-items:center;justify-content:flex-end}

  /* 手机三点菜单 */
  #project-info .project-more-btn{
    display:block;
    width:30px;
    height:30px;
    padding:0;
    border:1px solid #d7e2e9;
    border-radius:7px;
    background:#fff;
    color:#5c7484;
    font-size:18px;
    line-height:1;
  }
  #project-info .project-inline-menu{
    position:absolute;
    right:0;
    top:35px;
    z-index:40;
    display:none;
    min-width:96px;
    padding:5px;
    border:1px solid #d9e4eb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 22px rgba(34,72,98,.14);
  }
  #project-info .project-inline-menu.open{display:grid;gap:5px}
  #project-info .project-inline-menu .btn{display:block;width:100%;height:29px;padding:0 8px;font-size:11px}

  /* 系统权限新增区 */
  #project-info .project-member-add-panel{padding:10px}
  #project-info .project-member-lookup-result{grid-template-columns:1fr}

  /* 已授权人员：一行两列，每张卡只显示摘要+三点 */
  #project-info .project-member-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #project-info .project-member-card{
    display:block;
    min-width:0;
    padding:9px 36px 9px 9px;
  }
  #project-info .project-member-main{display:block;white-space:normal}
  #project-info .project-member-main strong{display:block;margin-bottom:3px;font-size:12px;line-height:1.3}
  #project-info .project-member-main span{display:block;margin-bottom:2px;font-size:10.5px;line-height:1.25}
  #project-info .project-member-main em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.25}
  #project-info .project-member-desktop-actions{display:none}
  #project-info .project-member-mobile-actions{position:absolute;top:7px;right:6px;display:block}
  #project-info .project-member-menu{right:0;top:34px;width:196px}
  #project-info .project-member-menu select{height:33px;font-size:12px}
  #project-info .project-member-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
  #project-info .project-member-readonly{white-space:normal;font-size:11px}
}

@media(max-width:360px){
  #project-info .project-member-list{grid-template-columns:1fr}
  #project-info .project-personnel-row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,.9fr) 32px;gap:4px}
  #project-info .project-personnel-row input,
  #project-info .project-personnel-row select{padding:0 5px;font-size:11px}
}