/* CRM_PHASE3_V78C_SAFE_ADDON_20260927 */
.crm-v78c-inline-status{
  margin-top:6px;
  min-height:24px;
}
.crm-v78c-status-stack{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
}
.crm-v78c-badge,
.crm-v78c-tag{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid #d8e1ec;
  background:#f6f8fb;
  color:#42546a;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}
.crm-v78c-badge.pending{
  background:#fff8e6;
  border-color:#ead79d;
  color:#7d5900;
}
.crm-v78c-badge.following{
  background:#edf5ff;
  border-color:#c4daf8;
  color:#195da8;
}
.crm-v78c-badge.failed,
.crm-v78c-tag.overdue{
  background:#fff0ef;
  border-color:#efc1bd;
  color:#b42318;
}
.crm-v78c-badge.completed,
.crm-v78c-tag.ready{
  background:#edf9f1;
  border-color:#bde1c7;
  color:#16753b;
}
.crm-v78c-badge.archived{
  background:#f1f3f6;
  border-color:#d5dae1;
  color:#616b79;
}
.crm-v78c-tag.warning{
  background:#fff8e6;
  border-color:#ead79d;
  color:#7d5900;
}
.crm-v78c-badge.loading{
  opacity:.7;
}
.crm-v78c-action{
  margin-left:6px!important;
}
.crm-v78c-danger,
.crm-v78c-complete{
  min-height:31px;
  padding:6px 9px;
  border-radius:8px;
  border:1px solid transparent;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.crm-v78c-danger{
  background:#fff0ef;
  border-color:#efc1bd;
  color:#b42318;
}
.crm-v78c-complete{
  background:#edf9f1;
  border-color:#bde1c7;
  color:#16753b;
}
.crm-v78c-lifecycle-card{
  margin:14px 16px 0;
  padding:14px 16px;
  border:1px solid #dbe5f0;
  border-radius:12px;
  background:#fff;
}
.crm-v78c-lifecycle-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.crm-v78c-lifecycle-main>div:first-child>span{
  display:block;
  margin-bottom:7px;
  color:#71839c;
  font-size:12px;
  font-weight:700;
}
.crm-v78c-lifecycle-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:flex-end;
}
.crm-v78c-lifecycle-note{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #edf1f6;
}
.crm-v78c-lifecycle-note p{
  margin:4px 0 0;
  white-space:pre-wrap;
}
.crm-v78c-advice-card{
  margin-top:12px;
  padding:12px;
  border:1px solid #d5e2f0;
  border-radius:10px;
  background:#f8fbff;
}
.crm-v78c-advice-card.employee{
  background:#fffaf0;
  border-color:#ead9ad;
}
.crm-v78c-advice-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.crm-v78c-advice-head small{
  color:#7b8ba3;
}
.crm-v78c-advice-card textarea{
  width:100%;
  min-height:86px;
  box-sizing:border-box;
  resize:vertical;
  border:1px solid #ccd9e8;
  border-radius:8px;
  padding:9px 10px;
  font:inherit;
}
.crm-v78c-advice-card p{
  margin:0;
  white-space:pre-wrap;
  line-height:1.55;
}
.crm-v78c-advice-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}
.crm-v78c-advice-error,
.crm-v78c-dialog-error{
  min-height:18px;
  margin-top:6px;
  color:#b42318;
  font-size:12px;
}
.crm-v78c-dialog-backdrop{
  position:fixed;
  inset:0;
  z-index:2147483500;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(12,24,42,.58);
}
.crm-v78c-dialog{
  width:min(560px,100%);
  overflow:hidden;
  border-radius:14px;
  background:#fff;
  box-shadow:0 24px 80px rgba(0,0,0,.28);
}
.crm-v78c-dialog-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border-bottom:1px solid #e7edf4;
}
.crm-v78c-dialog-head h3{
  margin:0;
  font-size:18px;
}
.crm-v78c-dialog-head button{
  width:34px;
  height:34px;
  border:1px solid #d7e0eb;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
  font-size:20px;
}
.crm-v78c-dialog form{
  padding:18px;
}
.crm-v78c-dialog label{
  display:block;
  margin-bottom:14px;
}
.crm-v78c-dialog label>span{
  display:block;
  margin-bottom:6px;
  font-size:13px;
  font-weight:700;
}
.crm-v78c-dialog select,
.crm-v78c-dialog textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #ccd9e8;
  border-radius:9px;
  padding:9px 10px;
  background:#fff;
  font:inherit;
}
.crm-v78c-dialog textarea{
  resize:vertical;
}
.crm-v78c-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:14px;
}
@media(max-width:900px){
  .crm-v78c-lifecycle-main{
    align-items:flex-start;
    flex-direction:column;
  }
  .crm-v78c-lifecycle-actions{
    justify-content:flex-start;
  }
}


/* CRM V7.8-C1: dedicated Status column + non-link customer names */
.crm-v78c-status-header{
  min-width:118px;
  width:118px;
}
.crm-v78c-status-cell{
  min-width:118px;
  width:118px;
  vertical-align:middle;
}
.crm-v78c-customer-name{
  color:inherit;
  font:inherit;
  font-weight:inherit;
  text-decoration:none;
  cursor:default;
}


/* CRM V7.8-C2 native table / performance */
.customer-library-table .crm-v78c-status-header,
.customer-library-table .crm-v78c-status-cell{
  min-width:132px!important;
  width:132px!important;
  vertical-align:middle!important;
}

.customer-library-table .crm-v78c-customer-name{
  color:inherit!important;
  text-decoration:none!important;
  cursor:default!important;
  font-weight:inherit!important;
}

.customer-library-table .row-actions.crm-v78c-native-actions{
  display:grid!important;
  grid-template-columns:
    max-content
    max-content
    max-content
    minmax(72px,max-content)!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:start!important;
  flex-wrap:nowrap!important;
  min-width:330px!important;
  white-space:nowrap!important;
}

.customer-library-table .crm-v78c-react-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:72px!important;
  min-height:32px!important;
}

.customer-library-table td:last-child,
.customer-library-table th:last-child{
  min-width:350px!important;
}

.customer-library-table .crm-v78c-action{
  margin-left:0!important;
}

.crm-v78c-inline-status{
  display:none!important;
}


/* CRM V7.8-C3: static native geometry */
.customer-library-table{
  overflow-x:auto!important;
}

.customer-library-table table{
  min-width:1850px!important;
  width:1850px!important;
  table-layout:fixed!important;
}

.customer-library-table th,
.customer-library-table td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
}

.customer-library-table th:nth-child(1),
.customer-library-table td:nth-child(1){width:140px!important}
.customer-library-table th:nth-child(2),
.customer-library-table td:nth-child(2){width:145px!important}
.customer-library-table th:nth-child(3),
.customer-library-table td:nth-child(3){width:135px!important}
.customer-library-table th:nth-child(4),
.customer-library-table td:nth-child(4){width:180px!important}
.customer-library-table th:nth-child(5),
.customer-library-table td:nth-child(5){
  width:235px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.customer-library-table th:nth-child(6),
.customer-library-table td:nth-child(6){width:70px!important}
.customer-library-table th:nth-child(7),
.customer-library-table td:nth-child(7){width:95px!important}
.customer-library-table th:nth-child(8),
.customer-library-table td:nth-child(8){
  width:195px!important;
  white-space:normal!important;
}
.customer-library-table th:nth-child(9),
.customer-library-table td:nth-child(9){width:135px!important}
.customer-library-table th:nth-child(10),
.customer-library-table td:nth-child(10){width:150px!important}
.customer-library-table th:nth-child(11),
.customer-library-table td:nth-child(11){width:155px!important}
.customer-library-table th:nth-child(12),
.customer-library-table td:nth-child(12){
  width:415px!important;
  overflow:visible!important;
}

.customer-library-table .row-actions.crm-v78c-native-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:395px!important;
  white-space:nowrap!important;
}

.customer-library-table .crm-v78c-react-actions,
.customer-library-table .crm-v78c-native-lifecycle-buttons{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  align-items:center!important;
}

.customer-library-table .crm-v78c-action{
  margin:0!important;
}

.customer-library-table .crm-v78c-status-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}


/* CRM V7.8-C4: true React pagination / low-paint table */
.customer-library-table tbody tr{
  height:58px!important;
}

.customer-library-table td{
  contain:paint!important;
}

.crm-v78c-native-pager{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 4px 2px!important;
  color:#607089!important;
  font-size:12px!important;
}

.crm-v78c-native-pager>div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.crm-v78c-native-pager button{
  min-width:64px!important;
}

@media(max-width:900px){
  .crm-v78c-native-pager{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}


/* CRM V7.8-C8 employee workspace: same low-paint strategy as admin */
.crm-v6-employee-nav.crm-v78c8-active{background:#273b5e!important;color:var(--yellow,#ffd52f)!important;box-shadow:inset 4px 0 0 var(--yellow,#ffd52f)!important}
.crm-v6-employee-nav.crm-v78c8-active *{color:inherit!important}
.crm-v6-workspace-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important}
.crm-v78c8-employee-table{width:1400px!important;min-width:1400px!important;table-layout:fixed!important}
.crm-v78c8-employee-table tbody tr{height:58px!important}
.crm-v78c8-employee-table td{contain:paint!important;box-sizing:border-box!important;vertical-align:middle!important}
.crm-v78c8-employee-table th{box-sizing:border-box!important;vertical-align:middle!important}
.crm-v78c8-employee-table th:nth-child(1),.crm-v78c8-employee-table td:nth-child(1){width:155px!important}
.crm-v78c8-employee-table th:nth-child(2),.crm-v78c8-employee-table td:nth-child(2){width:135px!important}
.crm-v78c8-employee-table th:nth-child(3),.crm-v78c8-employee-table td:nth-child(3){width:265px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.crm-v78c8-employee-table th:nth-child(4),.crm-v78c8-employee-table td:nth-child(4){width:190px!important;min-width:190px!important}
.crm-v78c8-employee-table th:nth-child(5),.crm-v78c8-employee-table td:nth-child(5){width:105px!important}
.crm-v78c8-employee-table th:nth-child(6),.crm-v78c8-employee-table td:nth-child(6){width:120px!important}
.crm-v78c8-employee-table th:nth-child(7),.crm-v78c8-employee-table td:nth-child(7){width:145px!important}
.crm-v78c8-employee-table th:nth-child(8),.crm-v78c8-employee-table td:nth-child(8){width:285px!important;min-width:285px!important;overflow:visible!important}
.crm-v78c8-employee-table .crm-v78c-status-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
.crm-v78c8-employee-table .crm-v78-workspace-actions,.crm-v78c8-employee-table [data-v78c-employee-actions]{display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
.crm-v78c8-employee-table .crm-v78c-action{margin-left:0!important;flex:0 0 auto!important}
/* CRM_PHASE3_V78C8_LOW_CPU_EMPLOYEE_CSS_20260927 */

/* CRM_PHASE3_C10_UI_UNIFY_20260927
   Shared visual system for legacy CRM surfaces.
   Native React pages remain the reference style.
*/
:root{
  --pk-ui-bg:#f4f7fb;
  --pk-ui-card:#ffffff;
  --pk-ui-border:#d9e3ef;
  --pk-ui-border-soft:#e8eef5;
  --pk-ui-text:#16243a;
  --pk-ui-muted:#718096;
  --pk-ui-head:#f8fafc;
  --pk-ui-radius:12px;
  --pk-ui-radius-sm:8px;
  --pk-ui-control-h:42px;
  --pk-ui-shadow:0 1px 2px rgba(20,38,64,.03);
}

.crm-v6-workspace.crm-v76-workspace-inline{
  padding:22px 24px 34px!important;
  background:var(--pk-ui-bg)!important;
}

.crm-v6-workspace .crm-v6-workspace-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:20px!important;
  box-sizing:border-box!important;
  border:1px solid var(--pk-ui-border)!important;
  border-radius:var(--pk-ui-radius)!important;
  background:var(--pk-ui-card)!important;
  box-shadow:var(--pk-ui-shadow)!important;
}

.crm-v6-workspace .crm-v6-workspace-head{
  margin:0 0 16px!important;
  align-items:flex-start!important;
}

.crm-v6-workspace .crm-v6-workspace-head>div>span{
  display:none!important;
}

.crm-v6-workspace .crm-v6-workspace-head h2{
  margin:0!important;
  color:var(--pk-ui-text)!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

.crm-v6-workspace .crm-v6-workspace-head p{
  margin:5px 0 0!important;
  color:var(--pk-ui-muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.crm-v6-workspace [data-workspace-close]{
  display:none!important;
}

.crm-v6-workspace .crm-v6-workspace-toolbar{
  margin:0 0 14px!important;
}

.crm-v6-workspace .crm-v6-workspace-toolbar input{
  display:block!important;
  width:100%!important;
  height:var(--pk-ui-control-h)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #cfdbe8!important;
  border-radius:9px!important;
  outline:none!important;
  background:#fff!important;
  color:var(--pk-ui-text)!important;
  font-size:13px!important;
  line-height:var(--pk-ui-control-h)!important;
  box-shadow:none!important;
}

.crm-v6-workspace .crm-v6-workspace-toolbar input:focus{
  border-color:#9bb9db!important;
  box-shadow:0 0 0 3px rgba(54,116,184,.08)!important;
}

.crm-v6-workspace .crm-v6-workspace-table-wrap{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:auto!important;
  border:1px solid var(--pk-ui-border)!important;
  border-radius:10px!important;
  background:#fff!important;
}

.crm-v6-workspace .crm-v78c8-employee-table{
  width:100%!important;
  min-width:1180px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  background:#fff!important;
}

.crm-v6-workspace .crm-v78c8-employee-table thead th{
  height:42px!important;
  box-sizing:border-box!important;
  padding:0 12px!important;
  border-right:1px solid var(--pk-ui-border-soft)!important;
  border-bottom:1px solid var(--pk-ui-border)!important;
  background:var(--pk-ui-head)!important;
  color:#53657c!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:left!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}

.crm-v6-workspace .crm-v78c8-employee-table thead th:last-child{
  border-right:0!important;
}

.crm-v6-workspace .crm-v78c8-employee-table tbody tr{
  height:58px!important;
  background:#fff!important;
}

.crm-v6-workspace .crm-v78c8-employee-table tbody tr:hover{
  background:#fbfcfe!important;
}

.crm-v6-workspace .crm-v78c8-employee-table tbody td{
  box-sizing:border-box!important;
  padding:9px 12px!important;
  border-right:1px solid var(--pk-ui-border-soft)!important;
  border-bottom:1px solid var(--pk-ui-border-soft)!important;
  color:#24354d!important;
  font-size:12px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
}

.crm-v6-workspace .crm-v78c8-employee-table tbody td:last-child{
  border-right:0!important;
}

.crm-v6-workspace .crm-v78c8-employee-table tbody tr:last-child td{
  border-bottom:0!important;
}

.crm-v6-workspace .crm-v78c8-employee-table td:first-child strong{
  color:#24354d!important;
  font-weight:600!important;
}

.crm-v6-workspace .crm-v7-workspace-phone{
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

.crm-v6-workspace .crm-v7-workspace-occupation{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

.crm-v6-workspace .crm-v78c-status-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}

.crm-v6-workspace [data-workspace-customer],
.crm-v6-workspace .crm-v78c-danger,
.crm-v6-workspace .crm-v78c-complete,
.crm-v6-workspace .secondary.compact{
  min-height:34px!important;
  box-sizing:border-box!important;
  padding:6px 11px!important;
  border-radius:7px!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.crm-v6-workspace [data-workspace-customer],
.crm-v6-workspace .secondary.compact{
  border:1px solid #ccd9e8!important;
  background:#fff!important;
  color:#214f82!important;
}

.crm-v6-workspace .crm-v78c-danger{
  border:1px solid #efc1bd!important;
  background:#fff5f4!important;
  color:#b42318!important;
}

.crm-v6-workspace .crm-v78c-complete{
  border:1px solid #bde1c7!important;
  background:#f2fbf5!important;
  color:#16753b!important;
}

.crm-v6-workspace .crm-v78-workspace-actions,
.crm-v6-workspace [data-v78c-employee-actions]{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:7px!important;
}

.crm-v6-workspace .crm-v7-pager,
.crm-v6-workspace .crm-v7-workspace-pager{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 2px 0!important;
  color:#607089!important;
  font-size:12px!important;
}

.crm-v78c-lifecycle-card,
.crm-v78c-advice-card,
.crm-v78c-dialog,
#v117-operation-details-panel{
  border-color:var(--pk-ui-border)!important;
  border-radius:var(--pk-ui-radius)!important;
  background:var(--pk-ui-card)!important;
}

.crm-v78c-dialog select,
.crm-v78c-dialog textarea{
  border-color:#cfdbe8!important;
  border-radius:9px!important;
}

@media(max-width:1000px){
  .crm-v6-workspace.crm-v76-workspace-inline{
    padding:16px!important;
  }
  .crm-v6-workspace .crm-v6-workspace-card{
    padding:16px!important;
  }
}