*{box-sizing:border-box}html,body{margin:0}.umangerp-page{font-family:Montserrat,Arial,sans-serif;background:#f4f7fb;color:#14213d}.umangerp-app{min-height:100vh;display:flex}.umangerp-side{width:270px;background:#101828;color:#fff;position:fixed;inset:0 auto 0 0;overflow:auto;z-index:30}.umangerp-brand{height:76px;padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #344054}.umangerp-brand>b{width:40px;height:40px;border-radius:10px;background:#12b8a6;display:grid;place-items:center;font-size:22px}.umangerp-brand strong,.umangerp-brand small{display:block}.umangerp-brand small{font-size:10px;color:#98a2b3;margin-top:3px}.umangerp-close{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:28px}.umangerp-side nav{padding:12px}.nav,.heading{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;color:#d0d5dd;text-decoration:none;border:0;background:none;font:600 13px Montserrat;text-align:left;border-radius:8px;cursor:pointer}.nav.active,.heading:hover,.group.open>.heading{background:#1d2939;color:#fff}.nav em,.heading em{font-style:normal;width:21px;text-align:center}.heading i{margin-left:auto}.sub{display:none;padding:4px 0 7px 32px}.group.open .sub{display:block}.sub a{display:block;color:#98a2b3;text-decoration:none;padding:8px 10px;border-radius:6px;font-size:12px}.sub a:hover,.sub a.active{background:#12b8a6;color:#fff}.umangerp-main{margin-left:270px;min-width:0;width:calc(100% - 270px)}.umangerp-top{height:76px;background:#fff;border-bottom:1px solid #e4e7ec;display:flex;align-items:center;padding:0 24px;gap:15px;position:sticky;top:0;z-index:20}.umangerp-top h1{font-size:21px;margin:0}.umangerp-top p{font-size:11px;color:#667085;margin:4px 0 0}.umangerp-user{margin-left:auto;font-size:12px;font-weight:600}.umangerp-toggle{display:none;border:0;background:#eef2f6;border-radius:7px;padding:8px}.umangerp-content{padding:22px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 2px 8px #1018280a}.card{padding:18px}.card span,.card small{display:block;color:#667085;font-size:11px}.card strong{display:block;font-size:28px;margin:9px 0}.panel{padding:20px}.panel-head,.line-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-head h2,.line-head h3{margin:0;font-size:17px}.panel-head p,.line-head p{margin:4px 0 0;color:#667085;font-size:11px}.head-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #98a2b3;background:#fff;color:#344054;text-decoration:none;border-radius:7px;padding:9px 13px;font:600 12px Montserrat;cursor:pointer}.btn.primary{background:#12b8a6;border-color:#12b8a6;color:#fff}.toolbar{display:flex;gap:8px;margin-bottom:15px}.toolbar input{max-width:360px;width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:7px}.table-wrap,.line-table{overflow:auto;border:1px solid #d0d5dd;border-radius:8px}.data,.line-table table{border-collapse:collapse;width:100%;min-width:780px}.data th,.data td,.line-table th,.line-table td{padding:11px 10px;border-bottom:1px solid #e4e7ec;text-align:left;font-size:11px}.data th,.line-table th{background:#f2f4f7;font-weight:700;color:#344054}.actions{white-space:nowrap}.actions a{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:5px;background:#eef2f6;border-radius:6px;text-decoration:none}.actions .delete{color:#d92d20}.status{display:inline-block;padding:5px 8px;border-radius:20px;background:#eef2f6;font-size:10px;font-weight:700}.status.completed,.status.delivered{background:#dcfae6;color:#067647}.status.in-progress{background:#e0f2fe;color:#026aa2}.status.canceled{background:#fee4e2;color:#b42318}.status.pending-approval{background:#fef0c7;color:#b54708}.erp-form{max-width:1200px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid label{display:block}.form-grid label.wide{grid-column:1/-1}.form-grid span{display:block;font-size:11px;font-weight:600;margin-bottom:6px}.form-grid input,.form-grid select,.form-grid textarea,.line-table input,.line-table select{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;font:12px Montserrat}.form-actions{display:flex;gap:9px;margin-top:20px}.line-box{margin-top:22px;border-top:1px solid #e4e7ec;padding-top:18px}.remove-line{width:28px;height:28px;border:0;border-radius:50%;background:#fee4e2;color:#b42318;cursor:pointer}.empty{padding:48px;text-align:center;color:#667085}.empty strong,.empty span{display:block}.empty strong{color:#344054;margin-bottom:6px}.notice{padding:11px 14px;border-radius:7px;margin-bottom:15px}.notice.success{background:#dcfae6;color:#067647}.pagination{display:flex;gap:6px;margin-top:16px}.pagination a{min-width:31px;height:31px;display:grid;place-items:center;border:1px solid #d0d5dd;border-radius:6px;text-decoration:none}.pagination a.active{background:#12b8a6;color:#fff}.activity>div{padding:12px 0;border-bottom:1px solid #e4e7ec}.activity b,.activity span,.activity small{display:block}.activity span{font-size:12px;margin:3px 0}.activity small{font-size:10px;color:#667085}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.settings-grid>div{padding:15px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:8px}.settings-grid b,.settings-grid span{display:block}.settings-grid span{font-size:11px;color:#667085;margin-top:5px}.umangerp-overlay{display:none}.umangerp-login{margin:40px;padding:30px;background:#fff;border:1px solid #ddd}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.umangerp-side{transform:translateX(-100%);transition:.2s}.umangerp-side.open{transform:none}.umangerp-main{margin-left:0;width:100%}.umangerp-toggle,.umangerp-close{display:block}.umangerp-overlay.show{display:block;position:fixed;inset:0;background:#0008;z-index:25}.umangerp-content{padding:13px}.umangerp-top{padding:0 14px}.form-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.panel-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions .btn{flex:1}}@media(max-width:500px){.cards{grid-template-columns:1fr}.panel{padding:14px}.umangerp-user{display:none}}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:14px;border:1px solid #ddd;border-radius:10px;margin:10px 0 20px}.permission-grid label{display:flex;gap:8px;align-items:center}.line-table{overflow:auto}.line-table table{min-width:1350px}
.pending-hint{display:block;margin-top:4px;font-size:11px;color:#6b7280;white-space:nowrap}.qty-error input{border-color:#dc2626!important;background:#fff7f7}.toolbar label{display:flex;align-items:center;gap:6px}.status.pending-approval{white-space:nowrap}
.master-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.master-summary .card{padding:15px 17px}.master-summary .card strong{font-size:24px}.master-toolbar{display:flex;flex-wrap:wrap;align-items:center}.master-toolbar input,.master-toolbar select{height:38px;padding:8px 10px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;font:12px Montserrat;min-width:150px}.master-toolbar input{min-width:240px}.master-table{min-width:560px}@media(max-width:800px){.master-summary{grid-template-columns:1fr 1fr}.master-toolbar>*{flex:1 1 140px}.master-toolbar input{min-width:100%;flex-basis:100%}}@media(max-width:500px){.master-summary{grid-template-columns:1fr 1fr}}
.master-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.master-summary .card{padding:15px 17px}.master-summary .card strong{font-size:24px}.master-toolbar{display:flex;flex-wrap:wrap;align-items:center}.master-toolbar input,.master-toolbar select{height:38px;padding:8px 10px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;font:12px Montserrat;min-width:150px}.master-toolbar input{min-width:240px}.master-table{min-width:560px}@media(max-width:800px){.master-summary{grid-template-columns:1fr 1fr}.master-toolbar>*{flex:1 1 140px}.master-toolbar input{min-width:100%;flex-basis:100%}}@media(max-width:500px){.master-summary{grid-template-columns:1fr 1fr}}

/* Quick Add Master */
.select-with-add{display:flex;align-items:stretch;gap:7px;width:100%}.select-with-add>select{min-width:0;flex:1}.quick-add-btn{flex:0 0 40px;width:40px;min-width:40px;border:1px solid #12b8a6;border-radius:7px;background:#12b8a6;color:#fff;font:700 21px/1 Montserrat;cursor:pointer;display:grid;place-items:center;transition:.15s}.quick-add-btn:hover{filter:brightness(.94)}.quick-add-btn:focus{outline:2px solid #99f6e4;outline-offset:2px}.line-select-with-add{min-width:220px}.line-select-with-add .quick-add-btn{height:38px}.quick-add-backdrop{position:fixed;inset:0;background:#10182880;z-index:200}.quick-add-modal{position:fixed;z-index:210;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 28px));background:#fff;border:1px solid #d0d5dd;border-radius:14px;box-shadow:0 24px 70px #10182840;padding:20px}.quick-add-modal[hidden],.quick-add-backdrop[hidden]{display:none!important}.quick-add-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.quick-add-modal-head h3{margin:0;font-size:18px}.quick-add-modal-head p{margin:5px 0 0;color:#667085;font-size:11px}.quick-add-close{border:0;background:#f2f4f7;color:#344054;width:32px;height:32px;border-radius:7px;font-size:22px;line-height:1;cursor:pointer}.quick-add-modal form>label{display:block}.quick-add-modal form>label span{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.quick-add-modal input[type="text"]{width:100%;height:42px;padding:9px 11px;border:1px solid #d0d5dd;border-radius:7px;font:12px Montserrat}.quick-add-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.quick-add-message{min-height:18px;margin-top:8px;font-size:11px}.quick-add-message.error{color:#b42318}.quick-add-message.success{color:#067647}@media(max-width:500px){.quick-add-btn{flex-basis:38px;width:38px;min-width:38px}.quick-add-modal{padding:16px}.quick-add-actions .btn{flex:1}}

/* v2.3.3 Global theme-border + no-tagline UI */
:root{--umangerp-theme:#12b8a6;--umangerp-theme-soft:#e8fbf8}
/* No descriptive taglines under any view/form/section title */
.umangerp-top p,.panel-head p,.line-head p,.quick-add-modal-head p{display:none!important}
/* Theme-colour outlines on all primary UI blocks / tabs */
.card,.panel,.table-wrap,.line-table,.permission-grid,.settings-grid>div{border-color:var(--umangerp-theme)!important}
/* Theme-colour outline on all editable/filter controls */
.form-grid input,.form-grid select,.form-grid textarea,
.line-table input,.line-table select,
.toolbar input,.toolbar select,.master-toolbar input,.master-toolbar select,
.quick-add-modal input[type="text"],.quick-add-modal select,
.erp-form input,.erp-form select,.erp-form textarea{
 border-color:var(--umangerp-theme)!important;
}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,
.line-table input:focus,.line-table select:focus,
.toolbar input:focus,.toolbar select:focus,
.quick-add-modal input:focus,.quick-add-modal select:focus,
.erp-form input:focus,.erp-form select:focus,.erp-form textarea:focus{
 outline:2px solid color-mix(in srgb,var(--umangerp-theme) 22%,transparent);
 outline-offset:1px;
 box-shadow:0 0 0 1px var(--umangerp-theme);
}
/* Tabs/status/filter/button outlines use theme colour consistently */
.btn,.pagination a,.status,.quick-add-close{border-color:var(--umangerp-theme)!important}
.btn:not(.primary):hover,.pagination a:hover{background:var(--umangerp-theme-soft);color:#0b766c}
.form-panel fieldset{border:1px solid var(--umangerp-theme);border-radius:8px;padding:16px;margin:0}
@media(max-width:800px){.form-panel fieldset{padding:12px}}

/* v2.3.4 searchable dropdowns */
.erp-search-select{position:relative;min-width:0;width:100%;flex:1 1 auto}
.erp-native-select{position:absolute!important;left:0;bottom:0;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.erp-search-select-input{width:100%;min-width:0;background:#fff!important}
.erp-search-select-menu{position:absolute;z-index:10020;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow:auto;background:#fff;border:1px solid var(--umangerp-theme,#0eb8aa);border-radius:8px;box-shadow:0 10px 28px rgba(20,35,55,.14);padding:4px}
.erp-search-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:6px;font:inherit;color:inherit;cursor:pointer}
.erp-search-option:hover,.erp-search-option.selected{background:rgba(14,184,170,.10)}
.erp-search-empty{padding:10px;color:#6c7584;font-size:12px}
.select-with-add>.erp-search-select{flex:1 1 auto;min-width:0}
.master-table th,.master-table td{white-space:nowrap}
@media(max-width:760px){.erp-search-select-menu{max-height:210px}.master-table th,.master-table td{white-space:normal}}


/* v2.3.5 — global compact filter row */
.toolbar.master-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:8px;
  width:100%;
}
.toolbar.master-toolbar > input[type="search"]{
  flex:1 1 320px;
  width:auto;
  min-width:220px;
  max-width:340px;
  height:38px;
}
.toolbar.master-toolbar > .erp-search-select{
  flex:0 1 190px;
  width:190px;
  min-width:145px;
  max-width:220px;
}
.toolbar.master-toolbar > .erp-search-select .erp-search-select-input{
  height:38px;
  width:100%;
  padding:8px 34px 8px 10px;
  border:1px solid var(--umangerp-theme,#12b8a6)!important;
  border-radius:7px;
  font:12px Montserrat,Arial,sans-serif;
  background-color:#fff!important;
  background-image:linear-gradient(45deg,transparent 50%,#344054 50%),linear-gradient(135deg,#344054 50%,transparent 50%);
  background-position:calc(100% - 15px) 16px,calc(100% - 10px) 16px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
.toolbar.master-toolbar > .btn{
  flex:0 0 auto;
  white-space:nowrap;
  height:38px;
  padding-top:0;
  padding-bottom:0;
}
.toolbar.master-toolbar .filter-clear{
  background:#fff;
}

/* Keep all list-view toolbars compact and aligned even when enhanced selects are used. */
.panel .toolbar{
  align-items:center;
}

@media(max-width:1180px){
  .toolbar.master-toolbar{flex-wrap:wrap}
  .toolbar.master-toolbar > input[type="search"]{flex:1 1 280px;max-width:none}
  .toolbar.master-toolbar > .erp-search-select{flex:1 1 165px;width:auto;max-width:none}
}
@media(max-width:800px){
  .toolbar.master-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .toolbar.master-toolbar > input[type="search"]{grid-column:1/-1;width:100%;min-width:0;max-width:none}
  .toolbar.master-toolbar > .erp-search-select{width:100%;min-width:0;max-width:none}
  .toolbar.master-toolbar > .btn{width:100%}
}
@media(max-width:500px){
  .toolbar.master-toolbar{grid-template-columns:1fr}
  .toolbar.master-toolbar > input[type="search"]{grid-column:auto}
}


/* v2.3.6 — searchable filter spacing/overflow fix */
/* Older .master-toolbar input rules gave every enhanced select's internal search
   input a 240px minimum width. The select wrapper itself is narrower, so controls
   visually overlapped. Reset sizing at the component boundary. */
.toolbar.master-toolbar{
  gap:12px!important;
}
.toolbar.master-toolbar > .erp-search-select{
  min-width:0!important;
  overflow:visible;
}
.toolbar.master-toolbar > .erp-search-select > .erp-search-select-input{
  display:block;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.toolbar.master-toolbar > .btn{
  flex-shrink:0!important;
  margin:0!important;
}
@media(min-width:1181px){
  .toolbar.master-toolbar > input[type="search"]{
    flex:0 1 320px;
    width:320px;
    min-width:240px;
    max-width:320px;
  }
  .toolbar.master-toolbar > .erp-search-select{
    flex:0 0 180px;
    width:180px;
    max-width:180px;
  }
}
@media(max-width:1180px){
  .toolbar.master-toolbar{gap:10px!important}
  .toolbar.master-toolbar > .erp-search-select > .erp-search-select-input{
    min-width:0!important;
  }
}

/* v2.3.9 searchable dropdown typography normalization */
.erp-search-select-menu{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.erp-search-option{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:400!important;
  padding:8px 10px!important;
}
.erp-search-empty{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.35!important;
}

/* v2.4.0 - Global table cell borders */
.table-wrap,
.line-table{
  border:1px solid #12b8a6;
}
.data,
.line-table table{
  border-collapse:collapse;
}
.data th,
.data td,
.line-table th,
.line-table td{
  border:1px solid #12b8a6;
}
.data tr:last-child td,
.line-table tr:last-child td{
  border-bottom:1px solid #12b8a6;
}

/* v2.4.1 global pagination */
.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--umangerp-theme,#12b8a6)}
.pagination-info{font-size:11px;color:#667085}.pagination-info strong{color:#14213d}
.page-size{margin-left:auto}.page-size label{display:flex;align-items:center;gap:6px;font-size:11px;color:#667085}.page-size select{height:32px;min-width:68px;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:7px;background:#fff;padding:0 8px;font:11px Montserrat,Arial,sans-serif}
.pagination{display:flex;align-items:center;gap:6px;margin-top:0}.pagination a,.pagination span{min-width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:7px;text-decoration:none;font-size:11px;background:#fff;color:#344054}.pagination span{border-color:transparent;background:transparent}.pagination a.active{background:var(--umangerp-theme,#12b8a6);color:#fff}.pagination a:hover{background:var(--umangerp-theme-soft,#e8fbf8)}
@media(max-width:700px){.pagination-bar{align-items:flex-start}.pagination-info{width:100%}.page-size{margin-left:0}.pagination{width:100%;justify-content:flex-start;flex-wrap:wrap}}

/* v2.4.2 - darker global typography for better readability */
.umangerp-page{color:#111827}
.umangerp-top h1,.panel-head h2,.line-head h3,.quick-add-modal-head h3,.empty strong,.settings-grid b,.activity b{color:#111827}
.umangerp-user,.form-grid span,.quick-add-modal form>label span,.data td,.line-table td,.erp-search-option{color:#1f2937}
.data th,.line-table th{color:#111827;font-weight:700}
.form-grid input,.form-grid select,.form-grid textarea,.line-table input,.line-table select,.toolbar input,.master-filter-form input,.master-filter-form select,.erp-search-input,.page-size select{color:#111827}
.form-grid input::placeholder,.form-grid textarea::placeholder,.toolbar input::placeholder,.master-filter-form input::placeholder,.erp-search-input::placeholder{color:#6b7280;opacity:1}
.card span,.card small,.panel-head p,.line-head p,.activity small,.settings-grid span,.pagination-info,.page-size label,.empty,.quick-add-modal-head p,.quick-add-message,.pending-hint{color:#4b5563}
.pagination-info strong,.pagination a,.pagination span{color:#1f2937}
.status{color:#111827}
.btn{color:#1f2937}

/* v2.4.3 configurable UI theme */
.umangerp-page{
  color:var(--umangerp-font-color,#0b1220)!important;
  font-weight:var(--umangerp-font-weight,500);
}
.umangerp-top h1,.panel-head h2,.line-head h3,.quick-add-modal-head h3,.empty strong,.settings-grid b,.activity b,
.data th,.line-table th,.form-grid span,.quick-add-modal form>label span,.umangerp-user{
  color:var(--umangerp-font-color,#0b1220)!important;
}
.data td,.line-table td,.erp-search-option,.pagination-info strong,.pagination a,.pagination span,
.form-grid input,.form-grid select,.form-grid textarea,.line-table input,.line-table select,.toolbar input,
.master-filter-form input,.master-filter-form select,.erp-search-input,.page-size select,.btn,.status{
  color:var(--umangerp-font-color,#0b1220)!important;
  font-weight:var(--umangerp-font-weight,500);
}
.card span,.card small,.activity small,.settings-grid span,.pagination-info,.page-size label,.empty,.quick-add-message,.pending-hint{
  color:var(--umangerp-secondary-color,#374151)!important;
}
.card,.panel,.table-wrap,.line-table,.permission-grid,.settings-grid>div,
.form-grid input,.form-grid select,.form-grid textarea,.line-table input,.line-table select,.toolbar input,.toolbar select,
.master-toolbar input,.master-toolbar select,.quick-add-modal input[type="text"],.quick-add-modal select,.erp-form input,.erp-form select,.erp-form textarea,
.data th,.data td,.line-table th,.line-table td,.pagination-bar,.page-size select,.pagination a,.quick-add-close,.btn{
  border-color:var(--umangerp-border-color,#12b8a6)!important;
}
.card,.panel{background:var(--umangerp-card-bg,#fff)!important}
.data th,.line-table th{background:var(--umangerp-table-head-bg,#f2f4f7)!important}
.btn.primary,.quick-add-btn,.pagination a.active{background:var(--umangerp-theme,#12b8a6)!important;border-color:var(--umangerp-theme,#12b8a6)!important;color:var(--umangerp-button-text,#fff)!important}
.sub a:hover,.sub a.active{background:var(--umangerp-theme,#12b8a6)!important;color:var(--umangerp-button-text,#fff)!important}
.umangerp-brand>b{background:var(--umangerp-theme,#12b8a6)!important}
.theme-color-field{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center}
.theme-color-field input[type="color"]{width:52px;height:42px;padding:3px;cursor:pointer}
.theme-color-field input[type="text"]{width:100%;text-transform:uppercase}
.theme-preview{margin:14px 0 20px}
.theme-preview-card{max-width:720px;padding:16px;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:10px;background:var(--umangerp-card-bg,#fff);color:var(--umangerp-font-color,#0b1220);font-weight:var(--umangerp-font-weight,500)}
.theme-preview-controls{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--umangerp-secondary-color,#374151)}
.theme-preview-controls button{border:1px solid var(--umangerp-theme,#12b8a6);background:var(--umangerp-theme,#12b8a6);color:var(--umangerp-button-text,#fff);border-radius:7px;padding:8px 12px;font:inherit}
.theme-preview-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--umangerp-border-color,#12b8a6)}
.theme-preview-table>*{padding:9px;border-right:1px solid var(--umangerp-border-color,#12b8a6)}
.theme-preview-table>*:last-child{border-right:0}
.theme-preview-table b{background:var(--umangerp-table-head-bg,#f2f4f7);color:var(--umangerp-font-color,#0b1220)}
.theme-actions{margin-top:0;margin-bottom:20px}
@media(max-width:700px){.theme-color-field{grid-template-columns:46px 1fr}.theme-preview-controls{align-items:flex-start;flex-direction:column}.theme-preview-table{grid-template-columns:1fr}}
\n/* v2.4.4 configurable global interface font size */
.umangerp-page{font-size:var(--umangerp-font-size,12px)}
.data th,.data td,.line-table th,.line-table td,
.form-grid span,.form-grid input,.form-grid select,.form-grid textarea,
.line-table input,.line-table select,.toolbar input,.toolbar select,
.master-toolbar input,.master-toolbar select,.master-filter-form input,.master-filter-form select,
.erp-search-input,.erp-search-option,.erp-search-empty,.btn,.status,
.pagination-info,.page-size label,.page-size select,.pagination a,.pagination span,
.quick-add-modal input[type="text"],.quick-add-modal select,.quick-add-message,
.activity span,.settings-grid span,.pending-hint{
  font-size:var(--umangerp-font-size,12px)!important;
}
.card span,.card small,.activity small{
  font-size:calc(var(--umangerp-font-size,12px) - 1px)!important;
}

/* v2.4.8 — mobile list controls only: search + funnel, compact add/export */
.mobile-filter-toggle{display:none}
.mobile-action-icon{display:none}
@media(max-width:600px){
  /* Do not alter tables or pagination in this release. */
  .panel-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .panel-head>div:first-child{flex:1 1 auto}
  .head-actions{width:auto;display:flex;gap:8px;margin-left:auto}
  .head-actions .btn{flex:0 0 auto;width:auto}
  .head-actions .mobile-excel{width:42px;min-width:42px;padding:0;display:inline-grid;place-items:center;font-size:0;height:38px}
  .head-actions .mobile-excel::before{content:'▦';font-size:20px;line-height:1;font-weight:700}
  .head-actions .mobile-excel .desktop-action-text{display:none}
  .head-actions .primary{white-space:nowrap}

  .panel .toolbar.master-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important;align-items:center!important}
  .toolbar.master-toolbar>input[type="search"]{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
  .toolbar.master-toolbar>.mobile-filter-toggle{display:inline-grid!important;grid-column:2!important;grid-row:1!important;width:42px!important;height:38px!important;padding:0!important;place-items:center!important;font-size:0!important}
  .toolbar.master-toolbar>.mobile-filter-toggle::before{content:'⌄';font-size:0}
  .toolbar.master-toolbar>.mobile-filter-toggle svg{display:block;width:18px;height:18px}

  .toolbar.master-toolbar>.erp-search-select,
  .toolbar.master-toolbar>button[type="submit"],
  .toolbar.master-toolbar>.filter-clear{display:none!important}
  .toolbar.master-toolbar.mobile-filters-open>.erp-search-select,
  .toolbar.master-toolbar.mobile-filters-open>button[type="submit"],
  .toolbar.master-toolbar.mobile-filters-open>.filter-clear{display:flex!important;grid-column:1/-1!important;width:100%!important;max-width:none!important}
  .toolbar.master-toolbar.mobile-filters-open>.erp-search-select{height:38px!important}
  .toolbar.master-toolbar.mobile-filters-open>button[type="submit"],
  .toolbar.master-toolbar.mobile-filters-open>.filter-clear{justify-content:center!important}
}

/* v2.4.9 — compact mobile list header pattern */
.mobile-top-actions{display:none}
@media(max-width:600px){
  /* Header: title left, Filter / Excel / Add icons right. */
  .umangerp-top{height:64px;padding:0 12px;gap:10px}
  .umangerp-top h1{font-size:20px;white-space:nowrap}
  .umangerp-toggle{width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:18px}
  .mobile-top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
  .mobile-top-action{width:40px;height:40px;min-width:40px;padding:0;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:8px;background:#fff;color:var(--umangerp-font-color,#0b1220);display:grid;place-items:center;text-decoration:none;cursor:pointer}
  .mobile-top-action svg{width:19px;height:19px;display:block}
  .mobile-top-action.mobile-top-add{background:var(--umangerp-theme,#12b8a6);border-color:var(--umangerp-theme,#12b8a6);color:var(--umangerp-button-text,#fff);font-size:26px;font-weight:500;line-height:1}

  /* Remove duplicated list title/action row above the table. */
  .listing-panel>.panel-head{display:none!important}

  /* Compact summary counts in one horizontal row. */
  .master-summary{display:flex!important;grid-template-columns:none!important;gap:0!important;margin:0 0 12px!important;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:10px;background:var(--umangerp-card-bg,#fff);overflow:hidden}
  .master-summary .card{flex:1 1 0;min-width:0;padding:11px 8px!important;border:0!important;border-right:1px solid var(--umangerp-border-color,#12b8a6)!important;border-radius:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;background:transparent!important}
  .master-summary .card:last-child{border-right:0!important}
  .master-summary .card span{display:inline!important;margin:0!important;font-size:12px!important;font-weight:600;color:var(--umangerp-font-color,#0b1220)!important}
  .master-summary .card strong{display:inline!important;margin:0!important;font-size:12px!important;font-weight:700;color:var(--umangerp-font-color,#0b1220)!important}
  .master-summary .card strong::before{content:'('}
  .master-summary .card strong::after{content:')'}
  .master-summary .card small{display:none!important}

  /* Search remains visible; filters expand only from the top funnel button. */
  .listing-panel{padding:12px!important}
  .panel .toolbar.master-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin-bottom:12px!important}
  .toolbar.master-toolbar>input[type="search"]{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;height:42px!important}
  .toolbar.master-toolbar>.mobile-filter-toggle{display:none!important}
  .toolbar.master-toolbar>.erp-search-select,
  .toolbar.master-toolbar>button[type="submit"],
  .toolbar.master-toolbar>.filter-clear{display:none!important}
  .toolbar.master-toolbar.mobile-filters-open>.erp-search-select,
  .toolbar.master-toolbar.mobile-filters-open>button[type="submit"],
  .toolbar.master-toolbar.mobile-filters-open>.filter-clear{display:flex!important;grid-column:1!important;width:100%!important;max-width:none!important}
  .toolbar.master-toolbar.mobile-filters-open>.erp-search-select{height:40px!important}
  .toolbar.master-toolbar.mobile-filters-open>button[type="submit"],
  .toolbar.master-toolbar.mobile-filters-open>.filter-clear{justify-content:center!important}

  /* Preserve existing table and pagination layout; no card conversion. */
  .listing-panel .table-wrap{margin-top:0}
}


/* v2.5.0 save validation feedback */
.erp-save-message{margin:12px 0 0;padding:10px 12px;border:1px solid #dc2626;border-radius:8px;background:#fef2f2;color:#991b1b;font-weight:500}
.erp-save-message[hidden]{display:none!important}
.erp-field-error .erp-search-select-input{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc2626!important}
.erp-save-btn[disabled]{opacity:.7;cursor:wait}

/* Task update timeline */
.task-updates{margin-top:18px;padding-top:18px;border-top:1px solid var(--umangerp-border-color,#12b8a6)}
.task-update-history{margin-top:16px}
.task-update-history h3{margin:0 0 10px;font-size:15px}
.task-update{padding:11px 12px;margin:8px 0;border:1px solid #dfe7e5;border-radius:8px;background:#f9fcfb}
.task-update small{display:block;margin-top:7px;color:#63706c}
.form-status{display:flex;justify-content:flex-end;margin-bottom:12px}
.actions .task-update-action{display:inline-flex;align-items:center;justify-content:center;min-width:68px;height:30px;padding:0 10px;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:6px;background:var(--umangerp-theme,#12b8a6);color:var(--umangerp-button-text,#fff);font-size:12px;font-weight:600;text-decoration:none}
.actions .task-edit-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:6px;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:6px;background:#fff;color:var(--umangerp-font-color,#0b1220);text-decoration:none}
.task-history-action{width:32px;height:30px;margin-left:6px;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:6px;background:#fff;color:var(--umangerp-font-color,#0b1220);cursor:pointer;font-size:17px}
.task-history-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(11,18,32,.45)}
.task-history-dialog{width:min(950px,100%);max-height:85vh;overflow:auto;padding:20px;border-radius:12px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.25)}
.task-history-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.task-history-head h2{margin:0;font-size:19px}.task-history-close{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer}.task-history-actions{margin:14px 0}
.umangerp-top .universal-excel-export{margin-left:8px;padding:7px 11px}
.erp-confirm-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(11,18,32,.45)}
.erp-confirm-dialog{width:min(420px,100%);padding:22px;border-radius:12px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.25)}
.erp-confirm-dialog h2{margin:0 0 10px;font-size:19px}.erp-confirm-dialog p{margin:0;color:#4b5563;line-height:1.5}.erp-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.erp-confirm-delete{background:#d92d20!important;border-color:#d92d20!important}
.umangerp-top .top-excel-export{margin-left:auto;padding:7px 11px}.umangerp-top .top-excel-export+.umangerp-user{margin-left:10px}
.umangerp-top .universal-excel-export,.umangerp-top .top-excel-export{position:absolute;right:24px;top:18px;margin:0;z-index:1}
.task-filter-control,.master-toolbar select,.master-toolbar input[type="date"]{min-height:38px;padding:8px 10px;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:7px;background:#fff;font:12px Montserrat}
.master-toolbar input[name="due_from"],.master-toolbar input[name="due_to"]{width:155px;max-width:155px}
.umangerp-app .toolbar.master-toolbar input[name="due_from"],.umangerp-app .toolbar.master-toolbar input[name="due_to"]{width:150px!important;max-width:150px!important;flex:0 0 150px!important}
.umangerp-app .toolbar.master-toolbar>.erp-search-select:has(input[name="due_from"]),.umangerp-app .toolbar.master-toolbar>.erp-search-select:has(input[name="due_to"]){width:150px!important;max-width:150px!important;min-width:150px!important;flex:0 0 150px!important}
.umangerp-app .toolbar.master-toolbar>input[type="date"],.umangerp-app .toolbar.master-toolbar>input:nth-of-type(2),.umangerp-app .toolbar.master-toolbar>input:nth-of-type(3){width:150px!important;min-width:150px!important;max-width:150px!important;flex:0 0 150px!important}
.umangerp-app .listing-panel .master-toolbar>button[type="submit"]{font-size:0}.umangerp-app .listing-panel .master-toolbar>button[type="submit"]::after{content:'Clear';font-size:12px}
.umangerp-app .master-toolbar:has(input[name="due_from"])>button[type="submit"]{display:none!important}
.umangerp-app .listing-panel .toolbar.master-toolbar>button[type="submit"]{display:none!important}
.umangerp-account{position:sticky;bottom:0;margin-top:auto;padding:14px 18px;background:#101828;border-top:1px solid #344054}.umangerp-account strong{display:block;color:#fff;font-size:12px}.umangerp-account a{display:inline-block;margin-top:7px;color:#98a2b3;font-size:12px;text-decoration:none}.umangerp-account a:hover{color:#fff}
.task-log-toolbar input{width:300px;max-width:100%}.task-log-toolbar select{min-width:170px;padding:9px;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:7px;background:#fff}
/* v2.5.41 task export alignment */
@media(max-width:600px){
  .mobile-top-pdf{font-size:10px!important;font-weight:700!important;letter-spacing:-.2px}
}


/* v2.5.42 global filter containment + page-header exports */
/* Every filter/search toolbar must stay inside its panel and wrap instead of overflowing. */
.umangerp-app .panel .toolbar,
.umangerp-app .listing-panel .toolbar,
.umangerp-app .master-toolbar,
.umangerp-app .task-log-toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.umangerp-app .panel .toolbar > *,
.umangerp-app .listing-panel .toolbar > *,
.umangerp-app .master-toolbar > *,
.umangerp-app .task-log-toolbar > *{
  min-width:0;
  max-width:100%;
}
.umangerp-app .listing-panel .master-toolbar > input[type="search"],
.umangerp-app .listing-panel .task-live-toolbar > input[type="search"],
.umangerp-app .task-log-toolbar > input[type="search"]{
  flex:1 1 210px!important;
  width:auto!important;
  min-width:180px!important;
  max-width:320px!important;
}
.umangerp-app .listing-panel .master-toolbar > .erp-search-select,
.umangerp-app .listing-panel .task-live-toolbar > .erp-search-select,
.umangerp-app .task-log-toolbar > .erp-search-select{
  flex:1 1 145px!important;
  width:auto!important;
  min-width:135px!important;
  max-width:200px!important;
}
.umangerp-app .listing-panel .master-toolbar > input[type="date"],
.umangerp-app .listing-panel .task-live-toolbar > input[type="date"],
.umangerp-app .task-log-toolbar input[type="date"],
.umangerp-app .task-log-toolbar .task-log-date{
  flex:0 1 145px!important;
  width:145px!important;
  min-width:130px!important;
  max-width:145px!important;
}
.umangerp-app .listing-panel .master-toolbar > .btn,
.umangerp-app .listing-panel .task-live-toolbar > .btn,
.umangerp-app .task-log-toolbar > .btn{
  flex:0 0 auto!important;
}
/* Override older fixed-width task date rules that could push Clear outside the box. */
.umangerp-app .toolbar.master-toolbar input[name="due_from"],
.umangerp-app .toolbar.master-toolbar input[name="due_to"],
.umangerp-app .toolbar.master-toolbar > .erp-search-select:has(input[name="due_from"]),
.umangerp-app .toolbar.master-toolbar > .erp-search-select:has(input[name="due_to"]){
  width:145px!important;
  min-width:130px!important;
  max-width:145px!important;
  flex:0 1 145px!important;
}

/* Excel/PDF sit immediately to the right of the page/view name on desktop. */
.umangerp-top{position:sticky}
.umangerp-top .view-export-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
.umangerp-top .view-export-actions .btn{
  white-space:nowrap;
  padding:8px 12px;
}
.umangerp-top .view-export-actions .top-excel-export,
.umangerp-top .view-export-actions .universal-excel-export,
.umangerp-top .view-export-actions .task-pdf,
.umangerp-top .view-export-actions .mobile-excel{
  position:static!important;
  right:auto!important;
  top:auto!important;
  margin:0!important;
}
/* The old panel export row is no longer needed after actions are moved to the page header. */
.listing-panel > .panel-head .head-actions:empty{display:none!important}

@media(max-width:800px){
  .umangerp-app .panel .toolbar,
  .umangerp-app .listing-panel .toolbar,
  .umangerp-app .master-toolbar,
  .umangerp-app .task-log-toolbar{gap:7px!important}
  .umangerp-top .view-export-actions{display:none!important}
}

/* v2.5.43 filter labels + automatic-filter layout */
.umangerp-app .toolbar .filter-field,
.umangerp-app .master-toolbar .filter-field,
.umangerp-app .task-log-toolbar .filter-field{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  flex:1 1 145px;
  min-width:135px;
  max-width:220px;
  margin:0!important;
}
.umangerp-app .toolbar .filter-field .filter-label,
.umangerp-app .master-toolbar .filter-field .filter-label,
.umangerp-app .task-log-toolbar .filter-field .filter-label,
.umangerp-app .task-log-toolbar .filter-field>span:first-child{
  display:block;
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  color:#344054;
  white-space:nowrap;
}
.umangerp-app .toolbar .filter-field>input,
.umangerp-app .toolbar .filter-field>select,
.umangerp-app .toolbar .filter-field>.erp-search-select,
.umangerp-app .master-toolbar .filter-field>input,
.umangerp-app .master-toolbar .filter-field>select,
.umangerp-app .master-toolbar .filter-field>.erp-search-select,
.umangerp-app .task-log-toolbar .filter-field>input,
.umangerp-app .task-log-toolbar .filter-field>select,
.umangerp-app .task-log-toolbar .filter-field>.erp-search-select{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:1 1 auto!important;
}
.umangerp-app .toolbar .filter-field:has(input[type="search"]),
.umangerp-app .master-toolbar .filter-field:has(input[type="search"]),
.umangerp-app .task-log-toolbar .filter-field:has(input[type="search"]){
  flex:1 1 210px;
  max-width:320px;
}
.umangerp-app .toolbar .filter-field:has(input[type="date"]),
.umangerp-app .master-toolbar .filter-field:has(input[type="date"]),
.umangerp-app .task-log-toolbar .filter-field:has(input[type="date"]){
  flex:0 1 155px;
  min-width:140px;
  max-width:165px;
}
/* Filter buttons are obsolete: changes apply automatically. */
.umangerp-app form.toolbar>button[type="submit"],
.umangerp-app form.master-toolbar>button[type="submit"]{display:none!important}
@media(max-width:800px){
  .umangerp-app .toolbar .filter-field,
  .umangerp-app .master-toolbar .filter-field,
  .umangerp-app .task-log-toolbar .filter-field{min-width:calc(50% - 5px);max-width:none;flex:1 1 calc(50% - 5px)}
}

/* v2.5.44 uniform filter labels and control heights */
.umangerp-app .toolbar .filter-field,
.umangerp-app .master-toolbar .filter-field,
.umangerp-app .task-log-toolbar .filter-field{
  align-items:stretch!important;
  justify-content:flex-start!important;
}
.umangerp-app .toolbar .filter-field .filter-label,
.umangerp-app .master-toolbar .filter-field .filter-label,
.umangerp-app .task-log-toolbar .filter-field .filter-label,
.umangerp-app .task-log-toolbar .filter-field>span:first-child{
  width:100%!important;
  text-align:left!important;
  align-self:flex-start!important;
}
.umangerp-app .toolbar .filter-field>input,
.umangerp-app .toolbar .filter-field>select,
.umangerp-app .master-toolbar .filter-field>input,
.umangerp-app .master-toolbar .filter-field>select,
.umangerp-app .task-log-toolbar .filter-field>input,
.umangerp-app .task-log-toolbar .filter-field>select,
.umangerp-app .toolbar .filter-field>.erp-search-select,
.umangerp-app .master-toolbar .filter-field>.erp-search-select,
.umangerp-app .task-log-toolbar .filter-field>.erp-search-select{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  box-sizing:border-box!important;
  flex:0 0 38px!important;
}
.umangerp-app .toolbar .filter-field>input[type="date"],
.umangerp-app .master-toolbar .filter-field>input[type="date"],
.umangerp-app .task-log-toolbar .filter-field>input[type="date"]{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:8px 10px!important;
  line-height:20px!important;
  flex:0 0 38px!important;
}


/* v2.5.51 — Leads CRM workflow */
.lead-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.lead-summary-grid>div{border:1px solid var(--umangerp-border-color);border-radius:8px;padding:10px 12px;background:var(--umangerp-card-bg)}
.lead-summary-grid span{display:block;font-size:10px;color:var(--umangerp-secondary-color);margin-bottom:4px}
.lead-summary-grid strong{display:block;overflow-wrap:anywhere}
.lead-server-toolbar{align-items:flex-end;flex-wrap:wrap;overflow:visible}
.lead-server-toolbar>input,.lead-server-toolbar>select,.lead-server-toolbar>label{min-width:150px;flex:1 1 150px;max-width:240px}
.lead-server-toolbar>label{display:flex;flex-direction:column;gap:5px}
.lead-server-toolbar>label>span{text-align:left!important}
.lead-server-toolbar input[type="date"]{height:38px;min-height:38px}
.lead-table .compact-action{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;margin-right:5px;min-height:28px}
@media(max-width:780px){
 .lead-summary-grid{grid-template-columns:1fr}
 .lead-server-toolbar>input,.lead-server-toolbar>select,.lead-server-toolbar>label{max-width:none;min-width:calc(50% - 6px);flex:1 1 calc(50% - 6px)}
}

/* v2.5.52 — consistent breathing room between filter controls */
.umangerp-app .panel .toolbar,
.umangerp-app .listing-panel .toolbar,
.umangerp-app .master-toolbar,
.umangerp-app .task-log-toolbar,
.umangerp-app .lead-server-toolbar{
  column-gap:14px!important;
  row-gap:10px!important;
}
.umangerp-app .toolbar .filter-field,
.umangerp-app .master-toolbar .filter-field,
.umangerp-app .task-log-toolbar .filter-field,
.umangerp-app .lead-server-toolbar>label{
  margin-right:0!important;
}
@media(max-width:800px){
  .umangerp-app .panel .toolbar,
  .umangerp-app .listing-panel .toolbar,
  .umangerp-app .master-toolbar,
  .umangerp-app .task-log-toolbar,
  .umangerp-app .lead-server-toolbar{
    column-gap:10px!important;
    row-gap:10px!important;
  }
}


/* v2.5.53 — Lead Update centered popup */
.lead-update-modal{display:none;position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center;padding:20px}
.lead-update-modal.is-open{display:flex}
.lead-update-modal-backdrop{position:absolute;inset:0;background:rgba(11,18,32,.48)}
.lead-update-modal-card{position:relative;z-index:1;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid var(--umangerp-border-color);border-radius:12px;padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.lead-update-modal-card .panel-head{margin-bottom:16px;padding-right:32px}
.lead-update-modal-card .panel-head h2{margin-bottom:3px}
.lead-update-modal-card .panel-head small{display:block;color:var(--umangerp-secondary-color);overflow-wrap:anywhere}
.lead-update-modal-close{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;background:transparent;font-size:24px;line-height:30px;cursor:pointer;color:var(--umangerp-font-color)}
.lead-update-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lead-update-modal .form-grid label.wide{grid-column:1/-1}
.lead-update-modal .lead-next-follow-up-field[hidden]{display:none!important}
body.lead-modal-open{overflow:hidden}
.lead-update-standalone-wrap{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:20px}
.lead-update-standalone{width:min(620px,100%)}
.lead-update-form .lead-next-follow-up-field[hidden]{display:none!important}
@media(max-width:640px){
 .lead-update-modal{padding:10px}
 .lead-update-modal-card{width:100%;max-height:calc(100vh - 20px);padding:16px}
 .lead-update-modal .form-grid{grid-template-columns:1fr}
 .lead-update-modal .form-grid label.wide{grid-column:auto}
}

/* v2.5.54 — clearer spacing between all filter fields application-wide */
.umangerp-app .toolbar,
.umangerp-app .master-toolbar,
.umangerp-app .task-log-toolbar,
.umangerp-app .lead-server-toolbar,
.umangerp-app .master-filter-form{
  column-gap:18px!important;
  row-gap:14px!important;
}
.umangerp-app .toolbar .filter-field,
.umangerp-app .master-toolbar .filter-field,
.umangerp-app .task-log-toolbar .filter-field,
.umangerp-app .lead-server-toolbar>label,
.umangerp-app .master-filter-form>label{
  margin:0!important;
}
@media(max-width:800px){
  .umangerp-app .toolbar,
  .umangerp-app .master-toolbar,
  .umangerp-app .task-log-toolbar,
  .umangerp-app .lead-server-toolbar,
  .umangerp-app .master-filter-form{
    column-gap:12px!important;
    row-gap:12px!important;
  }
}


/* v2.5.56 — unified filter typography and spacing application-wide */
.umangerp-app .toolbar,
.umangerp-app .master-toolbar,
.umangerp-app .task-log-toolbar,
.umangerp-app .lead-server-toolbar,
.umangerp-app .master-filter-form{
  column-gap:24px!important;
  row-gap:16px!important;
  align-items:flex-end!important;
}

/* All filter labels — generated or native — use one visual standard. */
.umangerp-app .toolbar .filter-field .filter-label,
.umangerp-app .master-toolbar .filter-field .filter-label,
.umangerp-app .task-log-toolbar .filter-field .filter-label,
.umangerp-app .task-log-toolbar .filter-field>span:first-child,
.umangerp-app .lead-server-toolbar>label>span,
.umangerp-app .master-filter-form>label>span{
  display:block!important;
  width:100%!important;
  margin:0 0 5px 0!important;
  padding:0!important;
  font-family:inherit!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:#344054!important;
  text-align:left!important;
  white-space:nowrap!important;
}

/* All filter control text uses the same size/weight and control height. */
.umangerp-app .toolbar input,
.umangerp-app .toolbar select,
.umangerp-app .master-toolbar input,
.umangerp-app .master-toolbar select,
.umangerp-app .task-log-toolbar input,
.umangerp-app .task-log-toolbar select,
.umangerp-app .lead-server-toolbar input,
.umangerp-app .lead-server-toolbar select,
.umangerp-app .master-filter-form input,
.umangerp-app .master-filter-form select,
.umangerp-app .erp-search-select input{
  font-family:inherit!important;
  font-size:12px!important;
  line-height:20px!important;
  font-weight:400!important;
  height:38px!important;
  min-height:38px!important;
  box-sizing:border-box!important;
}

/* Native label wrappers should behave exactly like generated filter fields. */
.umangerp-app .lead-server-toolbar>label,
.umangerp-app .master-filter-form>label{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:0!important;
  margin:0!important;
  min-width:150px!important;
}

/* Prevent any two adjacent filter controls from visually touching. */
.umangerp-app .toolbar>* ,
.umangerp-app .master-toolbar>* ,
.umangerp-app .task-log-toolbar>* ,
.umangerp-app .lead-server-toolbar>* ,
.umangerp-app .master-filter-form>*{
  margin-left:0!important;
  margin-right:0!important;
}

@media(max-width:800px){
  .umangerp-app .toolbar,
  .umangerp-app .master-toolbar,
  .umangerp-app .task-log-toolbar,
  .umangerp-app .lead-server-toolbar,
  .umangerp-app .master-filter-form{
    column-gap:14px!important;
    row-gap:14px!important;
  }
}


/* v2.5.57 — definitive filter separation and Lead Update status control */
/* Reserve physical space inside every generated filter field so borders can never touch,
   even where older width rules or enhanced searchable selects consume the full flex track. */
.umangerp-app form.toolbar > .filter-field,
.umangerp-app form.master-toolbar > .filter-field,
.umangerp-app form.task-log-toolbar > .filter-field,
.umangerp-app form.lead-server-toolbar > .filter-field,
.umangerp-app .master-filter-form > .filter-field{
  box-sizing:border-box!important;
  padding-right:14px!important;
}
/* Native date-label wrappers used before JS enhancement receive the same separation. */
.umangerp-app form.lead-server-toolbar > label,
.umangerp-app .master-filter-form > label{
  box-sizing:border-box!important;
  padding-right:14px!important;
}
/* Keep label typography identical everywhere, including direct/native labels. */
.umangerp-app form.toolbar > label > span,
.umangerp-app form.master-toolbar > label > span,
.umangerp-app form.task-log-toolbar > label > span,
.umangerp-app form.lead-server-toolbar > label > span,
.umangerp-app .master-filter-form > label > span,
.umangerp-app .filter-field > .filter-label{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  text-align:left!important;
  color:#344054!important;
}
/* Lead update Status is intentionally a normal select so conditional visibility is exact. */
.lead-update-form select.lead-status-select{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border:1px solid var(--umangerp-border-color,#12b8a6)!important;
  border-radius:7px!important;
  background:#fff!important;
  font:12px Montserrat,Arial,sans-serif!important;
}
.lead-update-form .lead-next-follow-up-field[hidden]{display:none!important}
@media(max-width:800px){
  .umangerp-app form.toolbar > .filter-field,
  .umangerp-app form.master-toolbar > .filter-field,
  .umangerp-app form.task-log-toolbar > .filter-field,
  .umangerp-app form.lead-server-toolbar > .filter-field,
  .umangerp-app form.lead-server-toolbar > label,
  .umangerp-app .master-filter-form > label,
  .umangerp-app .master-filter-form > .filter-field{padding-right:10px!important}
}

/* v2.5.58 — physical spacing between every filter field */
/* Use outer margins on filter wrappers so spacing remains visible even when
   enhanced searchable controls expand to 100% of their wrapper. */
.umangerp-app form.toolbar > .filter-field,
.umangerp-app form.master-toolbar > .filter-field,
.umangerp-app form.task-log-toolbar > .filter-field,
.umangerp-app form.lead-server-toolbar > .filter-field,
.umangerp-app form.lead-server-toolbar > label,
.umangerp-app .master-filter-form > .filter-field,
.umangerp-app .master-filter-form > label{
  padding-right:0!important;
  margin-right:14px!important;
  box-sizing:border-box!important;
}
/* Clear/action buttons also keep a little breathing room from the preceding filter. */
.umangerp-app form.toolbar > .filter-clear,
.umangerp-app form.master-toolbar > .filter-clear,
.umangerp-app form.task-log-toolbar > .filter-clear,
.umangerp-app form.lead-server-toolbar > .filter-clear,
.umangerp-app .master-filter-form > .filter-clear{
  margin-left:2px!important;
}
/* Searchable select shell must stay inside the filter wrapper. */
.umangerp-app .filter-field > .erp-search-select,
.umangerp-app form.lead-server-toolbar > label > .erp-search-select,
.umangerp-app .master-filter-form > label > .erp-search-select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
/* Keep identical filter label typography everywhere. */
.umangerp-app .filter-field > .filter-label,
.umangerp-app form.lead-server-toolbar > label > span,
.umangerp-app .master-filter-form > label > span{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  text-align:left!important;
  margin:0 0 6px!important;
}
@media(max-width:800px){
  .umangerp-app form.toolbar > .filter-field,
  .umangerp-app form.master-toolbar > .filter-field,
  .umangerp-app form.task-log-toolbar > .filter-field,
  .umangerp-app form.lead-server-toolbar > .filter-field,
  .umangerp-app form.lead-server-toolbar > label,
  .umangerp-app .master-filter-form > .filter-field,
  .umangerp-app .master-filter-form > label{
    margin-right:8px!important;
  }
}

/* v2.5.59 — inline field validation and queue modal */
.umangerp-app .erp-form label .field-error{
  display:block;
  margin-top:5px;
  color:#d92d20!important;
  font-size:11px!important;
  line-height:1.35;
  font-weight:600!important;
  text-align:left!important;
}
.umangerp-app .erp-form label .field-error[hidden]{display:none!important}
.umangerp-app .erp-form label.has-field-error input,
.umangerp-app .erp-form label.has-field-error select,
.umangerp-app .erp-form label.has-field-error textarea,
.umangerp-app .erp-form .erp-field-error .erp-search-select-input{
  border-color:#d92d20!important;
  box-shadow:0 0 0 1px rgba(217,45,32,.08)!important;
}
.lead-queue-modal .lead-queue-assignee-field[hidden],
.lead-queue-modal .lead-queue-estimate-field[hidden]{display:none!important}
.lead-queue-open{white-space:nowrap!important}

/* v2.5.60 — required Lead Owner, clear queue dropdown, header add actions */
.umangerp-top .view-export-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
}
.umangerp-top .view-export-actions + .umangerp-user{margin-left:10px!important}
.umangerp-top .view-export-actions .view-add-action{
  position:static!important;
  margin:0!important;
  white-space:nowrap!important;
}
.lead-queue-modal-card{overflow:visible!important}
.lead-queue-modal .lead-queue-user-select{
  display:block!important;
  width:100%!important;
  min-height:40px!important;
  padding:9px 36px 9px 10px!important;
  background:#fff!important;
  color:#111827!important;
  border:1px solid var(--umangerp-theme,#12b8a6)!important;
  border-radius:7px!important;
  font:12px Montserrat,Arial,sans-serif!important;
  opacity:1!important;
  visibility:visible!important;
}
.lead-queue-modal .lead-queue-assignee-field{position:relative;z-index:3}
@media(max-width:800px){
  .umangerp-top .view-export-actions{display:none!important}
  .lead-queue-modal-card{overflow:auto!important}
}

/* v2.5.65 — Read-only Recce summary fields */
.recce-update-form .recce-readonly-field[readonly]{background:#f3f6f8!important;color:#4b5563!important;cursor:not-allowed;opacity:1;}

/* v2.5.71 — Recce Master action history modal. */
.recce-details-modal-card{width:min(980px,calc(100vw - 32px))}
.recce-details-modal-body{overflow:auto}
.recce-history-table th,.recce-history-table td{white-space:normal;vertical-align:top}

/* v2.7.47 — show Search by default; reveal the remaining filters on request. */
.umangerp-app .listing-panel .umangerp-filter-collapsible{display:flex!important}
.umangerp-app .listing-panel .umangerp-filter-collapsible:not(.umangerp-filter-open):not(.mobile-filters-open)>*:not(.umangerp-default-search){display:none!important}
.umangerp-top .umangerp-header-filter{display:inline-flex!important;align-items:center!important;gap:6px!important}
.umangerp-top .umangerp-header-filter svg{width:16px;height:16px;display:block}
.umangerp-app .umangerp-filter-collapsible .mobile-filter-toggle{display:none!important}
.recce-history-table td:nth-child(6){min-width:220px}
.recce-details-empty{min-height:120px}
@media(max-width:700px){.recce-details-modal-card{width:100%}.recce-history-table{min-width:760px}}

/* v2.5.84 - Design Approval popup vertical field layout */
.design-approval-modal .form-grid{grid-template-columns:1fr !important;}
.design-approval-modal .form-grid label,.design-approval-modal .form-grid label.full{grid-column:1/-1 !important;width:100%;}
.design-approval-modal textarea{min-height:110px;}

/* v2.5.91 - Global containment + quotation form */
.umangerp-page *, .umangerp-page *::before, .umangerp-page *::after{box-sizing:border-box}
.panel,.form-panel,.form-grid,.form-grid>label,.toolbar,.toolbar>label,.select-with-add,.erp-search-select,.erp-search-select-wrap{min-width:0;max-width:100%}
.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.form-grid>label{width:100%;overflow:visible}
.form-grid input,.form-grid select,.form-grid textarea,.form-grid .erp-search-select,.form-grid .erp-search-input,.select-with-add{width:100%!important;max-width:100%!important;min-width:0!important}
.form-grid textarea{resize:vertical}
.line-box,.line-table,.table-wrap{max-width:100%;min-width:0}
.line-table,.table-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.quotation-line-table table{min-width:1420px}
.quotation-line-table th,.quotation-line-table td{white-space:nowrap;vertical-align:middle}
.quotation-line-table td:nth-child(2){min-width:190px}
.quotation-line-table td input,.quotation-line-table td select,.quotation-line-table .erp-search-select{max-width:100%!important;min-width:90px}
.quotation-line-table .line-select-with-add{min-width:210px;max-width:260px}
.erp-readonly{background:#f8fafc!important;color:#475467!important;cursor:not-allowed}
.quotation-summary-field{font-weight:600}
.quotation-terms-grid{margin-top:18px}
.quotation-terms-grid label.wide{grid-column:1/-1!important}
.quotation-terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.quotation-terms-grid label{grid-column:auto!important}
@media(max-width:800px){.quotation-terms-grid{grid-template-columns:1fr!important}}
.umangerp-app .quotation-only-table table{width:1100px!important;min-width:1100px!important}
.umangerp-app .quotation-only-table th:nth-child(1),.umangerp-app .quotation-only-table td:nth-child(1){width:250px!important}
.umangerp-app .quotation-only-table th:nth-child(2),.umangerp-app .quotation-only-table td:nth-child(2){width:250px!important}
.settings-panel .settings-section+.settings-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--umangerp-theme)}
.settings-section-title{margin-bottom:16px}
.settings-section-title h2{margin:0;font-size:18px}
@media(max-width:1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){.form-grid{grid-template-columns:1fr!important}}

/* v2.5.92 - Strong global field containment + quotation Create By dropdown */
.umangerp-content,.panel,.form-panel,.erp-form,.form-panel fieldset,.form-grid,.line-box,.line-table,.table-wrap{width:100%;max-width:100%;min-width:0}
.form-panel{overflow:hidden}
.form-panel fieldset{overflow:visible}
.form-grid{overflow:visible}
.form-grid>label,.form-grid>div{min-width:0;max-width:100%}
.form-grid input,.form-grid select,.form-grid textarea,.form-grid .erp-search-select,.form-grid .erp-search-select-input,.form-grid .erp-search-input{display:block;width:100%!important;max-width:100%!important;min-width:0!important}
.select-with-add{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px}
.select-with-add>select,.select-with-add>.erp-search-select{flex:1 1 0!important;width:auto!important;max-width:100%!important;min-width:0!important}
.select-with-add>.quick-add-btn{flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important}
.line-table{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible}
.quotation-line-table{width:100%;max-width:100%;overflow-x:auto!important}
.quotation-line-table table{width:max-content;min-width:1420px;max-width:none}
.quotation-line-table td,.quotation-line-table th{max-width:none}
@media(max-width:500px){.select-with-add>.quick-add-btn{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important}}


/* v2.5.93 - Compact quotation item columns + clear Item dropdown */
.quotation-line-table{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.quotation-line-table table{
  width:1125px!important;
  min-width:1125px!important;
  table-layout:fixed!important;
}
.quotation-line-table th,
.quotation-line-table td{
  padding:7px 6px!important;
  white-space:nowrap!important;
}
.quotation-line-table th:nth-child(1),.quotation-line-table td:nth-child(1){width:188px!important}
.quotation-line-table th:nth-child(2),.quotation-line-table td:nth-child(2){width:170px!important}
.quotation-line-table th:nth-child(3),.quotation-line-table td:nth-child(3){width:68px!important}
.quotation-line-table th:nth-child(4),.quotation-line-table td:nth-child(4){width:68px!important}
.quotation-line-table th:nth-child(5),.quotation-line-table td:nth-child(5){width:82px!important}
.quotation-line-table th:nth-child(6),.quotation-line-table td:nth-child(6){width:68px!important}
.quotation-line-table th:nth-child(7),.quotation-line-table td:nth-child(7){width:82px!important}
.quotation-line-table th:nth-child(8),.quotation-line-table td:nth-child(8){width:82px!important}
.quotation-line-table th:nth-child(9),.quotation-line-table td:nth-child(9){width:88px!important}
.quotation-line-table th:nth-child(10),.quotation-line-table td:nth-child(10){width:96px!important}
.quotation-line-table th:nth-child(11),.quotation-line-table td:nth-child(11){width:42px!important}
.quotation-line-table td input,
.quotation-line-table td select,
.quotation-line-table .erp-search-select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding-left:7px!important;
  padding-right:7px!important;
}
.quotation-line-table .line-select-with-add{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  gap:5px!important;
}
.quotation-line-table .line-select-with-add .quick-add-btn{
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:38px!important;
}
.quotation-line-table .quotation-item-select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  background:#fff!important;
  color:#111827!important;
  border:1px solid var(--umangerp-theme,#12b8a6)!important;
  border-radius:7px!important;
  font:12px Montserrat,Arial,sans-serif!important;
}
@media(max-width:800px){
  .quotation-line-table table{width:1080px!important;min-width:1080px!important}
}

/* v2.5.95 - Quotation summary below items + Discount before GST */
.quotation-summary-box{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid var(--umangerp-theme,#12b8a6);
  border-radius:9px;
  background:#f8fffe;
}
.quotation-summary-title{
  font-size:12px;
  font-weight:700;
  color:#111827;
  margin-bottom:9px;
}
.quotation-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(110px,1fr));
  gap:10px;
  max-width:760px;
  margin-left:auto;
}
.quotation-summary-grid label{display:block;min-width:0}
.quotation-summary-grid label span{
  display:block;
  font-size:10px;
  font-weight:600;
  margin-bottom:4px;
  color:#344054;
}
.quotation-summary-grid input{
  width:100%!important;
  height:34px!important;
  padding:6px 8px!important;
  font-size:11px!important;
  text-align:right;
  font-weight:700;
}
@media(max-width:800px){
  .quotation-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-left:0}
}
@media(max-width:480px){
  .quotation-summary-grid{grid-template-columns:1fr}
}


/* v2.5.96 - Quotation compact totals fields without summary box */
.quotation-summary-fields{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,180px));
  gap:12px;
  justify-content:end;
  align-items:end;
}
.quotation-summary-fields label{display:block;min-width:0;margin:0}
.quotation-summary-fields label span{
  display:block;
  font-size:10px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:5px;
  color:#344054;
}
.quotation-summary-fields input{
  width:100%!important;
  height:36px!important;
  padding:7px 9px!important;
  font-size:11px!important;
  text-align:right;
}
.quotation-summary-fields input.quotation-round-off{
  background:#fff!important;
}
/* v2.7.78 - Order totals: force all five fields on one desktop row */
@media(min-width:801px){
  .quotation-summary-fields.order-summary-fields{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    justify-content:stretch!important;
  }
  .quotation-summary-fields.order-summary-fields > label{
    width:auto!important;
    min-width:0!important;
  }
}
@media(max-width:800px){
  .quotation-summary-fields{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
}


/* v2.5.97 — global desktop show/hide left menu */
@media(min-width:801px){
  .umangerp-side{transition:transform .2s ease}
  .umangerp-main{transition:margin-left .2s ease,width .2s ease}
  .umangerp-toggle{display:grid!important;place-items:center;width:38px;height:38px;min-width:38px;padding:0;font-size:18px;cursor:pointer}
  .umangerp-app.sidebar-collapsed .umangerp-side{transform:translateX(-100%)}
  .umangerp-app.sidebar-collapsed .umangerp-main{margin-left:0!important;width:100%!important}
}

/* v2.5.98 - compact Disc% label + quotation item table uses full available width */
.quotation-line-table table{
  width:100%!important;
  min-width:1050px!important;
  max-width:none!important;
  table-layout:fixed!important;
}
.quotation-line-table th:nth-child(1),.quotation-line-table td:nth-child(1){width:18%!important}
.quotation-line-table th:nth-child(2),.quotation-line-table td:nth-child(2){width:16%!important}
.quotation-line-table th:nth-child(3),.quotation-line-table td:nth-child(3){width:6%!important}
.quotation-line-table th:nth-child(4),.quotation-line-table td:nth-child(4){width:6%!important}
.quotation-line-table th:nth-child(5),.quotation-line-table td:nth-child(5){width:7%!important}
.quotation-line-table th:nth-child(6),.quotation-line-table td:nth-child(6){width:7%!important}
.quotation-line-table th:nth-child(7),.quotation-line-table td:nth-child(7){width:8%!important}
.quotation-line-table th:nth-child(8),.quotation-line-table td:nth-child(8){width:7%!important}
.quotation-line-table th:nth-child(9),.quotation-line-table td:nth-child(9){width:8%!important}
.quotation-line-table th:nth-child(10),.quotation-line-table td:nth-child(10){width:10%!important}
.quotation-line-table th:nth-child(11),.quotation-line-table td:nth-child(11){width:4%!important}
/* Let the item table expand into the extra workspace exposed by a collapsed sidebar. */
.umangerp-page.sidebar-collapsed .quotation-line-table table,
body.umangerp-sidebar-collapsed .quotation-line-table table,
.umangerp-app.sidebar-collapsed .quotation-line-table table{
  width:100%!important;
}
@media(max-width:800px){
  .quotation-line-table table{width:1050px!important;min-width:1050px!important}
}

/* v2.6.04 quotation workflow popup sizing */
#quotation-checking-modal .lead-update-modal-card{width:min(760px,calc(100vw - 32px));}
#quotation-sending-modal .lead-update-modal-card{width:min(900px,calc(100vw - 32px));}
#quotation-checking-modal .form-grid,#quotation-sending-modal .form-grid{gap:18px;}
#quotation-checking-modal .form-grid input,#quotation-checking-modal .form-grid select,#quotation-sending-modal .form-grid input,#quotation-sending-modal .form-grid select{min-height:42px;font-size:13px;}
@media(max-width:800px){#quotation-checking-modal .lead-update-modal-card,#quotation-sending-modal .lead-update-modal-card{width:calc(100vw - 20px);}}


/* v2.6.06 - High-density quotation item entry */
.quotation-line-box{margin-top:16px!important;padding-top:14px!important}
.quotation-line-box .line-head{margin-bottom:10px!important}
.quotation-line-box .line-head h3{font-size:15px!important}
.quotation-line-box .add-line{
  min-height:30px!important;
  height:30px!important;
  padding:5px 10px!important;
  font-size:11px!important;
}
.quotation-line-table{
  max-height:330px!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
}
.quotation-line-table table{
  min-width:980px!important;
}
.quotation-line-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  background:#f2f4f7!important;
}
.quotation-line-table th,
.quotation-line-table td{
  padding:3px 5px!important;
  font-size:11px!important;
  line-height:1.15!important;
  height:34px!important;
}
.quotation-line-table td input,
.quotation-line-table td select,
.quotation-line-table .quotation-item-select{
  height:29px!important;
  min-height:29px!important;
  padding:4px 6px!important;
  font-size:11px!important;
  line-height:1.1!important;
  border-radius:6px!important;
}
.quotation-line-table .line-select-with-add{
  gap:4px!important;
}
.quotation-line-table .line-select-with-add .quick-add-btn{
  flex:0 0 29px!important;
  width:29px!important;
  min-width:29px!important;
  max-width:29px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0!important;
  font-size:15px!important;
  border-radius:6px!important;
}
.quotation-line-table .remove-line{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  font-size:12px!important;
  line-height:24px!important;
}
/* Give text columns room; keep numeric columns dense. */
.quotation-line-table th:nth-child(1),.quotation-line-table td:nth-child(1){width:18.5%!important}
.quotation-line-table th:nth-child(2),.quotation-line-table td:nth-child(2){width:17%!important}
.quotation-line-table th:nth-child(3),.quotation-line-table td:nth-child(3){width:5.5%!important}
.quotation-line-table th:nth-child(4),.quotation-line-table td:nth-child(4){width:5.5%!important}
.quotation-line-table th:nth-child(5),.quotation-line-table td:nth-child(5){width:6.5%!important}
.quotation-line-table th:nth-child(6),.quotation-line-table td:nth-child(6){width:6.5%!important}
.quotation-line-table th:nth-child(7),.quotation-line-table td:nth-child(7){width:7.5%!important}
.quotation-line-table th:nth-child(8),.quotation-line-table td:nth-child(8){width:6.5%!important}
.quotation-line-table th:nth-child(9),.quotation-line-table td:nth-child(9){width:7.5%!important}
.quotation-line-table th:nth-child(10),.quotation-line-table td:nth-child(10){width:9%!important}
.quotation-line-table th:nth-child(11),.quotation-line-table td:nth-child(11){width:3.5%!important}
.quotation-summary-fields{
  margin-top:8px!important;
  gap:9px!important;
}
.quotation-summary-fields label span{margin-bottom:3px!important;font-size:9px!important}
.quotation-summary-fields input{height:30px!important;padding:4px 7px!important;font-size:10px!important}
.quotation-terms-grid{margin-top:10px!important}
.quotation-terms-grid textarea{
  min-height:62px!important;
  height:62px!important;
  padding:7px 9px!important;
  resize:vertical;
}
@media(max-width:800px){
  .quotation-line-table{max-height:300px!important}
  .quotation-line-table table{min-width:980px!important;width:980px!important}
}

/* v2.6.07 - Design approval checkbox + global readonly/calculated styling */
.form-grid label.checkbox-field{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.form-grid .checkbox-inline{display:flex;align-items:center;gap:8px;height:38px;width:100%;padding:0 10px;border:1px solid var(--border,#13b8aa);border-radius:7px;background:#fff}
.form-grid .checkbox-inline input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;margin:0!important}
.form-grid .checkbox-inline em{font-style:normal;color:#475467;font-size:12px}

/* All non-editable / calculated controls use a clear grey background. */
.umangerp-app input[readonly],
.umangerp-app textarea[readonly],
.umangerp-app select[disabled],
.umangerp-app input[disabled],
.umangerp-app textarea[disabled],
.umangerp-app .erp-readonly,
.umangerp-app .recce-readonly-field,
.umangerp-app .discount-amount,
.umangerp-app .quote-base-amount,
.umangerp-app .gst-amount,
.umangerp-app .quote-line-amount,
.umangerp-app .quotation-summary-field{
  background:#eef1f4!important;
  color:#475467!important;
  cursor:not-allowed!important;
  opacity:1!important;
}

/* v2.6.09 - Remove number input spinner arrows globally */
.umangerp-app input[type="number"]::-webkit-outer-spin-button,
.umangerp-app input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.umangerp-app input[type="number"] {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

/* v2.6.10 - remove redundant nested form box; outer panel remains the single form container */
.umangerp-app .form-panel fieldset{
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
/* v2.6.11 quotation workflow refinements */
.quotation-workflow-modal{width:min(760px,calc(100vw - 32px));}
.quotation-workflow-modal .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;}
.quotation-workflow-modal .form-grid .wide{grid-column:1/-1;}
.quotation-workflow-modal input[type="file"]{min-height:42px;padding:7px;background:#fff;}
.quotation-status-modal-card{width:min(620px,calc(100vw - 32px));}
.quotation-status-modal-card .single-column{grid-template-columns:1fr;gap:14px;}
.quotation-items-filter{align-items:end;}
.quotation-items-filter>label{min-width:140px;flex:1 1 150px;}
.quotation-items-filter>label>span{display:block;}
@media(max-width:700px){.quotation-workflow-modal .form-grid{grid-template-columns:1fr;}.quotation-workflow-modal .form-grid .wide{grid-column:auto;}}
/* v2.6.12 - User signature upload */
.erp-image-upload{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;width:100%}
.erp-image-upload input[type="file"]{width:min(100%,420px);min-width:0}
.erp-image-upload small{display:block;width:100%;color:#667085;font-size:11px}
.erp-image-preview{width:180px;min-height:70px;padding:8px;border:1px solid #d0d5dd;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center}
.erp-image-preview img{display:block;max-width:100%;max-height:90px;object-fit:contain}
.signature-cell{min-width:120px}
.signature-thumb{display:block;max-width:110px;max-height:48px;object-fit:contain;background:#fff}

/* v2.6.14 - Quotation item table: readable columns + always-clear horizontal scrolling */
.umangerp-app .quotation-line-table{
  width:100%!important;
  max-width:100%!important;
  overflow-x:scroll!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable both-edges!important;
  padding-bottom:3px!important;
}
.umangerp-app .quotation-line-table table{
  width:1260px!important;
  min-width:1260px!important;
  max-width:none!important;
  table-layout:fixed!important;
}
/* Keep every field comfortably readable instead of squeezing the row. */
.umangerp-app .quotation-line-table th:nth-child(1),.umangerp-app .quotation-line-table td:nth-child(1){width:215px!important}
.umangerp-app .quotation-line-table th:nth-child(2),.umangerp-app .quotation-line-table td:nth-child(2){width:205px!important}
.umangerp-app .quotation-line-table th:nth-child(3),.umangerp-app .quotation-line-table td:nth-child(3){width:70px!important}
.umangerp-app .quotation-line-table th:nth-child(4),.umangerp-app .quotation-line-table td:nth-child(4){width:88px!important}
.umangerp-app .quotation-line-table th:nth-child(5),.umangerp-app .quotation-line-table td:nth-child(5){width:90px!important}
.umangerp-app .quotation-line-table th:nth-child(6),.umangerp-app .quotation-line-table td:nth-child(6){width:82px!important}
.umangerp-app .quotation-line-table th:nth-child(7),.umangerp-app .quotation-line-table td:nth-child(7){width:95px!important}
.umangerp-app .quotation-line-table th:nth-child(8),.umangerp-app .quotation-line-table td:nth-child(8){width:82px!important}
.umangerp-app .quotation-line-table th:nth-child(9),.umangerp-app .quotation-line-table td:nth-child(9){width:95px!important}
.umangerp-app .quotation-line-table th:nth-child(10),.umangerp-app .quotation-line-table td:nth-child(10){width:118px!important}
.umangerp-app .quotation-line-table th:nth-child(11),.umangerp-app .quotation-line-table td:nth-child(11){width:45px!important}
.umangerp-app .quotation-line-table::-webkit-scrollbar{height:12px!important;width:10px!important}
.umangerp-app .quotation-line-table::-webkit-scrollbar-track{background:#eef2f4!important;border-radius:8px!important}
.umangerp-app .quotation-line-table::-webkit-scrollbar-thumb{background:#9aa6b2!important;border-radius:8px!important;border:2px solid #eef2f4!important}
.umangerp-app .quotation-line-table::-webkit-scrollbar-thumb:hover{background:#7b8794!important}
@media(max-width:800px){
  .umangerp-app .quotation-line-table table{width:1260px!important;min-width:1260px!important}
}

/* v2.6.40 - Wider Update Delivery modal */
#order-delivery-modal .lead-update-modal-card{
  width:min(1100px,calc(100vw - 40px));
  max-width:1100px;
  padding:22px 24px;
}
#order-delivery-modal .order-delivery-form{
  max-width:none;
  width:100%;
}
#order-delivery-modal .order-delivery-form>.form-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px 16px;
}
#order-delivery-modal .order-delivery-items{
  width:100%;
  margin-top:14px;
}
#order-delivery-modal .order-delivery-items .table-wrap{
  width:100%;
  overflow-x:auto;
}
#order-delivery-modal .order-delivery-items table.data{
  min-width:760px;
}
#order-delivery-modal .order-delivery-remarks-grid{
  margin-top:14px;
}
.grn-line-table table{min-width:760px}.grn-line-table th:nth-child(1){width:20%}.grn-line-table th:nth-child(2){width:28%}.grn-line-table th:nth-child(n+3){width:13%}.grn-line-row td{vertical-align:middle}.grn-line-row span{display:block}.grn-receive-qty{min-width:100px}.grn-remarks-field{display:block!important;width:100%!important;margin-top:16px!important}.grn-remarks-field textarea{width:100%;min-height:80px}
.grn-form fieldset>.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1000px){.grn-form fieldset>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.grn-form fieldset>.form-grid{grid-template-columns:1fr!important}}
@media(max-width:900px){
  #order-delivery-modal .lead-update-modal-card{width:calc(100vw - 24px);padding:18px;}
  #order-delivery-modal .order-delivery-form>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:600px){
  #order-delivery-modal .lead-update-modal-card{width:calc(100vw - 16px);padding:15px;}
  #order-delivery-modal .order-delivery-form>.form-grid{grid-template-columns:1fr!important;}
}

/* v2.6.41 - Keep inline Add New master modal above workflow popups */
.quick-add-backdrop{z-index:1000010!important;}
.quick-add-modal{z-index:1000020!important;}
body:has(.quick-add-modal:not([hidden])) .quick-add-modal{isolation:isolate;}

/* v2.6.43 - expandable Order item details */
.order-expand-row{cursor:pointer;}
.order-expand-row:hover>td{background:rgba(20,184,166,.045);}
.order-expand-row.is-expanded>td{background:rgba(20,184,166,.07);}
.order-item-detail-row>td{padding:8px 12px!important;background:#f8fbfc!important;}
.order-item-detail-wrap{overflow-x:auto;width:100%;}
.order-item-detail-table{margin:0;min-width:850px;background:#fff;}
.order-item-detail-table th,.order-item-detail-table td{font-size:12px;padding:7px 9px;}


/* v2.6.68 — global floating searchable dropdown visibility fix */
.erp-search-select{position:relative!important;overflow:visible!important}
.erp-search-select-menu{
  position:fixed!important;
  right:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#fff!important;
  border:1px solid var(--umangerp-theme,#0eb8aa)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.22)!important;
  z-index:2147483000!important;
  min-width:180px!important;
  padding:5px!important;
}
.erp-search-select-menu[hidden]{display:none!important}
.erp-search-option{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important;min-height:36px!important}
.form-panel,.panel,.table-wrap,.line-table,.quotation-line-table,.order-line-table,.modal-card,.lead-update-modal-card,.lead-queue-modal-card{isolation:auto}
@media(max-width:760px){
  .erp-search-select-menu{max-width:calc(100vw - 16px)!important;min-width:0!important}
}


/* v2.6.74 — clean delivery quantity cells */
.order-delivery-items .delivery-readonly-qty{
  background:#f3f4f6;
  color:#111827;
  font-weight:500;
}
.order-delivery-items .delivery-qty-input{
  width:100%!important;
  min-width:72px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  padding:4px 6px!important;
  margin:0!important;
  border-radius:0!important;
}
.order-delivery-items .delivery-qty-input:focus{
  background:#fff!important;
  box-shadow:inset 0 -2px 0 var(--umangerp-theme,#0eb8aa)!important;
}
/* v2.6.77 delivery validation: keep errors inside the form */
.delivery-qty-input.delivery-qty-error{outline:2px solid #dc2626!important;outline-offset:1px;background:#fff7f7!important}
.delivery-form-error{margin:0 0 12px!important}

/* v2.6.78 - Per-user left-menu view permissions */
.user-view-permissions{margin-top:22px;grid-column:1/-1}.user-view-permissions-head{margin-bottom:10px}.user-view-permissions-head h3{margin:0 0 4px;font-size:16px}.user-view-permissions-head p{margin:0;color:var(--umangerp-secondary-font,#374151)}.permission-table{width:100%}.permission-table th.permission-show,.permission-table td.permission-show{width:120px;text-align:center}.permission-table th.permission-show label{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.permission-table input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--umangerp-theme,#12b8a6)}


/* v2.6.82 production multi-user and jobs */
.erp-multiuser{position:relative;width:100%}.erp-multiuser-toggle{width:100%;min-height:35px;background:#fff;border:1px solid #11b8ad;border-radius:7px;padding:7px 10px;display:flex;justify-content:space-between;align-items:center;text-align:left;font:inherit}.erp-multiuser-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-multiuser-menu{position:absolute;z-index:99999;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #11b8ad;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:8px;max-height:260px;overflow:auto}.erp-multiuser-search{width:100%;margin-bottom:6px}.erp-multiuser-option{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:6px 4px;margin:0!important;cursor:pointer}.erp-multiuser-option input{width:auto!important;margin:0!important}.production-line-table table{min-width:1050px}.production-line-table th:nth-child(3),.production-line-table th:nth-child(4),.production-line-table th:nth-child(5),.production-line-table th:nth-child(6){width:90px}.production-line-table th:nth-child(7){width:130px}
.production-work-order-form .erp-multiuser-menu{padding:8px;overflow-x:hidden}.production-work-order-form .erp-multiuser-menu>.erp-multiuser-search{display:block;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box;margin:0 0 6px!important}.production-work-order-form .erp-multiuser-menu>.erp-multiuser-option{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;width:100%!important;min-height:34px;box-sizing:border-box;align-items:center!important;justify-content:initial!important;gap:10px!important;padding:7px 8px!important;margin:0!important;border-radius:5px;text-align:left!important;line-height:1.25;white-space:normal}.production-work-order-form .erp-multiuser-menu>.erp-multiuser-option:hover{background:#f0fbfa}.production-work-order-form .erp-multiuser-menu>.erp-multiuser-option>input[type="checkbox"]{position:static!important;display:block!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0!important;padding:0!important;justify-self:start}.production-work-order-form .erp-multiuser-menu>.erp-multiuser-option>span{display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;text-align:left!important;overflow-wrap:anywhere}.production-work-order-form .erp-multiuser-selectall>span{font-weight:600}

/* v2.6.87 - compact Production / Work Order header fields */
.production-work-order-form>.form-grid{
  gap:9px 14px!important;
}
.production-work-order-form>.form-grid>label>span{
  margin-bottom:3px!important;
  line-height:1.15!important;
}
.production-work-order-form>.form-grid input,
.production-work-order-form>.form-grid select,
.production-work-order-form>.form-grid .erp-search-select-input,
.production-work-order-form>.form-grid .erp-search-input{
  min-height:34px!important;
  height:34px!important;
  padding:6px 9px!important;
}
.production-work-order-form>.form-grid .select-with-add{
  gap:6px!important;
}
.production-work-order-form>.form-grid .quick-add-btn{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  padding:0!important;
}
.production-work-order-form>.form-grid .erp-multiselect-control,
.production-work-order-form>.form-grid .multi-select-display{
  min-height:34px!important;
  height:34px!important;
}
@media(max-width:800px){
  .production-work-order-form>.form-grid{gap:9px!important;}
}

/* v2.6.91 - Production Job Update workflow */
#job-update-modal .job-update-modal-card{width:min(1120px,calc(100vw - 32px));overflow:visible}
#job-update-modal .job-update-work-order{margin:-2px 0 14px;font-size:15px}
#job-update-modal .job-update-items{margin-bottom:16px}
#job-update-modal .job-update-table{min-width:860px}
#job-update-modal .job-update-table input[type="number"]{width:120px;min-height:34px}
#job-update-modal .job-update-meta{grid-template-columns:minmax(220px,320px) 1fr;gap:14px 18px}
#job-update-modal .job-update-meta .wide{grid-column:2}
@media(max-width:760px){#job-update-modal .job-update-modal-card{width:calc(100vw - 16px);padding:15px}#job-update-modal .job-update-meta{grid-template-columns:1fr}#job-update-modal .job-update-meta .wide{grid-column:auto}}

/* v2.6.96 - icon-only update actions */
.actions .update-icon-action, .update-icon-action {
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  border-radius: 7px;
}

/* v2.6.98 - green checked-box icon for all Update actions */
.actions .update-icon-action,
.update-icon-action {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid #d9e3df !important;
  border-radius: 7px !important;
  background-color: #fff !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.actions .update-icon-action::before,
.update-icon-action::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='10' y='12' width='39' height='39' rx='5' fill='none' stroke='%2300a651' stroke-width='7'/%3E%3Cpath d='M20 31l11 11L55 16' fill='none' stroke='%2300a651' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.actions .update-icon-action:hover,
.update-icon-action:hover {
  background-color: #f2fbf6 !important;
  border-color: #00a651 !important;
}


/* v2.7.03 - unified one-line action icon tiles */
.umangerp-app td.actions,
.umangerp-app .actions {
  white-space: nowrap !important;
}
.umangerp-app td.actions {
  display: table-cell !important;
}
.umangerp-app td.actions > .umangerp-action-row,
.umangerp-app td.actions > .action-row {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
}
/* Direct action children also stay on one line even where no wrapper exists. */
.umangerp-app td.actions > a,
.umangerp-app td.actions > button,
.umangerp-app td.actions > .btn {
  display: inline-flex !important;
  vertical-align: middle !important;
  margin: 0 5px 0 0 !important;
  flex: 0 0 auto !important;
}
.umangerp-app td.actions > a,
.umangerp-app td.actions > button,
.umangerp-app td.actions > .btn,
.umangerp-app .actions a,
.umangerp-app .actions button,
.umangerp-app .actions .btn {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 7px !important;
  border: 1px solid #d9e2ec !important;
  box-shadow: none !important;
  text-decoration: none !important;
  overflow: hidden !important;
}
/* Update / workflow */
.umangerp-app .actions .update-icon-action,
.umangerp-app td.actions .update-icon-action {
  background: #ecfdf3 !important;
  border-color: #abefc6 !important;
}
/* Edit */
.umangerp-app .actions a[title="Edit"],
.umangerp-app .actions button[title="Edit"],
.umangerp-app td.actions a[title="Edit"],
.umangerp-app td.actions button[title="Edit"] {
  background: #eff8ff !important;
  border-color: #b2ddff !important;
  color: #175cd3 !important;
}
/* PDF / Print-document actions */
.umangerp-app .actions a[title*="PDF" i],
.umangerp-app .actions button[title*="PDF" i],
.umangerp-app .actions a[aria-label*="PDF" i],
.umangerp-app .actions button[aria-label*="PDF" i],
.umangerp-app td.actions a[title*="PDF" i],
.umangerp-app td.actions button[title*="PDF" i] {
  background: #fff4ed !important;
  border-color: #ffd6ae !important;
  color: #b93815 !important;
}
/* Cancel / delete / remove */
.umangerp-app .actions .delete,
.umangerp-app .actions a[title*="Cancel" i],
.umangerp-app .actions button[title*="Cancel" i],
.umangerp-app td.actions .delete,
.umangerp-app td.actions a[title*="Cancel" i],
.umangerp-app td.actions button[title*="Cancel" i] {
  background: #fff1f3 !important;
  border-color: #fecdd6 !important;
  color: #c01048 !important;
}
/* Neutral action/history/details */
.umangerp-app .actions a:not(.delete):not([title="Edit"]):not([title*="PDF" i]):not([title*="Cancel" i]):not(.update-icon-action),
.umangerp-app .actions button:not(.delete):not([title="Edit"]):not([title*="PDF" i]):not([title*="Cancel" i]):not(.update-icon-action) {
  background: #f2f4f7 !important;
  border-color: #e4e7ec !important;
  color: #344054 !important;
}
.umangerp-app .actions a:hover,
.umangerp-app .actions button:hover,
.umangerp-app td.actions a:hover,
.umangerp-app td.actions button:hover {
  filter: brightness(.97);
}


/* v2.7.06 - Production Work Order: always 4 fields per row on desktop */
.production-work-order-form>.form-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px 10px!important;
}
.production-work-order-form>.form-grid>label{min-width:0!important;}
@media(max-width:900px){
  .production-work-order-form>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:600px){
  .production-work-order-form>.form-grid{grid-template-columns:1fr!important;}
}

/* v2.7.27 - Purchase Order total below Remarks */
.po-total-footer{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:8px;
  width:100%;
  margin:8px 0 2px;
  padding-top:8px;
  text-align:right;
  white-space:nowrap;
}
.po-total-footer span{
  font-size:14px;
  font-weight:600;
}
.po-total-footer strong{
  min-width:90px;
  font-size:18px;
  font-weight:700;
  text-align:right;
}
@media(max-width:600px){
  .po-total-footer{margin-top:6px;}
  .po-total-footer strong{font-size:16px;min-width:80px;}
}

/* v2.7.07 - FIX: Production Work Order header grid is inside fieldset, so target actual DOM */
.production-work-order-form fieldset > .form-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px 10px!important;
}
.production-work-order-form fieldset > .form-grid > label{
  min-width:0!important;
  width:100%!important;
}
.production-work-order-form fieldset > .form-grid input,
.production-work-order-form fieldset > .form-grid select,
.production-work-order-form fieldset > .form-grid .erp-search-select,
.production-work-order-form fieldset > .form-grid .erp-search-select-input,
.production-work-order-form fieldset > .form-grid .erp-search-input,
.production-work-order-form fieldset > .form-grid .erp-multiuser,
.production-work-order-form fieldset > .form-grid .select-with-add{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
}
@media(max-width:900px){
  .production-work-order-form fieldset > .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:600px){
  .production-work-order-form fieldset > .form-grid{grid-template-columns:1fr!important;}
}

.order-delivery-items{margin-top:18px!important;}
.installation-required-field{display:flex!important;align-items:center!important;gap:9px!important;margin:14px 0 2px!important;width:max-content!important;font-weight:600!important;}
.installation-required-field input{width:18px!important;height:18px!important;margin:0!important;}
\n\n/* v2.7.26 - Purchase Order line-head alignment */\n.purchase-order-line-box .line-head{\n  display:flex!important;\n  align-items:center!important;\n  justify-content:space-between!important;\n  gap:12px!important;\n}\n.purchase-order-line-box .po-line-head-actions{\n  display:flex!important;\n  flex-direction:row!important;\n  align-items:center!important;\n  justify-content:flex-end!important;\n  gap:10px!important;\n  flex-wrap:nowrap!important;\n  margin-left:auto!important;\n}\n.purchase-order-line-box .po-total-amount{\n  display:inline-flex!important;\n  flex-direction:row!important;\n  align-items:center!important;\n  gap:6px!important;\n  white-space:nowrap!important;\n  font-size:13px!important;\n  line-height:1!important;\n}\n.purchase-order-line-box .po-total-amount span,\n.purchase-order-line-box .po-total-amount strong{\n  display:inline!important;\n  margin:0!important;\n  white-space:nowrap!important;\n}\n.purchase-order-line-box .po-total-amount span{font-weight:600!important;}\n.purchase-order-line-box .po-total-amount strong{font-size:14px!important;min-width:auto!important;text-align:left!important;}\n.purchase-order-line-box .po-line-head-actions .add-line{flex:0 0 auto!important;margin:0!important;}\n@media(max-width:700px){\n  .purchase-order-line-box .line-head{align-items:flex-start!important;}\n  .purchase-order-line-box .po-line-head-actions{flex-wrap:wrap!important;}\n}\n


/* v2.7.77 - Keep all five Order amount summary fields on one desktop row */
@media(min-width:801px){
  .umangerp-app .quotation-summary-fields.order-summary-fields{
    grid-template-columns:repeat(5,minmax(110px,1fr))!important;
    width:100%!important;
    max-width:none!important;
    justify-content:stretch!important;
  }
}

/* v2.7.79 - Show a clear down arrow at the right side of every dropdown */
.umangerp-app .erp-search-select::after{
  content:'▾';
  position:absolute;
  right:11px;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  color:#667085;
  font-size:14px;
  line-height:1;
  pointer-events:none;
}
.umangerp-app .erp-search-select-input{
  padding-right:34px!important;
}
/* Keep native/fallback selects consistent if a select is visible before enhancement. */
.umangerp-app select:not(.erp-native-select){
  padding-right:34px!important;
}
/* Multi-user checkbox dropdowns use a custom toggle rather than a native select. */
.umangerp-app .erp-multiuser-toggle::after{
  content:'▾';
  flex:0 0 auto;
  margin-left:8px;
  color:#667085;
  font-size:14px;
  line-height:1;
  pointer-events:none;
}
/* Customer Sub-Category: use only the standardized CSS arrow; hide the legacy inline arrow. */
.customer-subcategory-multi .erp-multiuser-toggle>b{display:none!important;}


/* v2.7.80 Dashboard header: company logo on the right, no dashboard Excel action. */
.umangerp-top .dashboard-company-logo{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;min-width:0;height:58px}
.umangerp-top .dashboard-company-logo img{display:block;max-width:180px;max-height:50px;width:auto;height:auto;object-fit:contain}
.umangerp-top .dashboard-company-logo + .umangerp-user{margin-left:10px}
@media(max-width:800px){.umangerp-top .dashboard-company-logo{display:none!important}}

/* v2.7.81 Dashboard summary cards: label left, count right, no helper line */
.dashboard-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;min-height:86px}
.dashboard-card span{margin:0!important;line-height:1.35}
.dashboard-card strong{display:block!important;margin:0!important;font-size:28px;line-height:1;text-align:right}
@media(max-width:500px){.dashboard-card{min-height:72px;column-gap:10px}.dashboard-card strong{font-size:24px}}

/* v2.7.89 Daily Activity links: clickable without underline */
.daily-activity-summary-table a,
.daily-activity-summary-table a:visited,
.daily-activity-summary-table a:hover,
.daily-activity-summary-table a:focus{
  text-decoration:none!important;
}

/* v2.7.94 — clickable sortable headers; sorting direction is intentionally icon-free. */
table.data th.umangerp-sortable{cursor:pointer;user-select:none}
table.data th.umangerp-sortable:hover{filter:brightness(.98)}

/* v2.7.95 — show company logo in every ERP top header on desktop only. */
@media(min-width:801px){.umangerp-top .dashboard-company-logo{display:flex!important}}

/* v2.7.96: keep company logo as the final item at the far right of desktop header */
@media(min-width:801px){.umangerp-top .umangerp-user{margin-left:auto}.umangerp-top .dashboard-company-logo{margin-left:10px!important;margin-right:0!important;flex:0 0 auto}.umangerp-top .umangerp-user + .dashboard-company-logo{margin-left:10px!important}}


/* v2.7.97 — company logo is always the last desktop header item, after Filter/Excel/actions. */
@media(min-width:801px){
  .umangerp-top .dashboard-company-logo{order:999!important;margin-right:0!important;flex:0 0 auto!important;}
  .umangerp-top .view-export-actions{order:900!important;margin-left:auto!important;}
  .umangerp-top:has(.view-export-actions) .dashboard-company-logo{margin-left:10px!important;}
  .umangerp-top:not(:has(.view-export-actions)) .dashboard-company-logo{margin-left:auto!important;}
  .umangerp-top > .top-excel-export,.umangerp-top > .universal-excel-export{order:900!important;}
  .umangerp-top:has(> .top-excel-export) > .dashboard-company-logo,.umangerp-top:has(> .universal-excel-export) > .dashboard-company-logo{margin-left:10px!important;}
}


/* v2.8.09 — Master-only filter removal. Operational views keep their Filter button. */
.umangerp-app.umangerp-master-view .umangerp-header-filter,
.umangerp-app.umangerp-master-view .mobile-filter-toggle,
.umangerp-app.umangerp-master-view .filter-clear{display:none!important;}
.master-listing-panel .mobile-filter-toggle,
.master-listing-panel .filter-clear{display:none!important;}
.master-listing-panel .master-toolbar>label:not(:has(input[name="s"])) {display:none!important;}

/* v2.8.08 — Master views: never display Filter controls. */
.umangerp-app.umangerp-master-view .umangerp-header-filter,
.umangerp-app.umangerp-master-view .mobile-filter-toggle,
.umangerp-app.umangerp-master-view .filter-clear{display:none!important;}

/* Lead Sub-Category multi-select: text left, checkbox right */
.lead-subcategory-wrap{align-items:flex-start}.lead-subcategory-wrap>.lead-subcategory-multi{flex:1;min-width:0}.lead-subcategory-multi .erp-lead-subcat-option{display:grid!important;grid-template-columns:minmax(0,1fr) 20px!important;align-items:center!important;gap:12px!important;padding:8px 10px!important}.lead-subcategory-multi .erp-lead-subcat-option>span{grid-column:1;text-align:left!important}.lead-subcategory-multi .erp-lead-subcat-option>input[type="checkbox"]{grid-column:2;justify-self:end!important;width:16px!important;height:16px!important;margin:0!important}.lead-subcategory-multi .erp-multiuser-label{max-width:100%}

/* v1.0.7 Lead Sub-Category control: same visual size as standard dropdown and only one arrow */
.lead-subcategory-multi .erp-multiuser-toggle{height:38px!important;min-height:38px!important;padding:10px 34px 10px 10px!important;position:relative!important;}
.lead-subcategory-multi .erp-multiuser-toggle>b{display:none!important;}
.lead-subcategory-multi .erp-multiuser-toggle::after{position:absolute!important;right:12px!important;margin-left:0!important;}

/* v1.0.12 quick-add control consistency */
.quick-add-modal input[type="email"],.quick-add-modal textarea,.quick-add-modal select{width:100%;padding:9px 11px;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:7px;background:#fff;font:12px Montserrat,Arial,sans-serif;box-sizing:border-box}


/* v1.0.13 — Lead Sub-Category exact category/search filtering */
.lead-subcategory-multi .erp-lead-subcat-option.lead-subcategory-category-hidden,
.lead-subcategory-multi .erp-lead-subcat-option.lead-subcategory-search-hidden,
.lead-subcategory-multi .erp-lead-subcat-option[hidden]{display:none!important;}

/* v1.0.14 lead queue user dropdown */
.lead-queue-modal .erp-search-select{position:relative;z-index:20!important}
.lead-queue-modal .erp-search-select-menu{z-index:1000060!important;max-height:240px!important}
.lead-queue-modal-card{overflow:visible!important}


/* v1.0.16 - Scrollable popup forms on every screen */
.quick-add-modal,
.lead-update-modal-card,
.recce-details-modal-card,
.design-approval-modal .lead-update-modal-card,
.quotation-status-modal-card,
#quotation-checking-modal .lead-update-modal-card,
#quotation-sending-modal .lead-update-modal-card,
#order-delivery-modal .lead-update-modal-card,
#job-update-modal .job-update-modal-card,
.lead-queue-modal-card{
  max-height:calc(100vh - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.quick-add-modal{top:12px!important;bottom:12px!important;transform:translateX(-50%)!important;height:auto;}
.quick-add-modal-head{position:sticky;top:-20px;z-index:5;background:#fff;padding-top:20px;padding-bottom:10px;margin-top:-20px;}
.quick-add-actions{position:sticky;bottom:-20px;z-index:5;background:#fff;padding-top:12px;padding-bottom:20px;margin-bottom:-20px;}
@media(max-width:700px){
  .quick-add-modal,
  .lead-update-modal-card,
  .recce-details-modal-card,
  .quotation-status-modal-card,
  #quotation-checking-modal .lead-update-modal-card,
  #quotation-sending-modal .lead-update-modal-card,
  #order-delivery-modal .lead-update-modal-card,
  #job-update-modal .job-update-modal-card,
  .lead-queue-modal-card{
    max-height:calc(100vh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
  }
  .quick-add-modal{top:6px!important;bottom:6px!important;}
}

/* v1.0.33 assigned quotation action state */
.actions .quotation-assigned-disabled{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e5e7eb!important;color:#9ca3af!important;border:1px solid #d1d5db!important;cursor:not-allowed;opacity:.8;vertical-align:middle}
.quotation-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
@media(max-width:800px){.quotation-assignment-grid{grid-template-columns:1fr}}


/* v1.0.34 - distinct background colour for every Action button/icon */
.umangerp-app td.actions > a,
.umangerp-app td.actions > button {
  border-radius:7px!important;
  border-width:1px!important;
  border-style:solid!important;
  transition:filter .15s ease,transform .15s ease!important;
}
.umangerp-app td.actions > :nth-child(8n+1):not(.quotation-assigned-disabled){background:#dcfce7!important;border-color:#86efac!important;color:#15803d!important;}
.umangerp-app td.actions > :nth-child(8n+2):not(.quotation-assigned-disabled){background:#dbeafe!important;border-color:#93c5fd!important;color:#1d4ed8!important;}
.umangerp-app td.actions > :nth-child(8n+3):not(.quotation-assigned-disabled){background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important;}
.umangerp-app td.actions > :nth-child(8n+4):not(.quotation-assigned-disabled){background:#fef3c7!important;border-color:#fcd34d!important;color:#b45309!important;}
.umangerp-app td.actions > :nth-child(8n+5):not(.quotation-assigned-disabled){background:#ede9fe!important;border-color:#c4b5fd!important;color:#6d28d9!important;}
.umangerp-app td.actions > :nth-child(8n+6):not(.quotation-assigned-disabled){background:#cffafe!important;border-color:#67e8f9!important;color:#0e7490!important;}
.umangerp-app td.actions > :nth-child(8n+7):not(.quotation-assigned-disabled){background:#fce7f3!important;border-color:#f9a8d4!important;color:#be185d!important;}
.umangerp-app td.actions > :nth-child(8n):not(.quotation-assigned-disabled){background:#e2e8f0!important;border-color:#94a3b8!important;color:#334155!important;}
.umangerp-app td.actions > a:hover,
.umangerp-app td.actions > button:hover{filter:brightness(.93)!important;transform:translateY(-1px)!important;}
/* Keep an already-assigned quotation visibly disabled. */
.umangerp-app td.actions > .quotation-assigned-disabled{background:#e5e7eb!important;border-color:#d1d5db!important;color:#9ca3af!important;filter:none!important;transform:none!important;}


/* v1.0.36 - Lead action icons: distinct semantic colours */
.umangerp-app td.actions > .lead-action-edit{background:#dbeafe!important;border:1px solid #93c5fd!important;color:#1d4ed8!important;}
.umangerp-app td.actions > .action-color-cancel{background:#fee2e2!important;border:1px solid #fca5a5!important;color:#dc2626!important;}
.umangerp-app td.actions > .action-color-recce{background:#fef3c7!important;border:1px solid #fcd34d!important;color:#b45309!important;}
.umangerp-app td.actions > .action-color-design{background:#ede9fe!important;border:1px solid #c4b5fd!important;color:#6d28d9!important;}
.umangerp-app td.actions > .action-color-quotation{background:#cffafe!important;border:1px solid #67e8f9!important;color:#0e7490!important;}
.umangerp-app td.actions > .lead-action-edit,
.umangerp-app td.actions > .action-color-cancel,
.umangerp-app td.actions > .action-color-recce,
.umangerp-app td.actions > .action-color-design,
.umangerp-app td.actions > .action-color-quotation{width:34px!important;height:34px!important;border-radius:8px!important;display:inline-grid!important;place-items:center!important;margin-right:5px!important;vertical-align:middle!important;}


/* v1.0.37 - dark action buttons with white icons */
.umangerp-app td.actions > a,
.umangerp-app td.actions > button,
.umangerp-app td.actions > .btn,
.umangerp-app .actions a,
.umangerp-app .actions button,
.umangerp-app .actions .btn{
  color:#fff!important;
  border-width:1px!important;
  box-shadow:0 2px 5px rgba(15,23,42,.18)!important;
}
.umangerp-app td.actions > :nth-child(8n+1):not(.quotation-assigned-disabled){background:#047857!important;border-color:#065f46!important;color:#fff!important;}
.umangerp-app td.actions > :nth-child(8n+2):not(.quotation-assigned-disabled){background:#1d4ed8!important;border-color:#1e40af!important;color:#fff!important;}
.umangerp-app td.actions > :nth-child(8n+3):not(.quotation-assigned-disabled){background:#dc2626!important;border-color:#991b1b!important;color:#fff!important;}
.umangerp-app td.actions > :nth-child(8n+4):not(.quotation-assigned-disabled){background:#d97706!important;border-color:#92400e!important;color:#fff!important;}
.umangerp-app td.actions > :nth-child(8n+5):not(.quotation-assigned-disabled){background:#7e22ce!important;border-color:#581c87!important;color:#fff!important;}
.umangerp-app td.actions > :nth-child(8n+6):not(.quotation-assigned-disabled){background:#0891b2!important;border-color:#155e75!important;color:#fff!important;}
.umangerp-app td.actions > :nth-child(8n+7):not(.quotation-assigned-disabled){background:#be185d!important;border-color:#831843!important;color:#fff!important;}
.umangerp-app td.actions > :nth-child(8n):not(.quotation-assigned-disabled){background:#334155!important;border-color:#1e293b!important;color:#fff!important;}
/* Lead workflow semantic actions */
.umangerp-app td.actions > .lead-action-edit{background:#1d4ed8!important;border-color:#1e40af!important;color:#fff!important;}
.umangerp-app td.actions > .action-color-cancel{background:#dc2626!important;border-color:#991b1b!important;color:#fff!important;}
.umangerp-app td.actions > .action-color-recce{background:#d97706!important;border-color:#92400e!important;color:#fff!important;}
.umangerp-app td.actions > .action-color-design{background:#7e22ce!important;border-color:#581c87!important;color:#fff!important;}
.umangerp-app td.actions > .action-color-quotation{background:#0891b2!important;border-color:#155e75!important;color:#fff!important;}
.umangerp-app td.actions > a:hover,
.umangerp-app td.actions > button:hover,
.umangerp-app .actions a:hover,
.umangerp-app .actions button:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;}
/* Disabled remains visually disabled */
.umangerp-app td.actions > .quotation-assigned-disabled,
.umangerp-app .actions .quotation-assigned-disabled{background:#64748b!important;border-color:#475569!important;color:#e2e8f0!important;box-shadow:none!important;filter:none!important;transform:none!important;}


/* v1.0.38 — Leads In Progress semantic action colors.
   These rules intentionally outrank the older nth-child palette so each workflow
   action keeps its own dark background and white icon. */
html body .umangerp-app table.data td.actions > a.lead-action-edit.lead-action-edit,
html body .umangerp-app table.data td.actions > button.lead-action-edit.lead-action-edit{
  background:#1d4ed8!important;
  border-color:#1e3a8a!important;
  color:#fff!important;
}
html body .umangerp-app table.data td.actions > button.lead-action-cancel.action-color-cancel,
html body .umangerp-app table.data td.actions > a.lead-action-cancel.action-color-cancel{
  background:#dc2626!important;
  border-color:#991b1b!important;
  color:#fff!important;
}
html body .umangerp-app table.data td.actions > a.lead-workflow-icon.action-color-recce{
  background:#d97706!important;
  border-color:#92400e!important;
  color:#fff!important;
}
html body .umangerp-app table.data td.actions > a.lead-workflow-icon.action-color-design{
  background:#7e22ce!important;
  border-color:#581c87!important;
  color:#fff!important;
}
html body .umangerp-app table.data td.actions > a.lead-workflow-icon.action-color-quotation{
  background:#0891b2!important;
  border-color:#155e75!important;
  color:#fff!important;
}
html body .umangerp-app table.data td.actions > span.lead-workflow-icon.quotation-assigned-disabled{
  background:#64748b!important;
  border-color:#475569!important;
  color:#e2e8f0!important;
}
html body .umangerp-app table.data td.actions > a.lead-action-edit,
html body .umangerp-app table.data td.actions > button.lead-action-cancel,
html body .umangerp-app table.data td.actions > a.lead-workflow-icon,
html body .umangerp-app table.data td.actions > span.lead-workflow-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:8px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin-right:5px!important;
  font-size:15px!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 2px 5px rgba(15,23,42,.18)!important;
}


/* v1.0.41 - row counts in all left-menu list views */
.umangerp-side .sub a{display:flex;align-items:center;gap:8px;min-width:0}
.umangerp-side .sub a .menu-view-label{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.umangerp-side .menu-count-badge{margin-left:auto;flex:0 0 auto;min-width:23px;height:20px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#344054;color:#fff;font-size:10px;font-weight:700;line-height:1;border:1px solid rgba(255,255,255,.12)}
.umangerp-side .sub a.active .menu-count-badge,.umangerp-side .sub a:hover .menu-count-badge{background:#fff;color:#0f766e;border-color:#fff}
@media(max-width:800px){.umangerp-side .menu-count-badge{min-width:22px;height:19px;padding:0 6px;font-size:10px}}


/* v1.0.44 — Lead actions: dark semantic colors + disabled until Assigned To exists */
html body .umangerp-app table.data td.actions > a.lead-action-edit{background:#1e3a8a!important;border-color:#172554!important;color:#fff!important;}
html body .umangerp-app table.data td.actions > button.lead-action-cancel.action-color-cancel{background:#b91c1c!important;border-color:#7f1d1d!important;color:#fff!important;}
html body .umangerp-app table.data td.actions > a.lead-workflow-icon.action-color-recce{background:#b45309!important;border-color:#78350f!important;color:#fff!important;}
html body .umangerp-app table.data td.actions > a.lead-workflow-icon.action-color-design{background:#6b21a8!important;border-color:#4c1d95!important;color:#fff!important;}
html body .umangerp-app table.data td.actions > a.lead-workflow-icon.action-color-quotation{background:#0e7490!important;border-color:#164e63!important;color:#fff!important;}
html body .umangerp-app table.data td.actions > span.lead-action-disabled{background:#475569!important;border:1px solid #334155!important;color:#cbd5e1!important;cursor:not-allowed!important;box-shadow:none!important;opacity:.72!important;filter:none!important;transform:none!important;}
html body .umangerp-app table.data td.actions > span.lead-action-disabled:hover{filter:none!important;transform:none!important;}


/* v1.0.45 — Disabled Lead actions stay dark/colored, but remain non-clickable */
html body .umangerp-app table.data td.actions > span.lead-action-disabled.action-color-cancel{
  background:#991b1b!important;border-color:#7f1d1d!important;color:#fff!important;opacity:.62!important;
}
html body .umangerp-app table.data td.actions > span.lead-action-disabled.action-color-recce{
  background:#92400e!important;border-color:#78350f!important;color:#fff!important;opacity:.62!important;
}
html body .umangerp-app table.data td.actions > span.lead-action-disabled.action-color-design{
  background:#581c87!important;border-color:#4c1d95!important;color:#fff!important;opacity:.62!important;
}
html body .umangerp-app table.data td.actions > span.lead-action-disabled.action-color-quotation{
  background:#155e75!important;border-color:#164e63!important;color:#fff!important;opacity:.62!important;
}
html body .umangerp-app table.data td.actions > span.lead-action-disabled{
  cursor:not-allowed!important;box-shadow:0 2px 5px rgba(15,23,42,.14)!important;
}


/* v1.0.46 — hard-lock Leads In Progress action palette by position.
   This intentionally ignores legacy/generic action classes so active and disabled
   workflow actions always keep the approved dark tile + white icon treatment. */
html body .umangerp-app table.lead-table td.actions > :nth-child(1),
html body .umangerp-app .lead-listing table.data td.actions > :nth-child(1){
  background:#1e40af!important;border:1px solid #1e3a8a!important;color:#fff!important;
}
html body .umangerp-app table.lead-table td.actions > :nth-child(2),
html body .umangerp-app .lead-listing table.data td.actions > :nth-child(2){
  background:#b91c1c!important;border:1px solid #7f1d1d!important;color:#fff!important;
}
html body .umangerp-app table.lead-table td.actions > :nth-child(3),
html body .umangerp-app .lead-listing table.data td.actions > :nth-child(3){
  background:#b45309!important;border:1px solid #78350f!important;color:#fff!important;
}
html body .umangerp-app table.lead-table td.actions > :nth-child(4),
html body .umangerp-app .lead-listing table.data td.actions > :nth-child(4){
  background:#6b21a8!important;border:1px solid #4c1d95!important;color:#fff!important;
}
html body .umangerp-app table.lead-table td.actions > :nth-child(5),
html body .umangerp-app .lead-listing table.data td.actions > :nth-child(5){
  background:#0e7490!important;border:1px solid #164e63!important;color:#fff!important;
}
html body .umangerp-app table.lead-table td.actions > *,
html body .umangerp-app .lead-listing table.data td.actions > *{
  width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;
  padding:0!important;margin-right:5px!important;border-radius:8px!important;
  display:inline-grid!important;place-items:center!important;color:#fff!important;
  box-shadow:0 2px 5px rgba(15,23,42,.20)!important;text-decoration:none!important;
  line-height:1!important;font-size:15px!important;vertical-align:middle!important;
}
html body .umangerp-app table.lead-table td.actions > .lead-action-disabled,
html body .umangerp-app .lead-listing table.data td.actions > .lead-action-disabled{
  opacity:.58!important;cursor:not-allowed!important;pointer-events:none!important;
}
html body .umangerp-app table.lead-table td.actions > .quotation-assigned-disabled,
html body .umangerp-app .lead-listing table.data td.actions > .quotation-assigned-disabled{
  background:#475569!important;border-color:#334155!important;color:#fff!important;
  opacity:.58!important;cursor:not-allowed!important;pointer-events:none!important;
}


/* v1.0.50 - Recce and Design action pictograms */
.umangerp-app table.data td.actions .lead-action-svg{width:17px;height:17px;display:block;color:#fff;pointer-events:none;}
.umangerp-app table.data td.actions .lead-workflow-icon.action-color-recce,
.umangerp-app table.data td.actions .lead-workflow-icon.action-color-design{font-size:0!important;}
.umangerp-app table.data td.actions .lead-action-disabled .lead-action-svg{color:#fff!important;}

/* v1.0.55 - Global Update Estimate rupee icon */
.lead-action-rupee{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;font-family:Arial,sans-serif!important;font-size:17px!important;font-weight:800!important;line-height:1!important;color:#fff!important;}


/* v1.0.59 - Quotation UOM visibility fix */
.quotation-line-table th:nth-child(4),
.quotation-line-table td:nth-child(4){
  width:130px!important;
  min-width:130px!important;
}
.quotation-line-table td:nth-child(4) .line-select-with-add{
  min-width:122px!important;
  width:122px!important;
  max-width:122px!important;
  display:flex!important;
  gap:6px!important;
}
.quotation-line-table td:nth-child(4) .erp-search-select,
.quotation-line-table td:nth-child(4) .quotation-uom-select{
  min-width:76px!important;
  width:76px!important;
  max-width:76px!important;
  flex:1 1 76px!important;
}
.quotation-line-table td:nth-child(4) .erp-search-select-input{
  min-width:76px!important;
  width:76px!important;
  padding-left:8px!important;
  padding-right:20px!important;
  text-overflow:ellipsis;
}
.quotation-line-table td:nth-child(4) .quick-add-btn{
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
}
@media(max-width:1100px){
  .quotation-line-table table{min-width:1180px!important;width:1180px!important;}
}


/* v1.0.65 - Clear quotation/project item entry fields */
.umangerp-app .quotation-line-table{
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding-bottom:2px;
}
/* Full quotation: no discount columns */
.umangerp-app .quotation-line-table.quotation-only-table table{
  width:1280px!important;
  min-width:1280px!important;
  table-layout:fixed!important;
}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(1),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(1){width:250px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(2),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(2){width:245px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(3),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(3){width:86px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(4),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(4){width:145px!important;min-width:145px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(5),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(5){width:110px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(6),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(6){width:100px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(7),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(7){width:110px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(8),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(8){width:125px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(9),
.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(9){width:50px!important}

/* Project/Order entry: includes discount columns */
.umangerp-app .quotation-line-table:not(.quotation-only-table) table{
  width:1510px!important;
  min-width:1510px!important;
  table-layout:fixed!important;
}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(1),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(1){width:245px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(2),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(2){width:220px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(3),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(3){width:82px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(4),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(4){width:145px!important;min-width:145px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(5),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(5){width:105px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(6),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(6){width:85px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(7),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(7){width:100px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(8),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(8){width:90px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(9),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(9){width:100px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(10),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(10){width:120px!important}
.umangerp-app .quotation-line-table:not(.quotation-only-table) th:nth-child(11),
.umangerp-app .quotation-line-table:not(.quotation-only-table) td:nth-child(11){width:48px!important}

/* Make every input/select readable and keep + button separate */
.umangerp-app .quotation-line-table td input,
.umangerp-app .quotation-line-table td select,
.umangerp-app .quotation-line-table td .erp-search-select,
.umangerp-app .quotation-line-table td .erp-search-select-input{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:40px!important;
  padding:8px 10px!important;
  font-size:12px!important;
  line-height:1.2!important;
  color:#111827!important;
  background:#fff!important;
}
.umangerp-app .quotation-line-table td:nth-child(4) .line-select-with-add{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(88px,1fr) 38px!important;
  gap:7px!important;
  align-items:center!important;
}
.umangerp-app .quotation-line-table td:nth-child(4) .line-select-with-add .erp-search-select,
.umangerp-app .quotation-line-table td:nth-child(4) .line-select-with-add select{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.umangerp-app .quotation-line-table td:nth-child(4) .line-select-with-add .quick-add-btn{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
}
.umangerp-app .quotation-line-table th,
.umangerp-app .quotation-line-table td{padding:8px 7px!important;vertical-align:middle!important}


/* v1.0.68 - Consistent UOM field size across all forms */
html body .umangerp-app td:has(select[name$="[uom]"]){
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .line-select-with-add{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(128px,1fr) 40px!important;
  gap:8px!important;
  align-items:center!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) select[name$="[uom]"],
html body .umangerp-app td:has(select[name$="[uom]"]) .erp-search-select,
html body .umangerp-app td:has(select[name$="[uom]"]) .erp-search-select-input{
  width:100%!important;
  min-width:128px!important;
  max-width:none!important;
  height:40px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .quick-add-btn{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
}
/* Quotation and Project tables previously had narrower UOM overrides. */
html body .umangerp-app .quotation-line-table th:nth-child(4),
html body .umangerp-app .quotation-line-table td:nth-child(4){
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
}
html body .umangerp-app .quotation-line-table td:nth-child(4) .line-select-with-add{
  grid-template-columns:minmax(128px,1fr) 40px!important;
  width:100%!important;
}
@media(max-width:700px){
  html body .umangerp-app td:has(select[name$="[uom]"]){
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }
  html body .umangerp-app td:has(select[name$="[uom]"]) .line-select-with-add{
    grid-template-columns:minmax(118px,1fr) 40px!important;
  }
}


/* v1.0.69 - UOM + button containment fix across all line-item forms */
html body .umangerp-app td:has(select[name$="[uom]"]){
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .line-select-with-add,
html body .umangerp-app td:has(select[name$="[uom]"]) .select-with-add{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .line-select-with-add > select,
html body .umangerp-app td:has(select[name$="[uom]"]) .line-select-with-add > .erp-search-select,
html body .umangerp-app td:has(select[name$="[uom]"]) .select-with-add > select,
html body .umangerp-app td:has(select[name$="[uom]"]) .select-with-add > .erp-search-select{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 48px)!important;
  height:40px!important;
  box-sizing:border-box!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .erp-search-select-input{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  box-sizing:border-box!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .quick-add-btn{
  position:static!important;
  flex:0 0 40px!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
html body .umangerp-app .quotation-line-table th:nth-child(4),
html body .umangerp-app .quotation-line-table td:nth-child(4){
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  html body .umangerp-app td:has(select[name$="[uom]"]),
  html body .umangerp-app .quotation-line-table th:nth-child(4),
  html body .umangerp-app .quotation-line-table td:nth-child(4){
    width:200px!important;
    min-width:200px!important;
    max-width:200px!important;
  }
}


/* v1.0.70 - Final UOM layout fix: full readable select + separate add button */
html body .umangerp-app .quotation-line-table th:nth-child(4),
html body .umangerp-app .quotation-line-table td:nth-child(4),
html body .umangerp-app td:has(select[name$="[uom]"]){
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .line-select-with-add,
html body .umangerp-app td:has(select[name$="[uom]"]) .select-with-add,
html body .umangerp-app .quotation-line-table td:nth-child(4) .line-select-with-add{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  column-gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .line-select-with-add > select,
html body .umangerp-app td:has(select[name$="[uom]"]) .line-select-with-add > .erp-search-select,
html body .umangerp-app td:has(select[name$="[uom]"]) .select-with-add > select,
html body .umangerp-app td:has(select[name$="[uom]"]) .select-with-add > .erp-search-select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  box-sizing:border-box!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .erp-search-select-input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding-left:10px!important;
  padding-right:28px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
html body .umangerp-app td:has(select[name$="[uom]"]) .quick-add-btn{
  position:static!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
/* Make room in Project/Quotation line tables instead of squeezing neighbouring columns. */
html body .umangerp-app .quotation-line-table:not(.quotation-only-table) table{
  width:1640px!important;
  min-width:1640px!important;
}
html body .umangerp-app .quotation-line-table.quotation-only-table table{
  width:1410px!important;
  min-width:1410px!important;
}
@media(max-width:700px){
  html body .umangerp-app .quotation-line-table th:nth-child(4),
  html body .umangerp-app .quotation-line-table td:nth-child(4),
  html body .umangerp-app td:has(select[name$="[uom]"]){
    width:240px!important;
    min-width:240px!important;
    max-width:240px!important;
  }
}


/* v1.0.71 - UOM control height exactly matches neighbouring item inputs */
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) .line-select-with-add,
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) .select-with-add{
  min-height:40px!important;
  height:40px!important;
  max-height:40px!important;
  align-items:stretch!important;
}
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) select[name$="[uom]"],
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) .erp-search-select,
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) .erp-search-select-input,
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) .quick-add-btn{
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  box-sizing:border-box!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) .erp-search-select{
  padding:0!important;
  display:block!important;
}
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) .erp-search-select-input{
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:38px!important;
}
html body .umangerp-app .quotation-line-table td:has(select[name$="[uom]"]) select[name$="[uom]"]{
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:38px!important;
}

/* v1.0.75 - Job Item Step / Vendor Work Order workflow */
.job-steps-cell{min-width:220px!important}
.job-steps-select{min-width:210px!important;min-height:92px!important;padding:8px!important;border:1px solid var(--umangerp-border-color,#12b8a6)!important;border-radius:8px!important;background:#fff!important}
.step-progress-cell{min-width:360px!important;white-space:normal!important}
.inline-assign,.assignment-progress{display:inline-block;margin:2px 6px 4px 0;vertical-align:top}
.inline-assign>summary,.assignment-progress>summary{list-style:none;cursor:pointer}
.inline-assign>summary::-webkit-details-marker,.assignment-progress>summary::-webkit-details-marker{display:none}
.inline-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;margin-top:10px;padding:12px;border:1px solid #d7e7e5;border-radius:10px;background:#fff;min-width:430px}
.inline-assignment-grid label{display:flex;flex-direction:column;gap:5px}
.inline-assignment-grid label.wide{grid-column:1/-1}
.assignment-progress-list{margin-top:10px;min-width:520px;display:flex;flex-direction:column;gap:8px}
.assignment-progress-row{border:1px solid #dce7e6;border-radius:10px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:8px}
.assignment-progress-row>div{display:flex;flex-direction:column;gap:3px}
.assignment-progress-row>div span{font-size:11px;color:#5f6b76}
.assignment-progress-row form{display:grid;grid-template-columns:110px 150px 1fr auto;gap:8px;align-items:center}
.vendor-wo-pending input[type=checkbox]{width:18px;height:18px}
@media(max-width:800px){.job-steps-cell{min-width:190px!important}.job-steps-select{min-width:180px!important}.step-progress-cell{min-width:300px!important}.inline-assignment-grid{min-width:300px;grid-template-columns:1fr}.assignment-progress-list{min-width:300px}.assignment-progress-row form{grid-template-columns:1fr}}
/* v1.0.76 - Job stage menu sections */
.umangerp-side .sub .job-stage-menu-heading{margin:12px 10px 5px;padding:7px 10px 5px;border-top:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.72);pointer-events:none}
.umangerp-side .sub .job-stage-menu-heading:first-child{margin-top:6px;border-top:0}
.inline-completion-form{display:flex;gap:6px;align-items:center;min-width:520px}.inline-completion-form input,.inline-completion-form select{min-width:110px}

/* v1.0.77 - Stage Assign/Update actions use centered modal forms */
.step-action-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.step-action-modal.is-open{display:flex}
.step-action-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}
.step-action-modal-card{position:relative;z-index:1;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #14b8a6;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:24px}
.step-action-modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font-size:24px;line-height:1;cursor:pointer}
.step-action-modal-head{padding-right:48px;margin-bottom:20px}
.step-action-modal-head h3{margin:0 0 6px;font-size:22px;color:#0f172a}
.step-action-modal-context{font-size:13px;color:#64748b;font-weight:600}
.step-action-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.step-action-form-grid label.wide{grid-column:1/-1}
body.step-modal-open{overflow:hidden}
@media(max-width:700px){.step-action-modal{padding:12px}.step-action-modal-card{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:18px}.step-action-form-grid{grid-template-columns:1fr!important}}

/* v1.0.81 - visually disable the opposite Machine/Vendor choice in stage assignment modal */
.step-action-modal .assignment-choice-disabled{opacity:.48!important;pointer-events:none!important;}
.step-action-modal .assignment-choice-disabled select,
.step-action-modal .assignment-choice-disabled .erp-search-select,
.step-action-modal .assignment-choice-disabled .erp-search-select-input,
.step-action-modal .assignment-choice-disabled .quick-add-btn{cursor:not-allowed!important;}

/* v1.0.82 - Quality Check Due placement and separators */
.umangerp-side .sub a.quality-check-menu-link{margin-top:8px!important;padding-top:11px!important;border-top:1px solid rgba(255,255,255,.16)!important;border-bottom:1px solid rgba(255,255,255,.16)!important;padding-bottom:11px!important;margin-bottom:8px!important;}
\n\n/* v1.0.89 - Work Order Details: stage assignee/date + distinct stage backgrounds */
.work-order-detail-page .lead-related-table th.job-step-detail-col,
.work-order-detail-page .lead-related-table td.job-step-detail-col{min-width:170px!important;vertical-align:top!important}
.work-order-detail-page .job-step-detail-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:54px}
.work-order-detail-page .job-step-assignee-list{display:flex;flex-direction:column;gap:5px;width:100%}
.work-order-detail-page .job-step-assignee{padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);line-height:1.25}
.work-order-detail-page .job-step-assignee strong{display:block;font-size:12px;color:#0f172a;white-space:normal}
.work-order-detail-page .job-step-assignee span{display:block;margin-top:2px;font-size:10px;color:#475569;white-space:normal}
.work-order-detail-page th.job-step-color-0,.work-order-detail-page td.job-step-color-0{background:#eff6ff!important}
.work-order-detail-page th.job-step-color-1,.work-order-detail-page td.job-step-color-1{background:#f0fdf4!important}
.work-order-detail-page th.job-step-color-2,.work-order-detail-page td.job-step-color-2{background:#fff7ed!important}
.work-order-detail-page th.job-step-color-3,.work-order-detail-page td.job-step-color-3{background:#faf5ff!important}
.work-order-detail-page th.job-step-color-4,.work-order-detail-page td.job-step-color-4{background:#fefce8!important}
.work-order-detail-page th.job-step-color-5,.work-order-detail-page td.job-step-color-5{background:#ecfeff!important}
.work-order-detail-page th.job-step-color-6,.work-order-detail-page td.job-step-color-6{background:#fff1f2!important}
.work-order-detail-page th.job-step-color-7,.work-order-detail-page td.job-step-color-7{background:#f8fafc!important}
.work-order-detail-page td.job-step-na{color:#94a3b8!important;text-align:center}
\n/* v1.0.91 - Job Details: split every stage into Progress / Assignee / Assign Date columns */
.work-order-detail-page .job-item-stage-table{min-width:max-content!important}
.work-order-detail-page .job-item-stage-table th.job-step-group{text-align:center!important;font-weight:700!important;border-bottom:1px solid #14b8a6!important}
.work-order-detail-page .job-item-stage-table .job-stage-sub-head th{text-align:center!important;font-size:11px!important;white-space:nowrap!important}
.work-order-detail-page .job-item-stage-table th.job-step-progress-col,
.work-order-detail-page .job-item-stage-table td.job-step-progress-col{min-width:105px!important;width:105px!important;text-align:center!important}
.work-order-detail-page .job-item-stage-table th.job-step-assignee-col,
.work-order-detail-page .job-item-stage-table td.job-step-assignee-col{min-width:145px!important;width:145px!important}
.work-order-detail-page .job-item-stage-table th.job-step-date-col,
.work-order-detail-page .job-item-stage-table td.job-step-date-col{min-width:110px!important;width:110px!important;text-align:center!important}
.work-order-detail-page .job-item-stage-table .job-step-separated-value{padding:4px 6px;margin:2px 0;border-radius:6px;background:rgba(255,255,255,.72);font-weight:600;white-space:nowrap}
.work-order-detail-page .job-item-stage-table td.job-step-na{text-align:center!important;color:#94a3b8!important}
\n/* v1.0.92 - Job detail action buttons: clear labelled button style */
.work-order-detail-page .job-detail-action-hero{
  min-height:64px!important;
  padding:12px 14px!important;
  align-items:center!important;
}
.work-order-detail-page .job-detail-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.work-order-detail-page .job-detail-action-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:76px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
.work-order-detail-page .job-detail-update-btn{
  background:#1e40af!important;
  border-color:#1e3a8a!important;
  color:#fff!important;
}
.work-order-detail-page .job-detail-pdf-btn{
  background:#991b1b!important;
  border-color:#7f1d1d!important;
  color:#fff!important;
}
.work-order-detail-page .job-detail-cancel-btn{
  background:#b91c1c!important;
  border-color:#7f1d1d!important;
  color:#fff!important;
}
.work-order-detail-page .job-detail-cancel-btn.lead-action-disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}
@media(max-width:700px){
  .work-order-detail-page .job-detail-action-hero{align-items:flex-start!important;gap:10px!important}
  .work-order-detail-page .job-detail-actions{justify-content:flex-start!important;width:100%!important}
}


/* v1.0.97 - make PDF actions clear and consistent across the application */
.umangerp-app .pdf-download-action,
.umangerp-app .lead-quotation-pdf-download {
  width:auto!important;
  min-width:44px!important;
  height:34px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:#b42318!important;
  border:1px solid #912018!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.15px!important;
  text-decoration:none!important;
  box-shadow:0 2px 5px rgba(16,24,40,.14)!important;
}
.umangerp-app .pdf-download-action:hover,
.umangerp-app .lead-quotation-pdf-download:hover {
  color:#fff!important;
  filter:brightness(.94)!important;
  transform:translateY(-1px);
}
.umangerp-app .pdf-download-action img,
.umangerp-app .lead-quotation-pdf-download img { display:none!important; }
.umangerp-app .pdf-action-label { display:inline-block!important; color:#fff!important; font-weight:800!important; }

/* v1.0.104 - user-selected Assign Design icon in Lead and Project actions */
.design-action-icon-img{
  display:block!important;
  width:20px!important;
  height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  object-fit:contain!important;
}
.lead-top-action.design .design-action-icon-img,
.lead-workflow-icon.action-color-design .design-action-icon-img{
  margin:auto!important;
}

/* v1.0.107 - force every PDF action to show a clear PDF label */
.umangerp-app a[title*="PDF" i],
.umangerp-app button[title*="PDF" i],
.umangerp-app a[aria-label*="PDF" i],
.umangerp-app button[aria-label*="PDF" i] {
  width:auto!important;
  min-width:44px!important;
  height:34px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  border-radius:8px!important;
  background:#b42318!important;
  border:1px solid #912018!important;
  color:#fff!important;
  font-size:0!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 2px 5px rgba(16,24,40,.14)!important;
  overflow:visible!important;
}
.umangerp-app a[title*="PDF" i]::after,
.umangerp-app button[title*="PDF" i]::after,
.umangerp-app a[aria-label*="PDF" i]::after,
.umangerp-app button[aria-label*="PDF" i]::after {
  content:"PDF"!important;
  display:inline-block!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.15px!important;
}
.umangerp-app a[title*="PDF" i] img,
.umangerp-app button[title*="PDF" i] img,
.umangerp-app a[aria-label*="PDF" i] img,
.umangerp-app button[aria-label*="PDF" i] img,
.umangerp-app a[title*="PDF" i] .pdf-action-label,
.umangerp-app button[title*="PDF" i] .pdf-action-label,
.umangerp-app a[aria-label*="PDF" i] .pdf-action-label,
.umangerp-app button[aria-label*="PDF" i] .pdf-action-label {
  display:none!important;
}
.umangerp-app a[title*="PDF" i]:hover,
.umangerp-app button[title*="PDF" i]:hover,
.umangerp-app a[aria-label*="PDF" i]:hover,
.umangerp-app button[aria-label*="PDF" i]:hover {
  background:#912018!important;
  border-color:#7a1b14!important;
  color:#fff!important;
}

/* v1.0.109 - wrap long left-menu view names instead of truncating with ellipsis */
html body .umangerp-side .sub a{
  align-items:flex-start!important;
  min-height:36px!important;
  height:auto!important;
}
html body .umangerp-side .sub a .menu-view-label{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.35!important;
}
html body .umangerp-side .sub a .menu-count-badge{
  margin-top:1px!important;
  align-self:flex-start!important;
}

/* v1.0.110 - Applicable Steps as compact checkbox dropdown */
.job-steps-cell{min-width:250px!important;vertical-align:middle!important}
.job-steps-dropdown{position:relative;width:100%;min-width:230px}
.job-steps-toggle{width:100%;min-height:42px;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:8px;background:#fff;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;color:inherit;font:inherit;box-sizing:border-box}
.job-steps-toggle:focus{outline:2px solid rgba(18,184,166,.18);outline-offset:1px}
.job-steps-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280}
.job-steps-value.has-value{color:#111827;font-weight:500}
.job-steps-arrow{flex:0 0 auto;font-size:12px;color:#64748b;transition:transform .15s ease}
.job-steps-dropdown.open .job-steps-arrow{transform:rotate(180deg)}
.job-steps-menu{display:none;position:absolute;z-index:10050;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:8px;box-shadow:0 12px 28px rgba(15,23,42,.16);padding:6px;max-height:230px;overflow:auto}
.job-steps-dropdown.open .job-steps-menu{display:block}
.job-step-option{display:flex!important;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;cursor:pointer;margin:0!important;min-height:38px!important}
.job-step-option:hover{background:#eefcf9}
.job-step-option input[type="checkbox"]{width:17px!important;height:17px!important;min-width:17px!important;margin:0!important;accent-color:#12b8a6}
.job-step-option span{font-weight:400;line-height:1.25}
@media(max-width:800px){.job-steps-cell{min-width:220px!important}.job-steps-dropdown{min-width:200px}.job-steps-menu{position:fixed;left:5vw;right:5vw;top:auto;width:90vw;max-height:45vh}}

/* v1.0.111 - show Applicable Steps dropdown clearly above scroll containers */
.job-steps-dropdown.open{z-index:12000!important}
.job-steps-dropdown.open .job-steps-toggle{border-color:#0f9f91!important;box-shadow:0 0 0 3px rgba(18,184,166,.12)!important}
.job-steps-menu.job-steps-menu-floating{
  position:fixed!important;
  left:auto;
  right:auto;
  top:auto;
  z-index:99999!important;
  min-width:260px;
  max-width:min(360px,calc(100vw - 24px));
  max-height:280px;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#fff!important;
  border:1px solid #12b8a6!important;
  border-radius:10px!important;
  box-shadow:0 18px 42px rgba(15,23,42,.24)!important;
  padding:7px!important;
}
.job-steps-menu.job-steps-menu-floating .job-step-option{
  min-height:42px!important;
  padding:10px 11px!important;
  background:#fff;
  border:1px solid transparent;
}
.job-steps-menu.job-steps-menu-floating .job-step-option:hover{background:#effcf9!important;border-color:#d2f5ed!important}
.job-steps-menu.job-steps-menu-floating .job-step-option input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important}
.job-steps-menu.job-steps-menu-floating .job-step-option span{font-size:13px!important;color:#111827!important}

/* v1.0.112 — Recce/Design production mode buttons. */
.production-mode-btn.active{background:#12b8a6!important;color:#fff!important;border-color:#12b8a6!important;}


/* v1.0.115 — Global table header color: Umang teal with white text */
html body .umangerp-app table thead th,
html body .umangerp-app table thead td,
html body .umangerp-app .table-wrap table thead th,
html body .umangerp-app .lead-related-table thead th,
html body .umangerp-app .job-item-stage-table thead th,
html body .umangerp-app .job-stage-sub-head th,
html body .umangerp-app .quotation-line-table thead th,
html body .umangerp-app .order-item-detail-table thead th,
html body .umangerp-app .permission-table thead th {
  background:#12B8A6!important;
  background-color:#12B8A6!important;
  color:#fff!important;
  border-color:#0fa895!important;
}
html body .umangerp-app table thead th *,
html body .umangerp-app table thead td *,
html body .umangerp-app .lead-related-table thead th *,
html body .umangerp-app .job-item-stage-table thead th *,
html body .umangerp-app .job-stage-sub-head th * {
  color:#fff!important;
}
html body .umangerp-app table thead th a,
html body .umangerp-app table thead th button,
html body .umangerp-app table thead th .sort-indicator,
html body .umangerp-app table thead th [class*="sort"] {
  color:#fff!important;
}

/* v1.0.118 - compact detail action toolbar */
.work-order-detail-page .job-detail-action-hero{
  min-height:48px!important;
  padding:6px 10px!important;
}
.work-order-detail-page .job-detail-action-btn{
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
}
.work-order-detail-page .job-detail-actions .status{
  min-height:28px!important;
  padding:5px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
}

/* v1.0.123 - Action Log eye icon buttons */
.umangerp-app .recce-details-open,
.umangerp-app .design-details-open{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.umangerp-app .umangerp-eye-icon{
  font-size:18px!important;
  line-height:1!important;
  display:inline-block!important;
}

/* v1.0.127 — ensure Follow Up message icon is always visible */
.follow-up-open{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.follow-up-open .follow-up-message-svg{display:block!important;width:19px!important;height:19px!important;color:#fff!important;stroke:#fff!important;overflow:visible!important;flex:0 0 19px!important}
.follow-up-open .follow-up-message-svg path{stroke:currentColor!important;fill:none!important}


/* v1.0.158 — graph-style operational dashboard */
.dashboard-graph-shell{display:block}
.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.dashboard-kpi-grid-secondary{grid-template-columns:repeat(6,minmax(150px,1fr));margin-bottom:18px}
.dashboard-kpi-secondary{min-height:92px}
.dashboard-kpi{display:flex;align-items:center;gap:12px;min-height:102px;padding:16px;border:1px solid #d7e5eb;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.035)}
.dashboard-kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:800;flex:0 0 42px;background:rgba(20,184,166,.12);color:#0f766e}
.dashboard-kpi-copy{min-width:0}.dashboard-kpi-copy span{display:block;font-size:12px;color:#53657b;line-height:1.35;margin-bottom:8px}.dashboard-kpi-copy strong{font-size:28px;color:#0f172a;line-height:1}
.dashboard-tone-danger{background:#fff8f8;border-color:#fecdd3}.dashboard-tone-danger .dashboard-kpi-icon{background:#ffe4e6;color:#e11d48}
.dashboard-tone-mint{background:#f7fffc;border-color:#bbf7d0}.dashboard-tone-mint .dashboard-kpi-icon{background:#d1fae5;color:#059669}
.dashboard-tone-blue{background:#f7fbff;border-color:#bfdbfe}.dashboard-tone-blue .dashboard-kpi-icon{background:#dbeafe;color:#2563eb}
.dashboard-tone-purple{background:#fbf9ff;border-color:#ddd6fe}.dashboard-tone-purple .dashboard-kpi-icon{background:#ede9fe;color:#7c3aed}
.dashboard-tone-amber{background:#fffdf7;border-color:#fde68a}.dashboard-tone-amber .dashboard-kpi-icon{background:#fef3c7;color:#d97706}
.dashboard-tone-teal{background:#f5fffd;border-color:#99f6e4}.dashboard-tone-teal .dashboard-kpi-icon{background:#ccfbf1;color:#0f766e}
.dashboard-tone-violet{background:#fbf9ff;border-color:#ddd6fe}.dashboard-tone-violet .dashboard-kpi-icon{background:#ede9fe;color:#7c3aed}
.dashboard-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dashboard-chart-card{background:#fff;border:2px solid #334155;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,.06);padding:14px;min-width:0}
.dashboard-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.dashboard-chart-head h3{margin:0;font-size:16px;color:#0f172a}.dashboard-chart-head span{font-size:11px;color:#64748b;border:1px solid #e2e8f0;border-radius:7px;padding:5px 8px;background:#fff}
.dashboard-bars{height:178px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:8px 4px 0;border-bottom:1px solid #e2e8f0}
.dashboard-bar-item{flex:1;height:166px;display:grid;grid-template-rows:20px 120px 26px;align-items:end;text-align:center;min-width:0}.dashboard-bar-value{font-weight:700;font-size:12px;color:#334155}.dashboard-bar-track{height:120px;display:flex;align-items:flex-end;justify-content:center;border-left:1px solid transparent}.dashboard-bar{display:block;width:min(46px,65%);min-height:6px;border-radius:6px 6px 0 0}.dashboard-bar-teal{background:linear-gradient(180deg,#2dd4bf,#0f9f8f)}.dashboard-bar-blue{background:linear-gradient(180deg,#60a5fa,#2563eb)}.dashboard-bar-item small{font-size:10px;color:#475569;white-space:normal;line-height:1.15;align-self:end}
.dashboard-donut-wrap{display:flex;align-items:center;gap:18px;min-height:174px}.dashboard-donut{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;flex:0 0 138px}.dashboard-donut>div{width:78px;height:78px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 0 0 1px #eef2f7}.dashboard-donut strong{font-size:24px;line-height:1;color:#0f172a}.dashboard-donut span{font-size:10px;color:#64748b}.dashboard-donut-legend{display:grid;gap:8px;flex:1}.dashboard-donut-legend>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:10px;color:#475569}.dashboard-donut-legend i,.dashboard-line-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.dashboard-donut-legend strong{font-size:11px;color:#0f172a}
.dashboard-line-card{overflow:hidden}.dashboard-line-svg{display:block;width:100%;height:145px}.dashboard-grid-line{stroke:#e6edf2;stroke-width:1}.dashboard-week-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;font-size:9px;color:#64748b;text-align:center;margin-top:-8px}.dashboard-line-legend{display:flex;justify-content:center;gap:15px;margin-top:8px;font-size:10px;color:#475569}.dashboard-line-legend span{display:flex;align-items:center;gap:5px}
.dashboard-section-title{display:flex;align-items:end;justify-content:space-between;margin:4px 0 10px}.dashboard-section-title h2{margin:0;font-size:18px;color:#0f172a}.dashboard-section-title span{font-size:11px;color:#64748b}
.dashboard-queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-queue-grid .dashboard-queue-panel{margin:0;min-width:0}.dashboard-queue-grid .dashboard-queue-panel .table-wrap{max-height:360px;overflow:auto}.dashboard-queue-grid .dashboard-queue-panel table.data{font-size:11px}.dashboard-queue-grid .dashboard-pagination-bar{padding:8px 10px}
@media(max-width:1500px){.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(170px,1fr))}.dashboard-kpi-grid-secondary{grid-template-columns:repeat(3,minmax(170px,1fr))}.dashboard-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.dashboard-kpi-grid,.dashboard-kpi-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-grid,.dashboard-queue-grid{grid-template-columns:1fr}.dashboard-donut-wrap{justify-content:center}}
@media(max-width:600px){.dashboard-kpi-grid,.dashboard-kpi-grid-secondary{grid-template-columns:1fr 1fr;gap:8px}.dashboard-kpi{min-height:82px;padding:11px;gap:8px}.dashboard-kpi-icon{width:34px;height:34px;flex-basis:34px;font-size:17px}.dashboard-kpi-copy span{font-size:10px;margin-bottom:5px}.dashboard-kpi-copy strong{font-size:22px}.dashboard-chart-card{padding:12px}.dashboard-donut-wrap{flex-direction:column}.dashboard-section-title{align-items:flex-start;flex-direction:column;gap:3px}}

/* v2.7.24 Purchase Order total beside Add Item */
.purchase-order-line-box .line-head{align-items:center;}
.purchase-order-line-box .po-line-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;}
.purchase-order-line-box .po-total-amount{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid #14b8a6;border-radius:8px;background:#f8fffe;white-space:nowrap;font-size:13px;}
.purchase-order-line-box .po-total-amount span{font-weight:600;color:#334155;}
.purchase-order-line-box .po-total-amount strong{min-width:80px;text-align:right;font-size:14px;color:#0f766e;}
@media(max-width:700px){.purchase-order-line-box .line-head{align-items:flex-start}.purchase-order-line-box .po-line-head-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.purchase-order-line-box .po-total-amount{flex:1;justify-content:space-between}}

/* v2.8.04 - Customer quick-add mirrors Customer Master fields */
.quick-add-modal:has(.quick-add-customer-fields:not([hidden])){width:min(760px,calc(100vw - 32px));max-width:760px}
.quick-add-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.quick-add-customer-grid label{display:flex;flex-direction:column;gap:6px}
.quick-add-customer-grid label.wide{grid-column:1/-1}
.quick-add-customer-grid input,.quick-add-customer-grid select,.quick-add-customer-grid textarea{width:100%;box-sizing:border-box}
@media(max-width:700px){.quick-add-customer-grid{grid-template-columns:1fr}}

/* v2.8.07 — hard-hide Filter controls on every Master view. */
.umangerp-app.umangerp-master-view .umangerp-header-filter,
.umangerp-app.umangerp-master-view .mobile-filter-toggle,
.umangerp-app.umangerp-master-view .filter-clear { display:none !important; }

/* v1.0.12 Customer quick-add layout */
.quick-add-modal:has(.quick-add-customer-fields:not([hidden])){width:min(780px,calc(100vw - 32px));max-width:780px}
.quick-add-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start}
.quick-add-customer-grid label{display:flex;flex-direction:column;gap:6px;margin:0}
.quick-add-customer-grid label span{font-size:12px;font-weight:600;color:#1f2937}
.quick-add-customer-grid input,.quick-add-customer-grid select,.quick-add-customer-grid textarea{width:100%;box-sizing:border-box}
.quick-add-customer-grid input,.quick-add-customer-grid select{height:42px}
.quick-add-customer-grid textarea{min-height:84px;resize:vertical}
@media(max-width:700px){.quick-add-customer-grid{grid-template-columns:1fr}}


/* v1.0.15 Leads In Progress workflow icons */
.lead-listing .actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
.lead-listing .actions .lead-workflow-icon,.lead-listing .actions .lead-action-cancel{width:30px;height:30px;min-width:30px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:6px;background:#fff;color:#0f766e;text-decoration:none;font-size:14px;line-height:1}
.lead-listing .actions .lead-action-cancel{color:#b42318;border-color:#f1b7b2!important;background:#fff7f6!important}
.lead-listing .actions .lead-workflow-icon:hover{background:var(--umangerp-theme-soft,#e8fbf8)}


/* v1.0.23 — visually distinct Action icons across all table views */
.data td.actions,
.master-table td.actions { white-space: nowrap; }
.data td.actions > a,
.data td.actions > button,
.master-table td.actions > a,
.master-table td.actions > button {
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  transition: filter .15s ease, transform .15s ease;
}
.data td.actions > :nth-child(6n+1),
.master-table td.actions > :nth-child(6n+1) {
  background: #dcfce7 !important;
  border-color: #86efac !important;
  color: #15803d !important;
}
.data td.actions > :nth-child(6n+2),
.master-table td.actions > :nth-child(6n+2) {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
  color: #1d4ed8 !important;
}
.data td.actions > :nth-child(6n+3),
.master-table td.actions > :nth-child(6n+3) {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #dc2626 !important;
}
.data td.actions > :nth-child(6n+4),
.master-table td.actions > :nth-child(6n+4) {
  background: #fef3c7 !important;
  border-color: #fcd34d !important;
  color: #b45309 !important;
}
.data td.actions > :nth-child(6n+5),
.master-table td.actions > :nth-child(6n+5) {
  background: #ede9fe !important;
  border-color: #c4b5fd !important;
  color: #6d28d9 !important;
}
.data td.actions > :nth-child(6n),
.master-table td.actions > :nth-child(6n) {
  background: #e0f2fe !important;
  border-color: #7dd3fc !important;
  color: #0369a1 !important;
}
.data td.actions > a:hover,
.data td.actions > button:hover,
.master-table td.actions > a:hover,
.master-table td.actions > button:hover {
  filter: brightness(.94);
  transform: translateY(-1px);
}
/* Keep icons legible where a prior rule forced white button text. */
.data td.actions .btn.primary,
.data td.actions .update-icon-action,
.master-table td.actions .btn.primary,
.master-table td.actions .update-icon-action { color: inherit !important; }

/* v1.0.27 - disabled counterpart for Assigned To / Outsource */
.erp-search-select.erp-select-disabled .erp-search-select-input,
.erp-form select:disabled,
.erp-form input:disabled{
  background:#f2f4f7 !important;
  color:#98a2b3 !important;
  cursor:not-allowed !important;
  opacity:.8;
}
.erp-search-select.erp-select-disabled{pointer-events:none;}


/* v1.0.30 - Pending Prepare Quotation action button */
.quotation-prepare-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:126px}
.quotation-prepare-actions .quotation-add-full-btn{padding:6px 9px;font-size:10px;line-height:1.2;white-space:nowrap}

/* v1.0.31 direct Recce/Design Lead vs Project selector */
.direct-lead-no-field[hidden],.direct-project-no-field[hidden]{display:none!important}


/* v1.0.32 - Every Action icon gets a clearly different background color */
.data td.actions a.action-color-1,.data td.actions button.action-color-1,.master-table td.actions a.action-color-1,.master-table td.actions button.action-color-1{background:#16a34a!important;border-color:#15803d!important;color:#fff!important}
.data td.actions a.action-color-2,.data td.actions button.action-color-2,.master-table td.actions a.action-color-2,.master-table td.actions button.action-color-2{background:#2563eb!important;border-color:#1d4ed8!important;color:#fff!important}
.data td.actions a.action-color-3,.data td.actions button.action-color-3,.master-table td.actions a.action-color-3,.master-table td.actions button.action-color-3{background:#dc2626!important;border-color:#b91c1c!important;color:#fff!important}
.data td.actions a.action-color-4,.data td.actions button.action-color-4,.master-table td.actions a.action-color-4,.master-table td.actions button.action-color-4{background:#f59e0b!important;border-color:#d97706!important;color:#111827!important}
.data td.actions a.action-color-5,.data td.actions button.action-color-5,.master-table td.actions a.action-color-5,.master-table td.actions button.action-color-5{background:#7c3aed!important;border-color:#6d28d9!important;color:#fff!important}
.data td.actions a.action-color-6,.data td.actions button.action-color-6,.master-table td.actions a.action-color-6,.master-table td.actions button.action-color-6{background:#0891b2!important;border-color:#0e7490!important;color:#fff!important}
.data td.actions a.action-color-7,.data td.actions button.action-color-7,.master-table td.actions a.action-color-7,.master-table td.actions button.action-color-7{background:#db2777!important;border-color:#be185d!important;color:#fff!important}
.data td.actions a.action-color-8,.data td.actions button.action-color-8,.master-table td.actions a.action-color-8,.master-table td.actions button.action-color-8{background:#475569!important;border-color:#334155!important;color:#fff!important}
.data td.actions a[class*="action-color-"],.data td.actions button[class*="action-color-"],.master-table td.actions a[class*="action-color-"],.master-table td.actions button[class*="action-color-"]{box-shadow:0 1px 2px rgba(15,23,42,.12);transition:transform .15s ease,filter .15s ease}
.data td.actions a[class*="action-color-"]:hover,.data td.actions button[class*="action-color-"]:hover,.master-table td.actions a[class*="action-color-"]:hover,.master-table td.actions button[class*="action-color-"]:hover{filter:brightness(.92);transform:translateY(-1px)}

/* v1.0.35 expandable Lead progress/detail row */
.lead-expand-trigger{cursor:pointer}
.lead-expand-trigger:hover td,.lead-expand-trigger.is-expanded td{background:rgba(20,184,166,.055)}
.lead-expand-detail[hidden]{display:none!important}
.lead-expand-detail>td{padding:12px!important;background:#f8fffe!important}
.lead-detail-scroll{overflow-x:auto;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:8px;background:#fff}
.lead-detail-table{border-collapse:collapse;min-width:1900px;width:100%}
.lead-detail-table th,.lead-detail-table td{padding:9px 10px;border-right:1px solid #d9eeeb;border-bottom:1px solid #d9eeeb;white-space:nowrap;font-size:11px;text-align:left}
.lead-detail-table th{background:#eefaf8;font-weight:700;color:#1f2937}
.lead-detail-table tbody td{background:#fff!important}
.lead-detail-file{display:inline-flex;padding:5px 8px;border-radius:6px;background:#e8f7ff;text-decoration:none;color:#075985;font-weight:600}


/* v1.0.37 - ensure dark action tiles override legacy light action styling */
.data td.actions a[class*="action-color-"],.data td.actions button[class*="action-color-"],
.master-table td.actions a[class*="action-color-"],.master-table td.actions button[class*="action-color-"]{color:#fff!important;}


/* v1.0.39 - clean expanded Lead detail table */
.lead-expand-detail>td{padding:14px!important;background:#f8fffe!important}
.lead-detail-card{display:grid;grid-template-columns:1fr;gap:12px;width:100%;overflow:visible}
.lead-detail-section{border:1px solid var(--umangerp-theme,#12b8a6);border-radius:9px;overflow:hidden;background:#fff}
.lead-detail-section-title{padding:9px 12px;background:#eafaf7;color:#0f3d38;font-weight:700;font-size:12px;border-bottom:1px solid var(--umangerp-theme,#12b8a6)}
.lead-detail-table.proper{width:100%;min-width:0!important;border-collapse:collapse;table-layout:fixed}
.lead-detail-table.proper th,.lead-detail-table.proper td{white-space:normal!important;padding:9px 11px;border-right:1px solid #d9eeeb;border-bottom:1px solid #d9eeeb;font-size:11px;vertical-align:top;overflow-wrap:anywhere}
.lead-detail-table.proper th{width:18%;background:#f7fafc!important;color:#1f2937;font-weight:700}
.lead-detail-table.proper td{width:32%;background:#fff!important;color:#111827}
.lead-detail-table.proper tr:last-child th,.lead-detail-table.proper tr:last-child td{border-bottom:0}
.lead-detail-table.proper tr>*:last-child{border-right:0}
@media(max-width:800px){
 .lead-detail-table.proper{table-layout:auto}
 .lead-detail-table.proper tr{display:grid;grid-template-columns:42% 58%}
 .lead-detail-table.proper th,.lead-detail-table.proper td{width:auto!important;border-bottom:1px solid #d9eeeb}
 .lead-detail-table.proper tr>*:nth-child(2){border-right:0}
 .lead-detail-table.proper tr>*:nth-child(3){border-top:1px solid #d9eeeb}
 .lead-detail-table.proper tr>*:nth-child(4){border-top:1px solid #d9eeeb;border-right:0}
}


/* v1.0.51 - AppSheet-style Lead detail view */
.lead-click-row{cursor:pointer}.lead-click-row:hover>td{background:#f5fffd}
.lead-record-view{max-width:1260px;margin:0 auto}.lead-record-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.lead-record-toolbar h2{margin:0;font-size:22px}.lead-record-toolbar span{display:block;margin-top:3px;color:#667085;font-size:12px}.lead-detail-back{flex:0 0 auto}
.lead-record-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:start}.lead-record-main{min-width:0;display:grid;gap:16px}.lead-record-card{background:#fff;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(16,24,40,.04)}.lead-record-card-title{display:flex;align-items:center;gap:8px;padding:14px 16px;font-weight:700;font-size:15px;background:#f8fafc;border-bottom:1px solid #e4e7ec}.lead-record-card-title b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#eef2f6;font-size:11px;color:#344054}.lead-record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 16px 12px}.lead-record-field{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.3fr);gap:12px;padding:12px 4px;border-bottom:1px solid #f1f3f5;min-width:0}.lead-record-field span{color:#667085;font-size:11px}.lead-record-field strong{font-size:12px;font-weight:600;color:#111827;overflow-wrap:anywhere}.lead-related-scroll{overflow:auto}.lead-related-table{min-width:880px;border:0}.lead-related-table th{white-space:nowrap}.lead-related-empty{padding:24px 16px;color:#667085;font-size:12px}
.lead-record-actions{position:sticky;top:92px;background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:12px;display:grid;gap:9px;box-shadow:0 8px 28px rgba(16,24,40,.08)}.lead-record-action-title{font-size:13px;font-weight:700;padding:2px 2px 8px;border-bottom:1px solid #e4e7ec}.lead-detail-action{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;text-decoration:none;color:#111827;font-size:11px;font-weight:700}.lead-detail-action>span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:#fff;font-size:17px;box-shadow:0 2px 5px rgba(16,24,40,.2)}.lead-detail-action.edit>span{background:#1e40af}.lead-detail-action.recce>span{background:#b45309}.lead-detail-action.design>span{background:#6b21a8}.lead-detail-action.quotation>span{background:#0e7490}.lead-detail-action.file>span{background:#475569}.lead-detail-action.file{grid-template-columns:38px 1fr;grid-template-areas:'icon title' 'links links'}.lead-detail-action.file>span{grid-area:icon}.lead-detail-action.file>b{grid-area:title}.lead-detail-file-links{grid-area:links;padding-left:47px}.lead-detail-file-links a{font-size:11px}.lead-record-actions a:hover b{text-decoration:underline}
@media(max-width:1000px){.lead-record-layout{grid-template-columns:1fr}.lead-record-actions{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.lead-record-action-title{grid-column:1/-1}.lead-record-fields{grid-template-columns:1fr}}
@media(max-width:600px){.lead-record-view{padding:0}.lead-record-toolbar{align-items:flex-start}.lead-record-actions{grid-template-columns:1fr}.lead-record-field{grid-template-columns:1fr;gap:4px}.lead-record-card-title{padding:12px}.lead-record-fields{padding:2px 12px 10px}}


/* v1.0.52 - polished Lead Detail view */
.lead-record-view{max-width:1320px;margin:0 auto;padding-bottom:28px}
.lead-record-toolbar{display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:14px 16px;background:#fff;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:12px;box-shadow:0 3px 14px rgba(16,24,40,.05)}
.lead-record-toolbar-left{display:flex;align-items:center;gap:14px;min-width:0}.lead-record-toolbar-left h2{margin:0;font-size:21px;line-height:1.2}.lead-record-toolbar-left span{display:block;margin-top:4px;color:#667085;font-size:12px;font-weight:600}
.lead-record-top-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.lead-top-action,.lead-record-top-actions .lead-detail-file{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:9px;color:#fff!important;text-decoration:none!important;font-size:17px;font-weight:700;border:0;box-shadow:0 3px 8px rgba(16,24,40,.16);transition:transform .12s ease,filter .12s ease}.lead-top-action:hover,.lead-record-top-actions .lead-detail-file:hover{transform:translateY(-1px);filter:brightness(1.08)}.lead-top-action.edit{background:#1d4ed8}.lead-top-action.recce{background:#b45309}.lead-top-action.design{background:#6d28d9}.lead-top-action.quotation{background:#0e7490}.lead-top-file-wrap{display:inline-flex}.lead-record-top-actions .lead-detail-file{background:#475569;padding:0}.lead-record-main{min-width:0;display:grid;gap:16px}
.lead-record-card{background:#fff;border:1px solid #d9e6e4;border-radius:12px;overflow:hidden;box-shadow:0 3px 14px rgba(16,24,40,.045)}.lead-record-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;font-weight:700;font-size:14px;background:linear-gradient(180deg,#f9fffe,#f5fbfa);border-bottom:1px solid #d9e6e4}.lead-record-card-title b{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#dff8f3;color:#0f766e;font-size:11px}
.lead-record-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 16px 14px;column-gap:24px}.lead-record-field{display:block;padding:12px 2px;border-bottom:1px solid #eef2f3;min-width:0}.lead-record-field span{display:block;color:#667085;font-size:10px;font-weight:600;text-transform:none;margin-bottom:5px}.lead-record-field strong{display:block;font-size:13px;font-weight:650;color:#111827;line-height:1.35;overflow-wrap:anywhere}.lead-info-card .lead-record-fields>.lead-record-field:nth-last-child(-n+3){border-bottom:0}
.lead-related-scroll{overflow:auto}.lead-related-table{min-width:880px;border:0}.lead-related-table th{white-space:nowrap;background:#f7fafc!important}.lead-related-table td{background:#fff!important}.lead-related-table th,.lead-related-table td{padding:10px 11px;font-size:11px}
.lead-record-layout{display:block!important}.lead-record-actions{display:none!important}
@media(max-width:1050px){.lead-record-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.lead-record-toolbar{align-items:flex-start}.lead-record-toolbar-left{align-items:flex-start}.lead-record-top-actions{gap:6px}.lead-top-action,.lead-record-top-actions .lead-detail-file{width:36px;height:36px}.lead-record-fields{grid-template-columns:1fr;padding:4px 12px 12px}.lead-record-field{padding:10px 2px}.lead-info-card .lead-record-fields>.lead-record-field{border-bottom:1px solid #eef2f3}.lead-record-card-title{padding:12px}.lead-record-toolbar-left h2{font-size:18px}}


/* v1.0.53 - beautiful lead detail refresh */
.lead-record-toolbar-left{display:flex;align-items:center;gap:14px;min-width:0}.lead-record-toolbar-left h2{margin:0;font-size:22px;font-weight:700}.lead-record-toolbar-left span{display:block;margin-top:4px;color:#667085;font-size:12px;font-weight:600}
.lead-record-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.lead-top-action{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#fff!important;text-decoration:none!important;box-shadow:0 4px 10px rgba(17,24,39,.18);transition:transform .12s ease,filter .12s ease}
.lead-top-action:hover{transform:translateY(-1px);filter:brightness(1.05)}
.lead-top-action svg{width:18px;height:18px;display:block;fill:currentColor}
.lead-top-action.edit{background:#2347c6}.lead-top-action.assignee{background:#2f855a}.lead-top-action.estimate{background:#8a4b10}.lead-top-action.cancel{background:#d16666}.lead-top-action.recce{background:#cb9b69}.lead-top-action.design{background:#8a60c7}.lead-top-action.quotation,.lead-top-action.file{background:#6fa7b7}
.lead-info-card-clean{overflow:hidden}.lead-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px 10px;border-bottom:1px solid #edf2f4;background:linear-gradient(180deg,#fbfffe 0%,#f4fbfa 100%)}
.lead-detail-hero h3{margin:0;font-size:28px;line-height:1.15;color:#0f172a}.lead-detail-hero p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:600}
.lead-detail-status{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.lead-detail-status.in-progress{background:#e0f2fe;color:#075985}.lead-detail-status.completed{background:#dcfce7;color:#166534}.lead-detail-status.canceled{background:#fee2e2;color:#b91c1c}
.lead-record-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;padding:10px 18px 16px}
.lead-record-field{display:block;padding:12px 4px;border-bottom:1px solid #eef2f3;min-width:0}.lead-record-field:last-child{border-bottom:0}
.lead-record-label{display:block;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.lead-record-value{display:block;color:#111827;font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.lead-record-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;background:#f8fbfb;border-bottom:1px solid #e5eded;color:#0f172a;font-size:14px;font-weight:700}.lead-record-card-title b{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 8px;border-radius:12px;background:#dff8f3;color:#0f766e;font-size:11px}
.lead-related-scroll{padding:0}.lead-related-table{min-width:880px;border-collapse:collapse}.lead-related-table th,.lead-related-table td{padding:10px 11px;font-size:12px;border-right:1px solid #e5eded;border-bottom:1px solid #e5eded;vertical-align:top}.lead-related-table th:last-child,.lead-related-table td:last-child{border-right:0}.lead-related-table th{background:#f8fbfb;color:#0f172a;font-weight:700;white-space:nowrap}.lead-related-table tr:last-child td{border-bottom:0}
@media(max-width:1100px){.lead-record-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.lead-detail-hero{flex-direction:column;align-items:flex-start}.lead-record-fields{grid-template-columns:1fr;padding:8px 14px 14px}.lead-record-value{font-size:14px}.lead-top-action{width:38px;height:38px}}

/* v1.0.55 - Global Update Estimate rupee icon */
.lead-action-rupee{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;font-family:Arial,sans-serif!important;font-size:17px!important;font-weight:800!important;line-height:1!important;color:#fff!important;}


/* v1.0.57 - Pending Prepare Quotation: only Add Quotation icon */
.quotation-prepare-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-width:44px!important}
.quotation-prepare-actions .quotation-add-icon{display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:8px!important;background:#0e7490!important;border:1px solid #155e75!important;color:#fff!important;text-decoration:none!important;font-size:22px!important;font-weight:700!important;line-height:1!important;box-shadow:0 2px 5px rgba(15,23,42,.18)!important}
.quotation-prepare-actions .quotation-add-icon:hover{background:#155e75!important;color:#fff!important;transform:translateY(-1px)}


/* v1.0.58 - compact Lead Details and remove duplicate lead/customer display */
.lead-record-toolbar{padding:10px 14px!important;margin-bottom:12px!important;gap:12px!important}
.lead-record-toolbar-left{gap:10px!important}.lead-record-toolbar-left h2{font-size:20px!important}.lead-record-toolbar-left span{display:none!important}
.lead-record-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.lead-record-toolbar-right .lead-detail-status{padding:7px 11px;font-size:11px}
.lead-record-top-actions{margin-left:0!important}
.lead-info-card-clean .lead-detail-hero{display:none!important}
.lead-record-fields{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 16px!important;padding:4px 14px 10px!important}
.lead-record-field{padding:9px 2px!important}.lead-record-label{font-size:10px!important;margin-bottom:4px!important}.lead-record-value{font-size:13px!important;line-height:1.35!important}
.lead-record-main{gap:12px!important}.lead-record-card-title{padding:10px 13px!important;font-size:13px!important}
.lead-related-table th,.lead-related-table td{padding:8px 9px!important;font-size:11px!important}
@media(max-width:1100px){.lead-record-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){.lead-record-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lead-record-toolbar{align-items:flex-start!important}.lead-record-toolbar-right{width:100%;margin-left:0;justify-content:flex-start}}
@media(max-width:600px){.lead-record-fields{grid-template-columns:1fr!important}.lead-record-toolbar-right{gap:7px}.lead-record-toolbar-left h2{font-size:18px!important}}


/* v1.0.61 - direct quotation PDF download in Lead Details */
.lead-quotation-pdf-download{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#b42318;border:1px solid #912018;box-shadow:0 2px 5px rgba(16,24,40,.14);text-decoration:none;transition:.15s ease}
.lead-quotation-pdf-download:hover{filter:brightness(.92);transform:translateY(-1px)}
.lead-quotation-pdf-download img{display:block;width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}


/* v1.0.64 - Settings menu section visibility */
.menu-section-toggle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:4px}
.menu-section-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:10px 12px;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:9px;background:#fff}
.menu-section-toggle-row>span{margin:0!important;font-size:12px!important;font-weight:600!important;color:#1f2937!important}
.menu-section-toggle-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:21px!important;height:21px!important;min-width:21px;margin:0!important;padding:0!important;border:1.5px solid #94a3b8!important;border-radius:5px;background:#fff;display:grid;place-content:center;cursor:pointer}
.menu-section-toggle-row input[type=checkbox]::before{content:'✓';font-size:14px;font-weight:800;color:#fff;transform:scale(0);line-height:1}
.menu-section-toggle-row input[type=checkbox]:checked{background:var(--umangerp-theme,#12b8a6)!important;border-color:var(--umangerp-theme,#12b8a6)!important}
.menu-section-toggle-row input[type=checkbox]:checked::before{transform:scale(1)}
.menu-section-help{margin:10px 0 0;color:#64748b;font-size:11px}
@media(max-width:700px){.menu-section-toggle-list{grid-template-columns:1fr}}
/* v1.0.87 - Work Order detail view + disabled cancel after item progress */
.work-order-click-row{cursor:pointer}.work-order-click-row:hover>td{background:#f5fffd!important}
.work-order-cancel-disabled{width:30px;height:30px;min-width:30px;display:inline-grid;place-items:center;border-radius:6px;background:#b91c1c;color:#fff;opacity:.45;cursor:not-allowed}
.work-order-detail-page{display:grid;gap:12px}.work-order-detail-page .lead-detail-hero{margin-bottom:0}
.work-order-detail-page .lead-detail-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.work-order-detail-page .lead-detail-field{padding:11px 14px;border-right:1px solid #e5efed;border-bottom:1px solid #e5efed;min-height:66px}
.work-order-detail-page .lead-detail-field span{display:block;color:#64748b;font-size:11px;font-weight:700;margin-bottom:5px}
.work-order-detail-page .lead-detail-field strong{font-size:13px;color:#111827;font-weight:600}
@media(max-width:900px){.work-order-detail-page .lead-detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.work-order-detail-page .lead-detail-info-grid{grid-template-columns:1fr}}


/* v1.0.97 - clear text PDF button in Lead Details quotation table */
.lead-quotation-pdf-download{width:auto!important;min-width:44px!important;padding:0 10px!important;color:#fff!important;font-size:11px!important;font-weight:800!important}
.lead-quotation-pdf-download .pdf-action-label{display:inline-block!important;color:#fff!important;font-weight:800!important}
\n\n/* v1.0.98 - Project detail UI cleanup */
.project-detail-page{display:grid;gap:12px}
.project-detail-page .project-detail-hero{min-height:52px;padding:10px 14px;border:1px solid #d9e6e4;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(16,24,40,.035)}
.project-detail-page .project-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.project-detail-page .project-detail-action-btn{min-height:34px;padding:7px 13px;border-radius:8px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.project-detail-page .lead-detail-info-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
.project-detail-page .lead-detail-field{padding:11px 14px!important;border-right:1px solid #e5efed!important;border-bottom:1px solid #e5efed!important;min-height:64px!important;background:#fff!important;box-sizing:border-box!important}
.project-detail-page .lead-detail-field:nth-child(4n){border-right:0!important}
.project-detail-page .lead-detail-field span{display:block!important;color:#64748b!important;font-size:10.5px!important;font-weight:700!important;line-height:1.25!important;margin:0 0 5px!important;text-transform:none!important}
.project-detail-page .lead-detail-field strong{display:block!important;color:#111827!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.project-detail-page .project-detail-amount strong{font-size:14px!important;font-weight:700!important}
.project-detail-page .project-detail-terms{grid-column:1/-1!important;border-right:0!important;min-height:auto!important}
.project-detail-page .project-detail-terms strong{white-space:pre-wrap!important;font-weight:500!important}
.project-detail-page .project-items-card{margin-top:0!important}
.project-detail-page .project-detail-items th,.project-detail-page .project-detail-items td{padding:9px 10px!important;font-size:11.5px!important;vertical-align:middle!important}
.project-detail-page .project-detail-items thead th{white-space:nowrap!important;background:#f7faf9!important;font-weight:700!important}
.project-detail-page .lead-related-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#dff8f3;color:#0f766e;font-size:11px;font-weight:700}
@media(max-width:1000px){.project-detail-page .lead-detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-detail-page .lead-detail-field:nth-child(4n){border-right:1px solid #e5efed!important}.project-detail-page .lead-detail-field:nth-child(2n){border-right:0!important}}
@media(max-width:620px){.project-detail-page .lead-detail-info-grid{grid-template-columns:1fr!important}.project-detail-page .lead-detail-field{border-right:0!important}.project-detail-page .project-detail-hero{align-items:flex-start!important}.project-detail-page .project-detail-actions{width:100%;justify-content:flex-start}.project-detail-page .project-detail-action-btn{flex:0 0 auto}}

/* v1.0.106 - consistent spacing between cards/tables in all detail views */
.lead-detail-page > .lead-record-card + .lead-record-card,
.project-detail-page > .lead-record-card + .lead-record-card,
.work-order-detail-page > .lead-record-card + .lead-record-card{
  margin-top:16px!important;
}
@media(max-width:700px){
  .lead-detail-page > .lead-record-card + .lead-record-card,
  .project-detail-page > .lead-record-card + .lead-record-card,
  .work-order-detail-page > .lead-record-card + .lead-record-card{
    margin-top:12px!important;
  }
}


/* v1.0.116 — Force all table headers to Umang teal with white text.
   Kept in app.css because this stylesheet loads after style.css. */
html body .umangerp-app table thead th,
html body .umangerp-app table thead td,
html body .umangerp-app .table-wrap table thead th,
html body .umangerp-app .lead-related-table thead th,
html body .umangerp-app .job-item-stage-table thead th,
html body .umangerp-app .job-stage-sub-head th,
html body .umangerp-app .quotation-line-table thead th,
html body .umangerp-app .order-item-detail-table thead th,
html body .umangerp-app .permission-table thead th,
html body .umangerp-app .project-detail-page table thead th,
html body .umangerp-app .work-order-detail-page table thead th {
  background:#12B8A6!important;
  background-color:#12B8A6!important;
  color:#fff!important;
  border-color:#0fa895!important;
}
html body .umangerp-app table thead th *,
html body .umangerp-app table thead td *,
html body .umangerp-app .lead-related-table thead th *,
html body .umangerp-app .job-item-stage-table thead th *,
html body .umangerp-app .job-stage-sub-head th *,
html body .umangerp-app .project-detail-page table thead th *,
html body .umangerp-app .work-order-detail-page table thead th * {
  color:#fff!important;
}


.project-detail-page .project-detail-icon-action{
  width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  font-size:18px;font-weight:800;line-height:1;border:1px solid transparent;cursor:pointer;
}
.project-detail-page .project-detail-icon-action .pdf-action-label{font-size:11px;font-weight:800;line-height:1}

/* v1.0.141 - dedicated truck icon for Update Delivery; avoids generic update check icon */
.umangerp-app .delivery-truck-action{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border-radius:8px!important;border:1px solid #b45309!important;background:#d97706!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;cursor:pointer!important;vertical-align:middle!important}
.umangerp-app .delivery-truck-action::before{content:none!important;display:none!important}
.umangerp-app .delivery-truck-action .delivery-truck-svg{width:22px!important;height:22px!important;display:block!important;color:#fff!important}
.umangerp-app .delivery-truck-action:hover{background:#b45309!important;border-color:#92400e!important}

/* v1.0.161 dashboard chart visual separation */
.dashboard-chart-leads-status{background:#eefcfb!important;border-color:#0f766e!important}
.dashboard-chart-jobs-stage{background:#eff6ff!important;border-color:#1d4ed8!important}
.dashboard-chart-recce-status{background:#f0fdf4!important;border-color:#15803d!important}
.dashboard-chart-design-status{background:#fff7ed!important;border-color:#c2410c!important}
.dashboard-chart-quotations-status{background:#faf5ff!important;border-color:#7e22ce!important}
.dashboard-chart-weekly-activity{background:#fffbea!important;border-color:#a16207!important}
.dashboard-chart-card .dashboard-chart-head span{border-color:#94a3b8;background:rgba(255,255,255,.72)}
.dashboard-bar-mint{background:linear-gradient(180deg,#86efac,#16a34a)}
.dashboard-bar-amber{background:linear-gradient(180deg,#fdba74,#ea580c)}

/* v1.0.168 - Lead bulk assignee + column visibility settings */
.lead-bulk-assignee-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.lead-bulk-assignee-toolbar span{font-size:11px;color:#667085}
.bulk-assignee-table .bulk-select-col{width:74px;min-width:74px}
.bulk-select-all-label{display:flex;align-items:center;gap:6px;white-space:nowrap}
.bulk-lead-assignee-select{min-width:170px;padding:8px;border:1px solid #d0d5dd;border-radius:7px;background:#fff}
.column-visibility-controls{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:18px;align-items:start}
.column-view-panels{min-width:0}
.column-view-empty,.column-view-options{border:1px solid #e4e7ec;border-radius:8px;padding:14px;background:#f8fafc;color:#667085;min-height:50px}
.column-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.column-checkbox-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#344054}
.column-checkbox-row input{width:auto!important;margin:0}
@media(max-width:800px){.column-visibility-controls{grid-template-columns:1fr}}

/* v1.0.169 — Leads sidebar hierarchy: Add Lead; Leads In Progress > queues; Master > registers. */
.umangerp-side .sub .lead-menu-section{margin-top:4px}
.umangerp-side .sub .lead-menu-parent,
.umangerp-side .sub .lead-menu-parent-static,
.umangerp-side .sub .lead-menu-section-label{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:6px;font-size:12px;font-weight:700;color:#d0d5dd}
.umangerp-side .sub .lead-menu-parent{color:#d0d5dd;text-decoration:none}
.umangerp-side .sub .lead-menu-parent:hover,
.umangerp-side .sub .lead-menu-parent.active{background:#12b8a6;color:#fff}
.umangerp-side .sub .lead-menu-section-label{margin-top:7px;padding-top:11px;border-top:1px solid rgba(255,255,255,.16);border-radius:0;color:#d0d5dd}
.umangerp-side .sub .lead-menu-children{margin:1px 0 3px 11px;padding-left:8px;border-left:1px solid rgba(255,255,255,.16)}
.umangerp-side .sub .lead-menu-children>a{padding:7px 9px;font-size:11.5px}
.umangerp-side .sub .lead-menu-section.child-active>.lead-menu-parent{color:#fff}


/* v1.0.171 — keep Pending Follow Ups action visible against light action palettes */
.umangerp-app .data td.actions > .follow-up-open,
.umangerp-app .master-table td.actions > .follow-up-open,
.umangerp-app td.actions > .follow-up-open{
  background:#0369a1!important;
  border-color:#075985!important;
  color:#fff!important;
}
.umangerp-app td.actions > .follow-up-open .follow-up-message-svg,
.umangerp-app td.actions > .follow-up-open .follow-up-message-svg path{
  color:#fff!important;
  stroke:#fff!important;
}

/* v1.0.173 — Pending Assignee: compact select header + readable Assign To dropdown */
.umangerp-app .bulk-assignee-table .bulk-select-col{
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  text-align:center!important;
}
.umangerp-app .bulk-assignee-table .bulk-select-all-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  gap:0!important;
}
.umangerp-app .bulk-assignee-table .bulk-select-col input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
.umangerp-app .bulk-assignee-table .bulk-assignee-col{
  width:220px!important;
  min-width:220px!important;
  max-width:220px!important;
}
.umangerp-app .bulk-assignee-table .bulk-lead-assignee-select{
  display:block!important;
  width:100%!important;
  min-width:200px!important;
  max-width:100%!important;
  height:38px!important;
  padding:7px 34px 7px 10px!important;
  border:1px solid #98a2b3!important;
  border-radius:7px!important;
  background-color:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
}
.umangerp-app .bulk-assignee-table .bulk-lead-assignee-select.has-assignee{
  border-color:#0f766e!important;
  background-color:#ecfdf5!important;
  color:#065f46!important;
  box-shadow:0 0 0 1px rgba(15,118,110,.14)!important;
}
.umangerp-app .bulk-assignee-table tbody tr.bulk-row-selected > td{
  background-color:#f0fdfa!important;
}
.umangerp-app .bulk-assignee-table tbody tr.bulk-row-selected > td.bulk-assignee-col{
  background-color:#e6fffb!important;
}

/* v1.0.180 Pending Create Project: icon-only Add Project action */
.project-create-actions .project-add-icon{display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:8px!important;background:var(--umangerp-theme,#12b8a6)!important;border:1px solid var(--umangerp-theme,#12b8a6)!important;color:var(--umangerp-button-text,#fff)!important;text-decoration:none!important;font-size:22px!important;font-weight:700!important;line-height:1!important;box-shadow:0 2px 5px rgba(15,23,42,.18)!important}
.project-create-actions .project-add-icon:hover{filter:brightness(.92)!important;color:var(--umangerp-button-text,#fff)!important;transform:translateY(-1px)}


/* v1.0.181 — Width / Height / Quantity / Unit / Area (Sq. Ft) in Quotation & Job item forms */
.umangerp-app .dimension-items-box .dimension-width,
.umangerp-app .dimension-items-box .dimension-height,
.umangerp-app .dimension-items-box .dimension-quantity,
.umangerp-app .dimension-items-box .dimension-area{min-width:88px!important}
.umangerp-app .dimension-items-box .dimension-area{background:#f8fafc!important;font-weight:700!important}
.umangerp-app .quotation-line-table table{min-width:1760px!important;width:max-content!important}
.umangerp-app .production-line-table table{min-width:1380px!important;width:max-content!important}
.umangerp-app .production-line-table th:nth-child(3),
.umangerp-app .production-line-table td:nth-child(3),
.umangerp-app .production-line-table th:nth-child(4),
.umangerp-app .production-line-table td:nth-child(4),
.umangerp-app .production-line-table th:nth-child(5),
.umangerp-app .production-line-table td:nth-child(5){width:100px!important;min-width:100px!important}
.umangerp-app .production-line-table th:nth-child(6),
.umangerp-app .production-line-table td:nth-child(6){width:120px!important;min-width:120px!important}
.umangerp-app .production-line-table th:nth-child(7),
.umangerp-app .production-line-table td:nth-child(7){width:125px!important;min-width:125px!important}
.umangerp-app .production-line-table th:nth-child(8),
.umangerp-app .production-line-table td:nth-child(8){min-width:190px!important}


/* v1.0.182 — polished Settings > Show / Hide Columns */
.modern-column-settings{position:relative;padding:22px!important;border:1px solid #d8e6e9!important;border-radius:14px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfefe 100%)!important;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.settings-panel .settings-section.modern-column-settings{margin-top:24px!important;border-top:1px solid #d8e6e9!important}
.column-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.column-settings-heading h2{margin:3px 0 5px!important;font-size:20px!important;line-height:1.2;color:#0f172a}
.column-settings-heading p{margin:0;color:#64748b;font-size:12px;line-height:1.55}
.column-settings-eyebrow{display:block;color:#0f9f8f;font-size:10px;font-weight:800;letter-spacing:.12em}
.column-settings-badge{flex:0 0 auto;padding:6px 10px;border:1px solid #b7ece7;border-radius:999px;background:#ecfdfb;color:#0f766e;font-size:10px;font-weight:700;white-space:nowrap}
.modern-column-settings .column-visibility-controls{display:grid;grid-template-columns:minmax(245px,320px) minmax(0,1fr);gap:16px;align-items:stretch}
.column-view-selector-card{padding:16px;border:1px solid #dce7eb;border-radius:12px;background:#f8fbfc;min-width:0}
.column-view-selector-card label{display:block!important}
.column-selector-label{display:block;margin:0 0 8px;color:#344054;font-size:12px;font-weight:700}
.column-view-selector-card select{width:100%!important;height:44px!important;padding:0 38px 0 12px!important;border:1.5px solid #14b8a6!important;border-radius:9px!important;background-color:#fff!important;color:#0f172a!important;font-size:12px!important;font-weight:600!important;box-shadow:0 0 0 3px rgba(20,184,166,.04)!important;outline:none!important}
.column-view-selector-card select:focus{border-color:#0f9f8f!important;box-shadow:0 0 0 3px rgba(20,184,166,.12)!important}
.column-selector-help{display:flex;align-items:flex-start;gap:8px;margin-top:12px;color:#64748b;font-size:10.5px;line-height:1.45}
.column-selector-help-icon{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#dff7f4;color:#0f766e;font-weight:800;font-size:10px}
.modern-column-settings .column-view-panels{min-width:0}
.modern-column-settings .column-view-empty,.modern-column-settings .column-view-options{height:100%;min-height:146px;border:1px solid #dce7eb;border-radius:12px;background:#fff;padding:16px;color:#667085;box-sizing:border-box}
.modern-column-settings .column-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;background:linear-gradient(135deg,#fbfefe,#f7fbfc)}
.column-empty-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:4px;border-radius:10px;background:#e9fbf8;color:#0f9f8f;font-size:22px;line-height:1}
.modern-column-settings .column-view-empty strong{color:#344054;font-size:12px}
.modern-column-settings .column-view-empty span{font-size:10.5px;color:#98a2b3}
.column-options-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #edf1f3}
.column-options-toolbar>div:first-child{display:grid;gap:3px}
.column-options-toolbar strong{font-size:12.5px;color:#101828}
.column-visible-count{font-size:10px;color:#667085}
.column-quick-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.column-quick-btn{min-height:30px;padding:5px 10px;border:1px solid #14b8a6;border-radius:7px;background:#ecfdfb;color:#0f766e;font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.column-quick-btn:hover{background:#d7faf5}
.column-quick-btn.secondary{border-color:#d0d5dd;background:#fff;color:#475467}
.column-quick-btn.secondary:hover{background:#f8fafc}
.modern-column-settings .column-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.modern-column-settings .column-checkbox-row{position:relative;display:flex!important;align-items:center!important;gap:9px!important;min-height:38px;padding:8px 10px;border:1px solid #e2e8ec;border-radius:8px;background:#fff;color:#344054;font-size:10.8px;line-height:1.25;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.modern-column-settings .column-checkbox-row:hover{border-color:#9de1da;background:#f8fffe;box-shadow:0 2px 8px rgba(15,118,110,.04)}
.modern-column-settings .column-checkbox-row input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.column-check-ui{position:relative;display:block;flex:0 0 17px;width:17px;height:17px;border:1.5px solid #98a2b3;border-radius:5px;background:#fff;box-sizing:border-box}
.column-checkbox-row input:checked+.column-check-ui{border-color:#0f9f8f;background:#0f9f8f}
.column-checkbox-row input:checked+.column-check-ui:after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.column-checkbox-row:has(input:checked){border-color:#b9ebe6;background:#f1fdfa}
.column-check-label{min-width:0;overflow-wrap:anywhere}
.column-settings-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:10px 12px;border:1px solid #d9eee9;border-radius:9px;background:#f7fdfb;color:#53657b}
.column-settings-note>span{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#dff7ef;color:#087a64;font-size:11px;font-weight:800}
.column-settings-note p{margin:0!important;font-size:10.5px!important;line-height:1.5!important;color:#64748b!important}
.column-settings-note strong{color:#344054}
@media(max-width:1050px){.modern-column-settings .column-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.modern-column-settings{padding:16px!important}.modern-column-settings .column-visibility-controls{grid-template-columns:1fr}.column-settings-heading{align-items:flex-start}.modern-column-settings .column-checkbox-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.column-settings-badge{display:none}.column-settings-heading{margin-bottom:14px}.column-options-toolbar{align-items:flex-start;flex-direction:column}.column-quick-actions{justify-content:flex-start}.modern-column-settings .column-checkbox-grid{grid-template-columns:1fr}}


/* v1.0.183 — wider Quotation/Job dimension columns + Master-only Unit creation */
.umangerp-app .dimension-items-box .line-table{overflow-x:auto!important;overflow-y:visible!important;padding-bottom:5px}
.umangerp-app .quotation-line-table.quotation-only-table table{width:1680px!important;min-width:1680px!important;table-layout:fixed!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(1),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(1){width:220px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(2),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(2){width:250px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(3),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(3){width:120px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(4),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(4){width:120px!important;min-width:120px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(5),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(5){width:120px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(6),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(6){width:150px!important;min-width:150px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(7),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(7){width:145px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(8),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(8){width:125px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(9),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(9){width:95px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(10),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(10){width:120px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(11),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(11){width:135px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(12),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(12){width:60px!important}
.umangerp-app .dimension-items-box td input,.umangerp-app .dimension-items-box td select,.umangerp-app .dimension-items-box td .erp-search-select,.umangerp-app .dimension-items-box td .erp-search-select-input{height:42px!important;min-height:42px!important;font-size:12px!important;padding:8px 10px!important;box-sizing:border-box!important}
.umangerp-app .line-unit-select{display:block!important;width:100%!important;min-width:0!important}
.umangerp-app .line-unit-select .quotation-uom-select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
.umangerp-app .dimension-area{background:#f8fafc!important;font-weight:700!important;color:#334155!important}
.umangerp-app .production-line-table table{width:1510px!important;min-width:1510px!important;table-layout:fixed!important}
.umangerp-app .production-line-table th:nth-child(1),.umangerp-app .production-line-table td:nth-child(1){width:240px!important}
.umangerp-app .production-line-table th:nth-child(2),.umangerp-app .production-line-table td:nth-child(2){width:250px!important}
.umangerp-app .production-line-table th:nth-child(3),.umangerp-app .production-line-table td:nth-child(3){width:120px!important}
.umangerp-app .production-line-table th:nth-child(4),.umangerp-app .production-line-table td:nth-child(4){width:120px!important}
.umangerp-app .production-line-table th:nth-child(5),.umangerp-app .production-line-table td:nth-child(5){width:120px!important}
.umangerp-app .production-line-table th:nth-child(6),.umangerp-app .production-line-table td:nth-child(6){width:150px!important}
.umangerp-app .production-line-table th:nth-child(7),.umangerp-app .production-line-table td:nth-child(7){width:145px!important}
.umangerp-app .production-line-table th:nth-child(8),.umangerp-app .production-line-table td:nth-child(8){width:305px!important}
.umangerp-app .production-line-table th:nth-child(9),.umangerp-app .production-line-table td:nth-child(9){width:60px!important}
.fixed-uom-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border:1px solid #99e4dc;border-radius:999px;background:#ecfdf9;color:#0f766e;font-size:10px;font-weight:800;white-space:nowrap}


/* v1.0.184 — polished Quotation / Job item entry UI */
.umangerp-app .dimension-items-box{
  margin-top:24px!important;
  padding-top:20px!important;
}
.umangerp-app .dimension-items-box .line-head{
  margin-bottom:12px!important;
  align-items:center!important;
}
.umangerp-app .dimension-items-box .line-head h3{
  font-size:15px!important;
  font-weight:700!important;
  color:#101828!important;
}
.umangerp-app .dimension-items-box .line-head .add-line{
  min-height:38px!important;
  padding:8px 14px!important;
  border-color:var(--umangerp-border-color,#12b8a6)!important;
  color:#0f766e!important;
  background:#fff!important;
  border-radius:8px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}
.umangerp-app .dimension-items-box .line-head .add-line:hover{
  background:#ecfdf9!important;
}
.umangerp-app .dimension-items-box .line-table{
  border:1px solid var(--umangerp-border-color,#12b8a6)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(15,118,110,.05)!important;
  padding-bottom:0!important;
}
.umangerp-app .dimension-items-box .line-table table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.umangerp-app .dimension-items-box .line-table thead th{
  height:42px!important;
  padding:9px 10px!important;
  background:var(--umangerp-theme,#12b8a6)!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  border-bottom:0!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
.umangerp-app .dimension-items-box .line-table thead th:first-child{border-top-left-radius:8px!important}
.umangerp-app .dimension-items-box .line-table thead th:last-child{border-top-right-radius:8px!important;border-right:0!important;text-align:center!important}
.umangerp-app .dimension-items-box .line-table tbody td{
  padding:8px 7px!important;
  background:#fff!important;
  border-right:1px solid #d7e6e4!important;
  border-bottom:1px solid #d7e6e4!important;
  vertical-align:middle!important;
}
.umangerp-app .dimension-items-box .line-table tbody tr:last-child td{border-bottom:0!important}
.umangerp-app .dimension-items-box .line-table tbody td:last-child{border-right:0!important}
.umangerp-app .dimension-items-box td input,
.umangerp-app .dimension-items-box td select,
.umangerp-app .dimension-items-box td .erp-search-select,
.umangerp-app .dimension-items-box td .erp-search-select-input,
.umangerp-app .dimension-items-box .job-steps-toggle{
  height:44px!important;
  min-height:44px!important;
  border:1px solid #8da6b3!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101828!important;
  font-size:11.5px!important;
  padding:9px 11px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
  box-sizing:border-box!important;
}
.umangerp-app .dimension-items-box td input:focus,
.umangerp-app .dimension-items-box td select:focus,
.umangerp-app .dimension-items-box td .erp-search-select-input:focus,
.umangerp-app .dimension-items-box .job-steps-toggle:focus{
  border-color:#0f9f8f!important;
  box-shadow:0 0 0 3px rgba(18,184,166,.11)!important;
  outline:none!important;
}
.umangerp-app .dimension-items-box td input::placeholder{color:#98a2b3!important;opacity:1!important}
.umangerp-app .dimension-items-box .dimension-area,
.umangerp-app .dimension-items-box .gst-amount,
.umangerp-app .dimension-items-box .quote-line-amount,
.umangerp-app .dimension-items-box .job-description[readonly]{
  background:#f4f7f9!important;
  color:#475467!important;
  font-weight:600!important;
  border-color:#cbd5dc!important;
}
.umangerp-app .quotation-line-table.quotation-only-table table{
  width:1780px!important;
  min-width:1780px!important;
}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(1),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(1){width:230px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(2),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(2){width:270px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(3),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(3){width:125px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(4),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(4){width:125px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(5),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(5){width:125px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(6),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(6){width:150px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(7),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(7){width:150px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(8),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(8){width:130px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(9),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(9){width:100px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(10),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(10){width:125px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(11),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(11){width:140px!important}
.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(12),.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(12){width:80px!important;min-width:80px!important;text-align:center!important}
.umangerp-app .production-line-table table{width:1605px!important;min-width:1605px!important}
.umangerp-app .production-line-table th:nth-child(1),.umangerp-app .production-line-table td:nth-child(1){width:255px!important}
.umangerp-app .production-line-table th:nth-child(2),.umangerp-app .production-line-table td:nth-child(2){width:270px!important}
.umangerp-app .production-line-table th:nth-child(3),.umangerp-app .production-line-table td:nth-child(3){width:125px!important}
.umangerp-app .production-line-table th:nth-child(4),.umangerp-app .production-line-table td:nth-child(4){width:125px!important}
.umangerp-app .production-line-table th:nth-child(5),.umangerp-app .production-line-table td:nth-child(5){width:125px!important}
.umangerp-app .production-line-table th:nth-child(6),.umangerp-app .production-line-table td:nth-child(6){width:150px!important}
.umangerp-app .production-line-table th:nth-child(7),.umangerp-app .production-line-table td:nth-child(7){width:150px!important}
.umangerp-app .production-line-table th:nth-child(8),.umangerp-app .production-line-table td:nth-child(8){width:325px!important}
.umangerp-app .production-line-table th:nth-child(9),.umangerp-app .production-line-table td:nth-child(9){width:80px!important;min-width:80px!important;text-align:center!important}
.umangerp-app .line-action-cell{padding-left:9px!important;padding-right:9px!important;text-align:center!important}
.umangerp-app .modern-remove-line{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border:0!important;
  border-radius:8px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#feeceb!important;
  color:#e5484d!important;
  cursor:pointer!important;
  transition:background .15s ease,transform .15s ease!important;
}
.umangerp-app .modern-remove-line:hover{background:#ffd9d6!important;transform:translateY(-1px)!important}
.umangerp-app .modern-remove-line svg{width:16px!important;height:16px!important;display:block!important;fill:currentColor!important}
.umangerp-app .dimension-items-box .line-table::-webkit-scrollbar{height:9px}
.umangerp-app .dimension-items-box .line-table::-webkit-scrollbar-track{background:#edf2f4;border-radius:999px}
.umangerp-app .dimension-items-box .line-table::-webkit-scrollbar-thumb{background:#9aabb4;border-radius:999px;border:2px solid #edf2f4}
.umangerp-app .dimension-items-box .line-table{scrollbar-color:#9aabb4 #edf2f4;scrollbar-width:thin}
\n\n/* v1.0.185 — polished Particulars dropdown for Quotation + Job item rows */\n.umangerp-app .dimension-items-box .erp-particulars-select{\n  position:relative!important;\n  width:100%!important;\n  min-width:0!important;\n}\n.umangerp-app .dimension-items-box .erp-particulars-select::before{\n  content:'⌕';\n  position:absolute;\n  left:12px;\n  top:50%;\n  transform:translateY(-50%);\n  z-index:4;\n  color:#64748b;\n  font-size:17px;\n  line-height:1;\n  pointer-events:none;\n}\n.umangerp-app .dimension-items-box .erp-particulars-select::after{\n  right:12px!important;\n  color:#475467!important;\n  font-size:13px!important;\n}\n.umangerp-app .dimension-items-box .erp-particulars-select .erp-search-select-input{\n  padding-left:36px!important;\n  padding-right:38px!important;\n  font-weight:600!important;\n  text-overflow:ellipsis!important;\n  white-space:nowrap!important;\n  overflow:hidden!important;\n  cursor:text!important;\n}\n.umangerp-app .dimension-items-box .erp-particulars-select .erp-search-select-input::placeholder{\n  color:#667085!important;\n  font-weight:500!important;\n  opacity:1!important;\n}\n.erp-search-select-menu.erp-particulars-menu{\n  padding:6px!important;\n  border:1px solid #8fd9d1!important;\n  border-radius:10px!important;\n  background:#fff!important;\n  box-shadow:0 16px 34px rgba(15,23,42,.16)!important;\n  scrollbar-width:thin;\n  scrollbar-color:#a6b5bd #eef3f4;\n}\n.erp-search-select-menu.erp-particulars-menu::-webkit-scrollbar{width:8px}\n.erp-search-select-menu.erp-particulars-menu::-webkit-scrollbar-track{background:#eef3f4;border-radius:999px}\n.erp-search-select-menu.erp-particulars-menu::-webkit-scrollbar-thumb{background:#a6b5bd;border-radius:999px;border:2px solid #eef3f4}\n.erp-search-select-menu.erp-particulars-menu .erp-search-option{\n  position:relative!important;\n  min-height:40px!important;\n  padding:10px 34px 10px 12px!important;\n  border-radius:7px!important;\n  color:#1f2937!important;\n  font-size:11.5px!important;\n  font-weight:500!important;\n  line-height:1.35!important;\n}\n.erp-search-select-menu.erp-particulars-menu .erp-search-option:hover{\n  background:#effcf9!important;\n  color:#0f766e!important;\n}\n.erp-search-select-menu.erp-particulars-menu .erp-search-option.selected{\n  background:#e5f8f4!important;\n  color:#0f766e!important;\n  font-weight:700!important;\n}\n.erp-search-select-menu.erp-particulars-menu .erp-search-option.selected::after{\n  content:'✓';\n  position:absolute;\n  right:12px;\n  top:50%;\n  transform:translateY(-50%);\n  color:#0f9f8f;\n  font-size:13px;\n  font-weight:800;\n}\n.erp-search-select-menu.erp-particulars-menu .erp-search-empty{\n  padding:13px 12px!important;\n  text-align:center!important;\n  color:#667085!important;\n}\n/* Give the selector room so longer Particular names remain readable. */\n.umangerp-app .quotation-line-table.quotation-only-table table{width:1840px!important;min-width:1840px!important}\n.umangerp-app .quotation-line-table.quotation-only-table th:nth-child(1),\n.umangerp-app .quotation-line-table.quotation-only-table td:nth-child(1){width:290px!important;min-width:290px!important}\n.umangerp-app .production-line-table table{width:1650px!important;min-width:1650px!important}\n.umangerp-app .production-line-table th:nth-child(1),\n.umangerp-app .production-line-table td:nth-child(1){width:300px!important;min-width:300px!important}\n

/* v1.0.186 — Particulars dropdown matches the standard Unit/UOM dropdown style */
.umangerp-app .dimension-items-box .erp-particulars-select::before{content:none!important}
.umangerp-app .dimension-items-box .erp-particulars-select .erp-search-select-input{
  padding-left:10px!important;
  padding-right:34px!important;
  font-weight:500!important;
  cursor:pointer!important;
}


/* v1.0.187 — Particulars / Job Quotation Item use a true compact native dropdown */
.umangerp-app .dimension-items-box select.umangerp-native-item-select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  padding:9px 30px 9px 11px!important;
  border:1px solid #8da6b3!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101828!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.3!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.umangerp-app .dimension-items-box select.umangerp-native-item-select:focus{
  border-color:#0f9f8f!important;
  box-shadow:0 0 0 3px rgba(18,184,166,.11)!important;
  outline:none!important;
}

/* v1.0.188 — Particulars dropdown with in-menu search */
.umangerp-app .dimension-items-box .erp-particulars-select{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
}
.umangerp-app .dimension-items-box .erp-particulars-select .erp-native-select{
  position:absolute!important;
  inset:0!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.umangerp-app .dimension-items-box .erp-particulars-select::after{
  content:'▾'!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#667085!important;
  font-size:12px!important;
  pointer-events:none!important;
  z-index:3!important;
}
.umangerp-app .dimension-items-box .erp-particulars-select .erp-search-select-input.erp-particulars-display{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  padding:9px 32px 9px 11px!important;
  border:1px solid #8da6b3!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101828!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.3!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.umangerp-app .dimension-items-box .erp-particulars-select .erp-search-select-input.erp-particulars-display:focus{
  border-color:#0f9f8f!important;
  box-shadow:0 0 0 3px rgba(18,184,166,.11)!important;
  outline:none!important;
}
.umangerp-app .dimension-items-box .erp-particulars-select .erp-search-select-input.erp-particulars-display::placeholder{
  color:#667085!important;
  opacity:1!important;
}
.erp-search-select-menu.erp-particulars-menu{
  padding:8px!important;
  border:1px solid #8fd9d1!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 16px 34px rgba(15,23,42,.16)!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-particulars-search-wrap{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:#fff!important;
  padding-bottom:6px!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-particulars-search{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border:1px solid #c7d3da!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101828!important;
  font-size:12px!important;
  box-sizing:border-box!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-particulars-search:focus{
  border-color:#0f9f8f!important;
  box-shadow:0 0 0 3px rgba(18,184,166,.11)!important;
  outline:none!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-particulars-options{
  overflow:auto!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-search-option{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
  cursor:pointer!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-search-option:hover{
  background:#effcf9!important;
  color:#0f766e!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-search-option.selected{
  background:#e5f8f4!important;
  color:#0f766e!important;
  font-weight:700!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-search-empty{
  padding:12px!important;
  text-align:center!important;
  color:#667085!important;
  font-size:11.5px!important;
}

/* v1.0.190 — search directly in the Particulars selector; no second search box */
.umangerp-app .dimension-items-box .erp-particulars-select .erp-search-select-input.erp-particulars-display{
  cursor:text!important;
}
.erp-search-select-menu.erp-particulars-menu{
  padding:6px!important;
}
.erp-search-select-menu.erp-particulars-menu .erp-particulars-options{
  overflow:auto!important;
  max-height:100%!important;
}


/* v1.0.194 — remove extra outer box around Particulars searchable field */
.umangerp-app .dimension-items-box td .erp-particulars-select{
  height:auto!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.umangerp-app .dimension-items-box td .erp-particulars-select .erp-search-select-input{
  margin:0!important;
}

/* v1.0.199 — full quotation item details in master views */
.umangerp-app .quotation-items-detail-table{min-width:1180px!important}
.umangerp-app .quotation-items-master-table{min-width:1650px!important}


/* v1.0.201 — Complete Project action */
.umangerp-app table.data td.actions > a.project-complete-action,
.umangerp-app table.data td.actions > button.project-complete-action{
  width:38px!important;min-width:38px!important;height:38px!important;
  display:inline-grid!important;place-items:center!important;
  border:1px solid #15803d!important;border-radius:8px!important;
  background:#16a34a!important;color:#fff!important;
  font-size:20px!important;font-weight:800!important;line-height:1!important;
  text-decoration:none!important;vertical-align:middle!important;
  box-shadow:0 1px 2px rgba(15,23,42,.12)!important;
}
.umangerp-app table.data td.actions > a.project-complete-action:hover,
.umangerp-app table.data td.actions > button.project-complete-action:hover{background:#15803d!important;transform:translateY(-1px)!important}


/* v1.0.203 — remove duplicate outer box around Job Unit dropdown */
.umangerp-app .dimension-items-box td .erp-search-select.erp-job-unit-select{
  height:auto!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.umangerp-app .dimension-items-box td .erp-search-select.erp-job-unit-select .erp-search-select-input{
  margin:0!important;
  width:100%!important;
}

/* v1.0.206 — Invoice workflow grouping */
.umangerp-app .pending-billing-table .invoice-customer-group td{
  background:#eefaf8!important;
  color:#0f766e!important;
  font-weight:700!important;
  padding:10px 12px!important;
  border-top:2px solid var(--umangerp-theme,#12b8a6)!important;
}
.umangerp-app .invoice-sent-modal input[type="file"]{width:100%;}

/* v1.0.208 — Invoice payment update modal */
.umangerp-app .invoice-payment-card{max-width:560px!important}
.umangerp-app .invoice-payment-status-block{margin:4px 0 18px}
.umangerp-app .invoice-payment-field-label{display:block;margin:0 0 7px;font-size:12px;font-weight:600;color:var(--umangerp-secondary-color,#374151)}
.umangerp-app .invoice-payment-status-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.umangerp-app .invoice-payment-status-btn{min-height:42px;border:1px solid #d0d5dd;border-radius:6px;background:#f8fafc;color:#475467;font:inherit;font-weight:600;cursor:pointer;padding:8px 10px}
.umangerp-app .invoice-payment-status-btn:hover{border-color:var(--umangerp-theme,#12b8a6);background:#f0fdfa}
.umangerp-app .invoice-payment-status-btn.is-active{border-color:#3b82f6;background:#3b82f6;color:#fff}
.umangerp-app .invoice-payment-form .form-actions{justify-content:flex-end}
.umangerp-app .actions .invoice-payment-open{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;font-weight:700!important}
@media(max-width:640px){.umangerp-app .invoice-payment-status-options{grid-template-columns:1fr}.umangerp-app .invoice-payment-card{width:calc(100vw - 24px)!important}}


/* v1.0.210 — payment modal conditional fields must truly hide */
.umangerp-app .invoice-payment-form [hidden]{display:none!important;}
.umangerp-app .invoice-payment-form .invoice-payment-follow-field[hidden],
.umangerp-app .invoice-payment-form .invoice-part-paid-field[hidden]{display:none!important;}

/* v1.0.212 — lock Invoice edit after any payment update */
.umangerp-app .actions .invoice-edit-disabled{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:8px!important;
  background:#e5e7eb!important;
  color:#9ca3af!important;
  border:1px solid #d1d5db!important;
  cursor:not-allowed!important;
  opacity:.78!important;
  box-sizing:border-box!important;
  user-select:none!important;
}

/* v1.0.222 — grouped Quotations sidebar hierarchy */
.umangerp-side .sub .quotation-menu-root{display:flex;align-items:center;gap:8px;min-width:0}
.umangerp-side .sub .quotation-menu-section{margin-top:4px}
.umangerp-side .sub .quotation-menu-section-label{display:flex;align-items:center;gap:8px;min-width:0;margin-top:7px;padding:11px 10px 8px;border-top:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:700;color:#d0d5dd}
.umangerp-side .sub .quotation-menu-children{margin:1px 0 3px 11px;padding-left:8px;border-left:1px solid rgba(255,255,255,.16)}
.umangerp-side .sub .quotation-menu-children>a{padding:7px 9px;font-size:11.5px}

/* v1.0.223 — clickable dashboard KPI cards and chart drill-downs */
.umangerp-app a.dashboard-kpi,
.umangerp-app a.dashboard-bar-item,
.umangerp-app a.dashboard-donut,
.umangerp-app .dashboard-donut-legend a,
.umangerp-app .dashboard-line-legend a{
  text-decoration:none!important;
  color:inherit!important;
}
.umangerp-app .dashboard-clickable,
.umangerp-app .dashboard-chart-clickable,
.umangerp-app .dashboard-donut-link,
.umangerp-app .dashboard-line-link{
  cursor:pointer!important;
}
.umangerp-app a.dashboard-kpi{
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
.umangerp-app a.dashboard-kpi:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(15,23,42,.09)!important;
  border-color:var(--umangerp-theme,#12b8a6)!important;
}
.umangerp-app a.dashboard-bar-item:hover .dashboard-bar{filter:brightness(.92)}
.umangerp-app a.dashboard-bar-item:hover small,
.umangerp-app a.dashboard-bar-item:hover .dashboard-bar-value{color:#0f766e!important;font-weight:700!important}
.umangerp-app a.dashboard-donut{transition:transform .15s ease!important}
.umangerp-app a.dashboard-donut:hover{transform:scale(1.025)}
.umangerp-app .dashboard-donut-legend>a{
  display:grid!important;
  grid-template-columns:9px 1fr auto!important;
  align-items:center!important;
  gap:7px!important;
  font-size:10px!important;
  color:#475569!important;
  padding:3px 5px!important;
  border-radius:6px!important;
}
.umangerp-app .dashboard-donut-legend>a:hover{background:#f0fdfa!important;color:#0f766e!important}
.umangerp-app .dashboard-line-legend>a{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:3px 6px!important;
  border-radius:6px!important;
}
.umangerp-app .dashboard-line-legend>a:hover{background:#f0fdfa!important;color:#0f766e!important}

/* v1.0.229 — Operational dashboards */
.dashboard-settings-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
  margin-top:12px;
}
.dashboard-settings-option{
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #d8e3e8;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.dashboard-settings-option input{width:17px!important;height:17px!important;margin:0!important;flex:0 0 auto}
.dashboard-settings-option:has(input:checked){border-color:var(--umangerp-theme,#12b8a6);background:#f1fcfa}


.operational-dashboard-filter-panel[hidden]{display:none!important}
.dashboard-filter-toggle.active{background:var(--umangerp-theme,#12b8a6)!important;color:#fff!important;border-color:var(--umangerp-theme,#12b8a6)!important}
.operational-dashboard-filter-panel{
  padding:16px!important;
  margin:0 0 16px!important;
  border:1px solid #dce7eb!important;
  border-radius:14px!important;
  background:#fff!important;
}
.operational-dashboard-filters{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
  align-items:end;
}
.operational-dashboard-filters label{display:flex;flex-direction:column;gap:6px;min-width:0}
.operational-dashboard-filters label>span{font-size:11px;font-weight:700;color:#344054}
.operational-dashboard-filters input,
.operational-dashboard-filters select,
.operational-dashboard-filters .erp-search-select,
.operational-dashboard-filters .erp-search-select-input{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  box-sizing:border-box!important;
}
.operational-dashboard-filter-actions{display:flex;gap:8px;align-items:center;min-height:40px}
.operational-dashboard-filter-actions .btn{height:40px;display:inline-flex;align-items:center;justify-content:center}

.dashboard-operational-kpis{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
.dashboard-operational-kpis .dashboard-kpi{
  min-height:94px!important;
  padding:15px!important;
  border-radius:13px!important;
  text-decoration:none!important;
}
.dashboard-operational-kpis .dashboard-kpi-copy span{font-size:11.5px!important;line-height:1.35!important}
.dashboard-operational-kpis .dashboard-kpi-copy strong{font-size:25px!important;line-height:1!important;margin-top:5px!important}
.dashboard-operational-kpis .dashboard-kpi-icon{width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important;font-size:18px!important}

.operational-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:14px!important;
}
.operational-dashboard-grid .dashboard-chart-card,
.dashboard-workflow-card,
.dashboard-job-stage-card,
.dashboard-matrix-card{
  min-width:0;
  border:1px solid #d9e4e8!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(15,23,42,.035)!important;
  padding:15px!important;
}
.dashboard-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.dashboard-chart-head h3{margin:0!important;font-size:15px!important;color:#101828!important}
.dashboard-chart-head span{font-size:10.5px;color:#667085;white-space:nowrap}

.operational-dashboard-chart .dashboard-bars{min-height:175px!important;display:flex!important;align-items:flex-end!important;gap:10px!important;overflow-x:auto;padding:4px 2px 2px!important}
.operational-dashboard-chart .dashboard-bar-item{
  flex:1 1 64px!important;
  min-width:56px!important;
  max-width:120px!important;
  text-decoration:none!important;
  color:inherit!important;
  border-radius:9px;
  padding:4px 4px 6px;
  transition:background .15s ease,transform .15s ease;
}
.operational-dashboard-chart a.dashboard-bar-item:hover{background:#f5fbfa;transform:translateY(-2px)}
.operational-dashboard-chart .dashboard-bar-value{font-weight:700!important;font-size:11px!important;color:#344054!important}
.operational-dashboard-chart .dashboard-bar-track{height:126px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
.operational-dashboard-chart .dashboard-bar{width:34px!important;max-width:80%!important;border-radius:7px 7px 2px 2px!important;display:block!important}
.operational-dashboard-chart .dashboard-bar-teal{background:linear-gradient(180deg,#25c9b8,#10a897)!important}
.operational-dashboard-chart .dashboard-bar-blue{background:linear-gradient(180deg,#5794ff,#2d6de9)!important}
.operational-dashboard-chart .dashboard-bar-mint{background:linear-gradient(180deg,#52d9a1,#1bb477)!important}
.operational-dashboard-chart .dashboard-bar-amber{background:linear-gradient(180deg,#f8c45e,#e99b18)!important}
.operational-dashboard-chart .dashboard-bar-purple{background:linear-gradient(180deg,#a879f5,#7c4dd5)!important}
.operational-dashboard-chart .dashboard-bar-danger{background:linear-gradient(180deg,#f78087,#df4c56)!important}
.operational-dashboard-chart .dashboard-bar-item small{display:block;margin-top:5px;font-size:10px;line-height:1.25;text-align:center;color:#475467}

.dashboard-rank-list{display:flex;flex-direction:column;gap:8px}
.dashboard-rank-row{
  display:grid;
  grid-template-columns:minmax(95px,1.15fr) minmax(100px,2fr) 38px;
  gap:9px;
  align-items:center;
  min-height:30px;
  padding:4px 5px;
  border-radius:8px;
  color:#344054!important;
  text-decoration:none!important;
}
.dashboard-rank-row:hover{background:#f2fbf9}
.dashboard-rank-label{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-rank-track{height:8px;background:#eef3f5;border-radius:999px;overflow:hidden}
.dashboard-rank-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--umangerp-theme,#12b8a6),#4bd2c2)}
.dashboard-rank-row strong{font-size:11px;text-align:right;color:#101828}
.dashboard-rank-empty{padding:28px 10px;text-align:center;color:#667085;font-size:12px}

.dashboard-matrix-card{margin:0 0 14px!important;overflow:hidden}
.dashboard-matrix-card .table-wrap{overflow:auto}
.dashboard-matrix{min-width:620px!important}
.dashboard-matrix th,.dashboard-matrix td{text-align:center!important}
.dashboard-matrix tbody th{text-align:left!important;white-space:nowrap}
.dashboard-matrix td a{display:inline-grid;place-items:center;min-width:30px;height:28px;border-radius:7px;background:#eaf9f6;color:#0a7569!important;font-weight:700;text-decoration:none!important}
.dashboard-matrix td a:hover{background:#cff3ec}

.dashboard-workflow-card{margin:0 0 14px!important}
.dashboard-workflow{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:3px 1px 8px}
.dashboard-workflow-stage{
  flex:1 0 132px;
  min-height:84px;
  border:1px solid #dce7eb;
  border-radius:11px;
  background:#f9fcfd;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
  text-decoration:none!important;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.dashboard-workflow-stage:hover{border-color:var(--umangerp-theme,#12b8a6);box-shadow:0 5px 15px rgba(18,184,166,.12);transform:translateY(-2px)}
.dashboard-workflow-stage strong{font-size:22px;color:#0f766e}
.dashboard-workflow-stage span{font-size:10.5px;color:#475467;line-height:1.25}
.dashboard-workflow-arrow{align-self:center;color:#98a2b3;font-size:19px;flex:0 0 auto}

.dashboard-job-stage-card{margin-bottom:14px!important}
.dashboard-stage-table th,.dashboard-stage-table td{text-align:center!important}
.dashboard-stage-table tbody th{text-align:left!important}
.dashboard-stage-table td a{display:inline-grid;place-items:center;min-width:32px;height:29px;padding:0 6px;border-radius:7px;background:#edf8f6;color:#087a6d!important;font-weight:700;text-decoration:none!important}
.dashboard-stage-table td a:hover{background:#d4f3ed}

/* make all operational drilldowns visibly interactive */
.dashboard-chart-clickable[href],.dashboard-clickable[href],.dashboard-rank-row,.dashboard-workflow-stage,.dashboard-stage-table a{cursor:pointer}
.dashboard-chart-clickable[href]:focus-visible,.dashboard-clickable[href]:focus-visible,.dashboard-rank-row:focus-visible,.dashboard-workflow-stage:focus-visible{outline:2px solid var(--umangerp-theme,#12b8a6);outline-offset:2px}

@media(max-width:980px){
  .operational-dashboard-grid{grid-template-columns:1fr!important}
  .dashboard-operational-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .operational-dashboard-filter-panel{padding:12px!important}
  .operational-dashboard-filters{grid-template-columns:1fr!important}
  .operational-dashboard-filter-actions{grid-column:1/-1}
  .dashboard-operational-kpis{grid-template-columns:1fr!important}
  .operational-dashboard-grid{grid-template-columns:1fr!important}
  .operational-dashboard-grid .dashboard-chart-card,.dashboard-workflow-card,.dashboard-job-stage-card,.dashboard-matrix-card{padding:12px!important}
  .dashboard-chart-head{align-items:flex-start;flex-direction:column;gap:3px}
  .dashboard-chart-head span{white-space:normal}
  .dashboard-workflow{flex-direction:column;overflow:visible}
  .dashboard-workflow-stage{flex:0 0 auto;width:100%;min-height:68px}
  .dashboard-workflow-arrow{transform:rotate(90deg)}
  .dashboard-rank-row{grid-template-columns:minmax(90px,1fr) minmax(80px,1.5fr) 34px}
}

/* v1.0.230 — Quotation Dashboard summary */
.dashboard-workflow-summary{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid #e5e7eb;font-size:12px;color:#475467}
.dashboard-workflow-summary strong{font-size:16px;color:#0f172a}
@media(max-width:760px){.dashboard-workflow-summary{justify-content:space-between}}

/* v1.0.232 — Pending Estimate entire row opens Estimate form */
.umangerp-app .lead-estimate-row{cursor:pointer!important;}
.umangerp-app .lead-estimate-row:hover td{background:#f0fdfa!important;}


/* v1.0.237 — Completion Certification on Complete Project */
.umangerp-app table.data td.actions > button.project-complete-action{cursor:pointer!important;padding:0!important}
.umangerp-app .project-completion-modal .project-completion-cert-note{display:block;margin-top:6px;color:#667085;font-size:11px}
.umangerp-app .project-completion-modal .project-completion-applicable{font-weight:600!important}

/* v1.0.246 Customer master enhancements */
.umangerp-app .customer-contacts-repeater{width:100%;border:1px solid var(--umangerp-border-color,#12b8a6);border-radius:10px;padding:12px;background:#fbfefe;box-sizing:border-box}
.umangerp-app .customer-contact-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.umangerp-app .customer-contact-head strong{font-size:12px;color:var(--umangerp-font-color,#0b1220)}
.umangerp-app .customer-contact-rows{display:grid;gap:8px}
.umangerp-app .customer-contact-row{display:grid;grid-template-columns:minmax(150px,1.15fr) minmax(140px,.95fr) minmax(170px,1.1fr) minmax(135px,.85fr) minmax(210px,1.25fr) 38px;gap:8px;align-items:center}
.umangerp-app .customer-contact-row input{width:100%;min-width:0}
.umangerp-app .customer-contact-designation-wrap{min-width:0;width:100%}.umangerp-app .customer-contact-designation-wrap .erp-search-select{min-width:0;flex:1}.umangerp-app .customer-contact-designation-wrap .quick-add-btn{height:38px;min-height:38px}
.umangerp-app .customer-contact-remove{width:36px;height:36px;border:0;border-radius:8px;background:#feeceb;color:#dc2626;font-size:18px;cursor:pointer}
.umangerp-app .customer-contact-add{padding:7px 10px!important;min-height:34px!important}
.umangerp-app .customer-subcategory-wrap>.erp-multiuser{flex:1 1 auto;min-width:0}
@media(max-width:900px){.umangerp-app .customer-contact-row{grid-template-columns:1fr 1fr}.umangerp-app .customer-contact-remove{grid-column:2;justify-self:end}}
@media(max-width:560px){.umangerp-app .customer-contact-row{grid-template-columns:1fr}.umangerp-app .customer-contact-remove{grid-column:1;justify-self:end}.umangerp-app .customer-contact-head{align-items:flex-start;flex-direction:column}}

/* v1.0.248: Customer quick-add from Lead mirrors Customer Master form */
.quick-add-modal:has(.customer-master-quick-form:not([hidden])){width:min(1040px,calc(100vw - 32px))!important;max-width:1040px!important}
.customer-master-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 16px!important}
.customer-master-quick-grid>label.wide{grid-column:1/-1!important}
.customer-master-quick-grid .select-with-add{width:100%}
.customer-master-quick-grid .erp-multiuser{min-width:0}
.customer-master-quick-grid .erp-multiuser-toggle{min-height:42px;width:100%}
.customer-master-quick-grid input[type="date"]{width:100%;height:42px;padding:9px 11px;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:7px;background:#fff;font:12px Montserrat,Arial,sans-serif;box-sizing:border-box}
.customer-master-quick-grid .customer-contacts-repeater{margin-top:0}
@media(max-width:900px){.customer-master-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.customer-master-quick-grid{grid-template-columns:1fr!important}}

/* v1.0.249: from Add Lead, Customer uses the exact Customer Master field layout.
   Use an explicit class rather than depending only on :has(), so the layout
   remains identical in every supported browser. */
.quick-add-modal.customer-master-mode{width:min(1040px,calc(100vw - 32px))!important;max-width:1040px!important}
.quick-add-modal.customer-master-mode .customer-master-quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 16px!important;align-items:start}
.quick-add-modal.customer-master-mode .customer-master-quick-grid>label{display:flex;flex-direction:column;gap:6px;margin:0}
.quick-add-modal.customer-master-mode .customer-master-quick-grid>label.wide{grid-column:1/-1!important}
.quick-add-modal.customer-master-mode .customer-master-quick-grid .select-with-add{width:100%}
.quick-add-modal.customer-master-mode .customer-master-quick-grid input,
.quick-add-modal.customer-master-mode .customer-master-quick-grid select,
.quick-add-modal.customer-master-mode .customer-master-quick-grid textarea{box-sizing:border-box;width:100%}
.quick-add-modal.customer-master-mode .customer-master-quick-grid input:not([type=checkbox]),
.quick-add-modal.customer-master-mode .customer-master-quick-grid select{min-height:42px}
@media(max-width:900px){.quick-add-modal.customer-master-mode .customer-master-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.quick-add-modal.customer-master-mode .customer-master-quick-grid{grid-template-columns:1fr!important}}

/* v1.0.256 - Force permanent Delete action to dark red after action-position color rules. */
.umangerp-app td.actions > a.delete:nth-child(n),
.umangerp-app .actions > a.delete:nth-child(n) {
  background:#991b1b!important;
  border:1px solid #7f1d1d!important;
  color:#fff!important;
  box-shadow:0 2px 5px rgba(127,29,29,.22)!important;
  font-size:0!important;
}
.umangerp-app td.actions > a.delete:nth-child(n):hover,
.umangerp-app .actions > a.delete:nth-child(n):hover {
  background:#7f1d1d!important;
  border-color:#641515!important;
  color:#fff!important;
  filter:brightness(1.03)!important;
}
.umangerp-app td.actions > a.delete:nth-child(n) .umangerp-delete-svg,
.umangerp-app .actions > a.delete:nth-child(n) .umangerp-delete-svg {
  width:18px!important;
  height:18px!important;
  display:block!important;
  color:#fff!important;
}


/* v1.0.257 - Customer list: move Contact Persons into an Eye Details view. */
.umangerp-app td.actions > button.customer-details-open{
  width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #0f766e!important;border-radius:8px!important;background:#0f766e!important;color:#fff!important;
  box-shadow:0 2px 5px rgba(15,118,110,.18)!important;cursor:pointer!important;
}
.umangerp-app td.actions > button.customer-details-open:hover{background:#115e59!important;border-color:#115e59!important}
.umangerp-app .customer-details-open .umangerp-eye-svg{width:19px;height:19px;display:block;color:#fff}
.umangerp-app .customer-details-modal[hidden]{display:none!important}
.umangerp-app .customer-details-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.umangerp-app .customer-details-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.46)}
.umangerp-app .customer-details-card{position:relative;width:min(940px,calc(100vw - 32px));max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:20px;box-sizing:border-box}
.umangerp-app .customer-details-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:8px;background:#f1f5f9;color:#334155;font-size:22px;line-height:1;cursor:pointer}
.umangerp-app .customer-details-head{padding:0 44px 14px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}
.umangerp-app .customer-details-head h2{margin:0;font-size:21px;color:#0f172a}
.umangerp-app .customer-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.umangerp-app .customer-detail-item{border:1px solid #d9e4e7;border-radius:9px;padding:10px 12px;background:#fbfefe;min-width:0}
.umangerp-app .customer-detail-item span{display:block;font-size:11px;font-weight:600;color:#64748b;margin-bottom:5px}
.umangerp-app .customer-detail-item strong{display:block;font-size:13px;font-weight:600;color:#0f172a;overflow-wrap:anywhere}
.umangerp-app .customer-detail-wide{grid-column:1/-1}
.umangerp-app .customer-detail-contacts{margin-top:18px}
.umangerp-app .customer-detail-contacts h3{margin:0 0 10px;font-size:15px;color:#0f172a}
.umangerp-app .customer-detail-contact-table{min-width:720px}
.umangerp-app .customer-detail-empty{padding:14px;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;background:#f8fafc}
@media(max-width:800px){.umangerp-app .customer-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.umangerp-app .customer-details-modal{padding:10px}.umangerp-app .customer-details-card{width:100%;padding:16px}.umangerp-app .customer-details-grid{grid-template-columns:1fr}.umangerp-app .customer-detail-wide{grid-column:auto}}

/* v1.0.258 - Customer Details eye must remain clearly visible despite generic action palettes. */
html body .umangerp-app td.actions > button.customer-details-open{
  width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:#0f766e!important;border:1px solid #0b5f59!important;color:#fff!important;
  opacity:1!important;visibility:visible!important;box-shadow:0 2px 5px rgba(15,118,110,.28)!important;
}
html body .umangerp-app td.actions > button.customer-details-open:hover{
  background:#115e59!important;border-color:#0b4f4b!important;color:#fff!important;filter:none!important;
}
html body .umangerp-app button.customer-details-open .umangerp-eye-svg{
  width:20px!important;height:20px!important;display:block!important;color:#fff!important;fill:#fff!important;
  opacity:1!important;visibility:visible!important;overflow:visible!important;flex:0 0 20px!important;
}
html body .umangerp-app button.customer-details-open .umangerp-eye-svg path{
  fill:#fff!important;color:#fff!important;opacity:1!important;visibility:visible!important;
}



/* v1.0.274 — Pending Follow Ups row status colours */
.listing-panel table.data tbody tr.follow-row-red > td { background:#fee2e2 !important; }
.listing-panel table.data tbody tr.follow-row-green > td { background:#dcfce7 !important; }
.listing-panel table.data tbody tr.follow-row-orange > td { background:#ffedd5 !important; }
.listing-panel table.data tbody tr.follow-row-red:hover > td { background:#fecaca !important; }
.listing-panel table.data tbody tr.follow-row-green:hover > td { background:#bbf7d0 !important; }
.listing-panel table.data tbody tr.follow-row-orange:hover > td { background:#fed7aa !important; }


/* v1.0.276 — filters stay open; hide obsolete filter toggle actions. */
.umangerp-top .umangerp-header-filter,.umangerp-top .mobile-top-filter,.umangerp-app .mobile-filter-toggle{display:none!important}

/* v1.0.277 — global processing spinner for server-backed actions. */
.umangerp-processing-overlay[hidden]{display:none!important}
.umangerp-processing-overlay{
  position:fixed;inset:0;z-index:2147483000;
  display:flex;align-items:center;justify-content:center;
  background:rgba(248,250,252,.66);backdrop-filter:blur(1px);
  cursor:progress;
}
.umangerp-processing-box{
  display:flex;align-items:center;gap:11px;min-width:150px;
  padding:13px 17px;border:1px solid rgba(20,184,166,.38);border-radius:12px;
  background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.18);
  color:#0f172a;font-size:13px;font-weight:600;
}
.umangerp-processing-spinner{
  width:24px;height:24px;box-sizing:border-box;border-radius:50%;
  border:3px solid #ccfbf1;border-top-color:#0f766e;
  animation:umangerp-spin .72s linear infinite;flex:0 0 24px;
}
@keyframes umangerp-spin{to{transform:rotate(360deg)}}
html.umangerp-is-processing,html.umangerp-is-processing body{cursor:progress!important}
@media (prefers-reduced-motion:reduce){.umangerp-processing-spinner{animation-duration:1.5s}}



/* v1.0.291 — Pending Estimate inline entry */
.lead-bulk-estimate-form .estimate-inline-cell{min-width:150px;}
.lead-bulk-estimate-form .lead-estimate-inline-input{width:140px;max-width:100%;min-height:38px;padding:8px 10px;border:1px solid #14b8a6;border-radius:7px;background:#fff;font:inherit;box-sizing:border-box;}
.lead-bulk-estimate-form .lead-estimate-inline-input:focus{outline:2px solid rgba(20,184,166,.18);outline-offset:1px;border-color:#0f766e;}
.lead-bulk-estimate-bottom{display:flex;justify-content:flex-start;align-items:center;padding:14px 0 2px;}

/* v1.0.296 — dashboard views never show Excel actions. */
.umangerp-app[data-erp-view="dashboard"] .umangerp-top .universal-excel-export,
.umangerp-app[data-erp-view="dashboard"] .umangerp-top .top-excel-export,
.umangerp-app[data-erp-view="dashboard"] .umangerp-top .mobile-excel,
.umangerp-app[data-erp-view$="-dashboard"] .umangerp-top .universal-excel-export,
.umangerp-app[data-erp-view$="-dashboard"] .umangerp-top .top-excel-export,
.umangerp-app[data-erp-view$="-dashboard"] .umangerp-top .mobile-excel{display:none!important}

/* v1.0.298: Nested Quotation workflow under Leads > Leads In Progress. */
.umangerp-side .sub .lead-menu-quotation-group{margin:4px 0 5px}
.umangerp-side .sub .lead-menu-quotation-label{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;font-size:11.5px;font-weight:700;color:#d0d5dd}
.umangerp-side .sub .lead-menu-quotation-group.child-active>.lead-menu-quotation-label{color:#fff}
.umangerp-side .sub .lead-menu-quotation-children{margin:0 0 2px 12px;padding-left:8px;border-left:1px solid rgba(255,255,255,.16)}
.umangerp-side .sub .lead-menu-quotation-children>a{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;font-size:11px}


/* v1.0.299 — one dashboard chart per full-width row on every operational dashboard. */
.umangerp-app[data-erp-view$="-dashboard"] .operational-dashboard-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
}
.umangerp-app[data-erp-view$="-dashboard"] .operational-dashboard-grid>.dashboard-chart-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
/* Use the wider row to improve chart readability without forcing internal horizontal scrolling. */
.umangerp-app[data-erp-view$="-dashboard"] .operational-dashboard-chart .dashboard-bars{
  width:100%!important;
  overflow-x:visible!important;
  justify-content:space-around!important;
}
.umangerp-app[data-erp-view$="-dashboard"] .operational-dashboard-chart .dashboard-bar-item{
  max-width:150px!important;
}
@media(max-width:900px){
  .umangerp-app[data-erp-view$="-dashboard"] .operational-dashboard-chart .dashboard-bars{
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }
}


/* v1.0.303 — Lead Dashboard stacked stage analytics. */
.umangerp-app[data-erp-view="lead-dashboard"] .dashboard-lead-stacked-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
.umangerp-app[data-erp-view="lead-dashboard"] .dashboard-stacked-card{width:100%!important;overflow:hidden!important;padding:15px 16px 13px!important}
.dashboard-chart-subtitle{font-size:10.5px;line-height:1.35;color:#667085;margin-top:3px}
.dashboard-stacked-body{display:flex;align-items:stretch;gap:14px;width:100%;min-width:0}.dashboard-stack-legend{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:6px;margin:0;padding:4px 0;font-size:11px;line-height:1.2;color:#475467;white-space:nowrap;overflow:visible;flex:0 0 185px;width:185px}
.dashboard-stack-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex:0 0 auto;min-width:0}
.dashboard-stack-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 8px}
.dashboard-stacked-scroll{flex:1 1 auto;min-width:0;width:auto;overflow-x:auto;padding-bottom:2px}
.dashboard-stacked-bars{min-width:760px;height:205px;display:flex;align-items:flex-end;gap:10px;padding:4px 4px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf2f5 40px);border-bottom:1px solid #d9e4e8}
.dashboard-stack-group{flex:1 1 0;min-width:54px;height:196px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}
.dashboard-stack-total{height:20px;display:flex;align-items:flex-end;justify-content:center;font-weight:700;font-size:10.5px;color:#101828}
.dashboard-stack-track{height:150px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.dashboard-stack-fill{width:min(42px,72%);min-width:22px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:6px 6px 2px 2px;box-shadow:0 0 0 1px rgba(15,23,42,.035)}
.dashboard-stack-segment{display:block;width:100%;min-height:0;transition:filter .15s ease}
.dashboard-stack-segment:hover{filter:brightness(.92)}
.dashboard-stack-group small{display:block;width:100%;height:26px;margin-top:3px;font-size:9.5px;line-height:1.15;text-align:center;color:#475467;overflow:hidden;text-overflow:ellipsis}
.dashboard-stack-color-1{background:#2f80ed!important}.dashboard-stack-color-2{background:#f2994a!important}.dashboard-stack-color-3{background:#8b5cf6!important}.dashboard-stack-color-4{background:#14b8a6!important}.dashboard-stack-color-5{background:#f2b134!important}.dashboard-stack-color-6{background:#56a8f5!important}.dashboard-stack-color-7{background:#ef6aa7!important}.dashboard-stack-color-8{background:#b47ae8!important}.dashboard-stack-color-9{background:#ef476f!important}.dashboard-stack-color-10{background:#34c759!important}.dashboard-stack-color-11{background:#e74c3c!important}
@media(max-width:900px){.dashboard-stacked-body{gap:8px}.dashboard-stacked-bars{min-width:920px}.dashboard-stack-group{min-width:68px}.dashboard-stack-legend{flex-basis:150px;width:150px;gap:5px;font-size:9px}.dashboard-stack-legend i{width:7px;height:7px;flex-basis:7px}.dashboard-stack-fill{width:34px}}

/* v1.0.304 Lead dashboard period selector — mirrors the approved dashboard mockup. */
.umangerp-app[data-erp-view="lead-dashboard"] .view-export-actions{display:flex;align-items:center;gap:10px}
.dashboard-period-control{display:inline-flex;align-items:center}
.dashboard-period-select{height:40px;min-width:145px;border:1px solid var(--umangerp-theme,#12b8a6);border-radius:9px;background:#fff;color:#25324a;padding:0 34px 0 12px;font:inherit;font-size:13px;font-weight:500;outline:none;cursor:pointer}
.dashboard-period-select:focus{box-shadow:0 0 0 3px rgba(18,184,166,.10)}
@media(max-width:800px){.dashboard-period-select{min-width:132px;height:38px;font-size:12px}}


/* v1.0.313 Lead Dashboard Top-N selectors */
.dashboard-stacked-card .dashboard-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-direction:row}
.dashboard-chart-control{margin-left:auto;flex:0 0 auto}
.dashboard-topn-select{height:34px;min-width:92px;border:1px solid #b8c4d6;border-radius:8px;background:#fff;color:#25324a;padding:0 28px 0 10px;font-size:12px;font-weight:500;outline:none;cursor:pointer}
.dashboard-topn-select:focus{border-color:var(--umangerp-theme,#12b8a6);box-shadow:0 0 0 2px rgba(18,184,166,.10)}
@media(max-width:800px){.dashboard-stacked-card .dashboard-chart-head{flex-direction:row;align-items:center}.dashboard-topn-select{height:32px;min-width:86px;font-size:11px}}
/* v1.0.321 Lead Dashboard: hide zero data + compact bar labels + staged sticky legend */
.umangerp-app[data-erp-view="lead-dashboard"] .view-export-actions{display:none!important}
.lead-dashboard-independent-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
.lead-dual-card{width:100%!important;overflow:hidden!important;padding:14px 16px 16px!important}
.lead-dual-card .dashboard-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.lead-dual-card .dashboard-chart-head h3{margin:0}
.lead-dashboard-title-block{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.lead-dashboard-period{font-size:10px;line-height:1.2;font-weight:600;color:#6b7c85;white-space:nowrap}
.lead-chart-filter-toggle{white-space:nowrap}
.lead-chart-filter-panel{margin:8px 0 12px;padding:12px;border:1px solid #dce8ec;border-radius:10px;background:#f8fbfc}
.lead-chart-filter-panel[hidden]{display:none!important}
.lead-chart-filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;align-items:end}
.lead-chart-filter-form label{display:flex;flex-direction:column;gap:4px;min-width:0}
.lead-chart-filter-form label>span{font-size:11px;font-weight:700;color:#52616b}
.lead-chart-filter-form input,.lead-chart-filter-form select{width:100%;min-width:0;height:36px;border:1px solid #ccd9de;border-radius:8px;background:#fff;padding:5px 8px}
.lead-chart-filter-actions{display:flex;gap:7px;align-items:center;align-self:end}
.lead-stage-sticky-legend{position:sticky;top:8px;z-index:30;display:none;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;width:100%;padding:7px 8px;margin:0 0 2px;border:1px solid #d9e6ea;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 4px 14px rgba(16,42,67,.08);backdrop-filter:blur(5px)}
.lead-stage-sticky-legend.is-visible{display:grid}
.lead-stage-legend-item{display:flex;align-items:flex-start;justify-content:center;gap:4px;min-width:0;text-align:center;color:#43535d;font-size:9.5px;font-weight:700;line-height:1.08}
.lead-stage-legend-item>i{width:8px;height:8px;border-radius:50%;flex:0 0 8px;margin-top:2px}
.lead-stage-legend-words{display:flex;flex-direction:column;align-items:center;min-width:0}
.lead-stage-legend-words>span{display:block;white-space:nowrap}
.lead-dual-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 0 4px}
.lead-dual-chart{min-width:820px;width:max-content;height:250px;display:flex;align-items:flex-end;justify-content:flex-start;gap:10px;padding:12px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#edf2f5 45px);border-bottom:1px solid #d9e4e8}
.lead-dual-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:84px;flex:0 0 84px;height:100%}
.lead-dual-pair{height:205px;display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%}
.lead-dual-bar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:33px}
.lead-dual-value{position:absolute;left:50%;bottom:calc(var(--lead-bar-h,0px) + 2px);transform:translateX(-50%);font-size:11px;font-weight:800;color:#152c37;line-height:1;white-space:nowrap}
.lead-dual-track{position:relative;height:172px;width:32px;background:transparent;overflow:visible}
.lead-dual-fill{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:27px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:5px 5px 0 0;min-height:4px;background:#e7eef1}
.lead-dual-segment{display:block;width:100%;min-height:2px;cursor:pointer;transition:filter .15s ease,opacity .15s ease}
.lead-dual-segment:hover{filter:brightness(.9);opacity:.92}
.lead-dual-bar-wrap small{font-size:9px;color:#6a7881;line-height:1.05;margin-top:3px;white-space:nowrap}.lead-dual-bar-wrap.is-zero .lead-dual-track{background:transparent}
.lead-dual-axis-link{display:block;max-width:130px;margin-top:6px;font-size:10px;font-weight:700;line-height:1.15;color:#334e59;text-align:center;text-decoration:none;word-break:break-word}
.lead-dual-axis-link:hover{text-decoration:underline;color:#0f6b78}
@media(max-width:1050px){.lead-stage-sticky-legend{gap:2px;padding:6px 4px}.lead-stage-legend-item{font-size:8px;gap:2px}.lead-stage-legend-item>i{width:6px;height:6px;flex-basis:6px}.lead-dual-chart{min-width:980px}}
@media(max-width:700px){.lead-chart-filter-form{grid-template-columns:1fr 1fr}.lead-stage-sticky-legend{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:6px}.lead-dual-chart{min-width:980px}}


/* v1.0.322 Lead Dashboard: interactive global multi-stage selector */
.lead-stage-sticky-legend{grid-template-columns:42px repeat(11,minmax(0,1fr));align-items:stretch}
.lead-stage-all,.lead-stage-legend-item{border:1px solid transparent;border-radius:7px;text-decoration:none!important;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}
.lead-stage-all{display:flex;align-items:center;justify-content:center;min-width:0;padding:3px 4px;color:#52616b;font-size:9px;font-weight:800;line-height:1.05;white-space:nowrap}
.lead-stage-legend-item{padding:3px 2px}
.lead-stage-sticky-legend.has-selection .lead-stage-legend-item:not(.is-selected){opacity:.38}
.lead-stage-sticky-legend.has-selection .lead-stage-legend-item:not(.is-selected):hover{opacity:.72}
.lead-stage-all.is-selected,.lead-stage-legend-item.is-selected{background:#eaf8f5;border-color:#82d5ca;color:#0b655d;opacity:1!important}
.lead-stage-all:hover,.lead-stage-legend-item:hover{background:#f2faf9;border-color:#b9ded9;color:#0f6b78}
.lead-stage-legend-item:focus-visible,.lead-stage-all:focus-visible{outline:2px solid #0f7e73;outline-offset:1px}
@media(max-width:1050px){.lead-stage-sticky-legend{grid-template-columns:36px repeat(11,minmax(0,1fr))}.lead-stage-all{font-size:8px;padding:2px}}
@media(max-width:700px){.lead-stage-sticky-legend{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:5px}.lead-stage-all{min-height:34px}.lead-stage-legend-item{min-height:34px;align-items:center}}

/* v1.0.323 - Leads Received monthly comparison */
.lead-received-card{width:100%!important;overflow:hidden!important;padding:14px 16px 16px!important}
.lead-received-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.lead-received-head-actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.lead-received-compare-form{margin:0}
.lead-received-compare-form label{display:flex;align-items:center;gap:6px;margin:0}
.lead-received-compare-form label>span{font-size:11px;font-weight:700;color:#52616b;white-space:nowrap}
.lead-received-compare-form select{height:36px;min-width:145px;border:1px solid #ccd9de;border-radius:8px;background:#fff;padding:5px 28px 5px 8px;font-size:12px}
.lead-received-table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;margin-top:8px;border:1px solid #dfe8ec;border-radius:10px;background:#fff}
.lead-received-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;margin:0!important}
.lead-received-table th,.lead-received-table td{min-width:62px;padding:8px 9px!important;text-align:center!important;white-space:nowrap;border-right:1px solid #e7eef1!important;border-bottom:1px solid #e7eef1!important;font-size:11px;line-height:1.2}
.lead-received-table thead tr:first-child th{background:#f3f8fa!important;font-size:11px;font-weight:800;color:#263b44}
.lead-received-table thead tr:nth-child(2) th{background:#f8fbfc!important;font-size:10px;color:#52616b;font-weight:700}
.lead-received-table .lead-received-first{position:sticky;left:0;z-index:3;min-width:150px;max-width:210px;text-align:left!important;background:#fff!important}
.lead-received-table thead .lead-received-first{z-index:5;background:#f3f8fa!important}
.lead-received-table tbody th.lead-received-first{font-weight:700;color:#263b44}
.lead-received-table tfoot th,.lead-received-table tfoot td{background:#eef5f7!important;font-weight:800;border-bottom:0!important}
.lead-received-table tfoot .lead-received-first{z-index:4;background:#eef5f7!important}
.lead-received-table tr>*:last-child{border-right:0!important}
.lead-received-table a{color:#245d6b;text-decoration:none;font-weight:700}
.lead-received-table a:hover{text-decoration:underline;color:#0f6b78}
.lead-received-empty{text-align:left!important;color:#718089!important;padding:14px!important}
@media(max-width:700px){.lead-received-head{flex-direction:column;align-items:stretch}.lead-received-head-actions{justify-content:flex-start}.lead-received-compare-form label{flex-direction:column;align-items:flex-start}.lead-received-compare-form select{min-width:170px}.lead-received-table .lead-received-first{min-width:125px;max-width:160px}.lead-received-table th,.lead-received-table td{min-width:56px;padding:7px 7px!important}}

/* v1.0.324 - Leads Received table header text uses theme color instead of white */
html body .umangerp-app .lead-received-table thead th,
html body .umangerp-app .lead-received-table thead td{
  color:var(--umangerp-theme,#12b8a6)!important;
}
html body .umangerp-app .lead-received-table thead th *,
html body .umangerp-app .lead-received-table thead td *{
  color:var(--umangerp-theme,#12b8a6)!important;
}
html body .umangerp-app .lead-received-table thead tr:first-child th{
  background:#f3f8fa!important;
  background-color:#f3f8fa!important;
}
html body .umangerp-app .lead-received-table thead tr:nth-child(2) th{
  background:#f8fbfc!important;
  background-color:#f8fbfc!important;
}


/* v1.0.340 — GST % dropdown: remove duplicate outer box and match Unit dropdown */
.umangerp-app .dimension-items-box td .erp-search-select:has(> select.gst-percent){
  height:auto!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.umangerp-app .dimension-items-box td .erp-search-select:has(> select.gst-percent) .erp-search-select-input{
  margin:0!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  box-sizing:border-box!important;
}

/* v1.0.343 Customer Sub-Category: match the standard multi-select dropdown styling. */
.customer-subcategory-wrap{align-items:flex-start}
.customer-subcategory-wrap>.customer-subcategory-multi{flex:1;min-width:0}
.customer-subcategory-multi .erp-multiuser-toggle{height:38px!important;min-height:38px!important;padding:10px 34px 10px 10px!important;position:relative!important}
.customer-subcategory-multi .erp-multiuser-toggle::after{position:absolute!important;right:12px!important;margin-left:0!important}
.customer-subcategory-multi .erp-multiuser-label{max-width:100%}
.customer-subcategory-multi .erp-customer-subcat-option{display:grid!important;grid-template-columns:minmax(0,1fr) 20px!important;align-items:center!important;gap:12px!important;padding:8px 10px!important}
.customer-subcategory-multi .erp-customer-subcat-option>span{grid-column:1;text-align:left!important}
.customer-subcategory-multi .erp-customer-subcat-option>input[type="checkbox"]{grid-column:2;justify-self:end!important;width:16px!important;height:16px!important;margin:0!important}


/* v1.0.345 — proper wrapped multi-select values for Lead/Customer Sub-Category. */
.umangerp-app .lead-subcategory-wrap,
.umangerp-app .customer-subcategory-wrap{align-items:flex-start!important}
.umangerp-app .lead-subcategory-multi .erp-multiuser-toggle,
.umangerp-app .customer-subcategory-multi .erp-multiuser-toggle{
  height:auto!important;
  min-height:38px!important;
  padding:8px 34px 8px 10px!important;
  align-items:flex-start!important;
  white-space:normal!important;
}
.umangerp-app .lead-subcategory-multi .erp-multiuser-label,
.umangerp-app .customer-subcategory-multi .erp-multiuser-label{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.35!important;
  text-align:left!important;
}
.umangerp-app .lead-subcategory-wrap>.quick-add-btn,
.umangerp-app .customer-subcategory-wrap>.quick-add-btn{
  height:38px!important;
  align-self:flex-start!important;
}


/* v1.0.362 — Add Job: keep item fields clearly separated and prevent overlap. */
html body .umangerp-app .production-line-table{
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch;
}
html body .umangerp-app .production-line-table table{
  width:100%!important;
  min-width:1260px!important;
  table-layout:fixed!important;
}
html body .umangerp-app .production-line-table th,
html body .umangerp-app .production-line-table td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
  padding:8px!important;
  overflow:visible!important;
}
html body .umangerp-app .production-line-table th:nth-child(1),
html body .umangerp-app .production-line-table td:nth-child(1){width:220px!important;min-width:220px!important}
html body .umangerp-app .production-line-table th:nth-child(2),
html body .umangerp-app .production-line-table td:nth-child(2),
html body .umangerp-app .production-line-table th:nth-child(3),
html body .umangerp-app .production-line-table td:nth-child(3){width:115px!important;min-width:115px!important}
html body .umangerp-app .production-line-table th:nth-child(4),
html body .umangerp-app .production-line-table td:nth-child(4){width:120px!important;min-width:120px!important}
html body .umangerp-app .production-line-table th:nth-child(5),
html body .umangerp-app .production-line-table td:nth-child(5){width:140px!important;min-width:140px!important}
html body .umangerp-app .production-line-table th:nth-child(6),
html body .umangerp-app .production-line-table td:nth-child(6){width:135px!important;min-width:135px!important}
html body .umangerp-app .production-line-table th:nth-child(7),
html body .umangerp-app .production-line-table td:nth-child(7){width:260px!important;min-width:260px!important}
html body .umangerp-app .production-line-table th:nth-child(8),
html body .umangerp-app .production-line-table td:nth-child(8){width:80px!important;min-width:80px!important;text-align:center!important}
html body .umangerp-app .production-line-table input,
html body .umangerp-app .production-line-table select,
html body .umangerp-app .production-line-table .select2-container,
html body .umangerp-app .production-line-table .job-steps-dropdown{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body .umangerp-app .production-line-table .job-steps-cell{min-width:260px!important;width:260px!important}
html body .umangerp-app .production-line-table .job-steps-dropdown{min-width:0!important}


/* v1.0.369 - distinct background colours for each Job stage block */
.job-item-stage-table th.job-step-color-0{background:#dbeafe!important;color:#1e3a8a!important}
.job-item-stage-table td.job-step-color-0{background:#eff6ff!important}
.job-item-stage-table th.job-step-color-1{background:#f3e8ff!important;color:#6b21a8!important}
.job-item-stage-table td.job-step-color-1{background:#faf5ff!important}
.job-item-stage-table th.job-step-color-2{background:#ffedd5!important;color:#9a3412!important}
.job-item-stage-table td.job-step-color-2{background:#fff7ed!important}
.job-item-stage-table th.job-step-color-3{background:#dcfce7!important;color:#166534!important}
.job-item-stage-table td.job-step-color-3{background:#f0fdf4!important}
.job-item-stage-table th.job-step-color-4{background:#fef3c7!important;color:#92400e!important}
.job-item-stage-table td.job-step-color-4{background:#fffbeb!important}
.job-item-stage-table th.job-step-color-5{background:#cffafe!important;color:#155e75!important}
.job-item-stage-table td.job-step-color-5{background:#ecfeff!important}
.job-item-stage-table th.job-step-color-6{background:#ffe4e6!important;color:#9f1239!important}
.job-item-stage-table td.job-step-color-6{background:#fff1f2!important}
.job-item-stage-table th.job-step-color-7{background:#e2e8f0!important;color:#334155!important}
.job-item-stage-table td.job-step-color-7{background:#f8fafc!important}


/* v1.0.371 - force stage colours across group header, sub-header and all stage columns */
html body .umangerp-app .job-item-stage-table thead th.job-step-color-0{background:#bfdbfe!important;color:#1e3a8a!important}
html body .umangerp-app .job-item-stage-table tbody td.job-step-color-0{background:#eff6ff!important}
html body .umangerp-app .job-item-stage-table thead th.job-step-color-1{background:#e9d5ff!important;color:#6b21a8!important}
html body .umangerp-app .job-item-stage-table tbody td.job-step-color-1{background:#faf5ff!important}
html body .umangerp-app .job-item-stage-table thead th.job-step-color-2{background:#fed7aa!important;color:#9a3412!important}
html body .umangerp-app .job-item-stage-table tbody td.job-step-color-2{background:#fff7ed!important}
html body .umangerp-app .job-item-stage-table thead th.job-step-color-3{background:#bbf7d0!important;color:#166534!important}
html body .umangerp-app .job-item-stage-table tbody td.job-step-color-3{background:#f0fdf4!important}
html body .umangerp-app .job-item-stage-table thead th.job-step-color-4{background:#fde68a!important;color:#92400e!important}
html body .umangerp-app .job-item-stage-table tbody td.job-step-color-4{background:#fffbeb!important}
html body .umangerp-app .job-item-stage-table thead th.job-step-color-5{background:#a5f3fc!important;color:#155e75!important}
html body .umangerp-app .job-item-stage-table tbody td.job-step-color-5{background:#ecfeff!important}
html body .umangerp-app .job-item-stage-table thead th.job-step-color-6{background:#fecdd3!important;color:#9f1239!important}
html body .umangerp-app .job-item-stage-table tbody td.job-step-color-6{background:#fff1f2!important}
html body .umangerp-app .job-item-stage-table thead th.job-step-color-7{background:#cbd5e1!important;color:#334155!important}
html body .umangerp-app .job-item-stage-table tbody td.job-step-color-7{background:#f8fafc!important}

/* v1.0.377 - Quality Check Due hold highlighting */
.qc-due-table tbody tr.qc-hold-row > td{background:#fff3e0 !important;}
.qc-due-table tbody tr.qc-hold-row:hover > td{background:#ffe8c2 !important;}

/* v1.0.386 Lead workflow summary columns */
.lead-quotation-table-link{font-weight:700;text-decoration:underline;white-space:nowrap}.lead-table th:nth-last-child(4),.lead-table th:nth-last-child(3),.lead-table th:nth-last-child(2){text-align:center}.lead-table td:nth-last-child(4),.lead-table td:nth-last-child(3),.lead-table td:nth-last-child(2){text-align:center;white-space:nowrap}


/* v1.0.387 - Lead Recce / Design / Quotation columns after Estimate with distinct backgrounds */
html body .umangerp-app .lead-table thead th.lead-pipeline-recce{background:#fed7aa!important;color:#9a3412!important;text-align:center!important}
html body .umangerp-app .lead-table tbody td.lead-pipeline-recce{background:#fff7ed!important;text-align:center!important;white-space:nowrap!important}
html body .umangerp-app .lead-table thead th.lead-pipeline-design{background:#e9d5ff!important;color:#6b21a8!important;text-align:center!important}
html body .umangerp-app .lead-table tbody td.lead-pipeline-design{background:#faf5ff!important;text-align:center!important;white-space:nowrap!important}
html body .umangerp-app .lead-table thead th.lead-pipeline-quotation{background:#bfdbfe!important;color:#1e3a8a!important;text-align:center!important}
html body .umangerp-app .lead-table tbody td.lead-pipeline-quotation{background:#eff6ff!important;text-align:center!important;white-space:nowrap!important}

/* v1.0.388: Project pipeline columns use the same visual language as Leads. */
html body .umangerp-app .order-expand-table thead th.lead-pipeline-recce{background:#fed7aa!important;color:#9a3412!important;text-align:center!important}
html body .umangerp-app .order-expand-table tbody td.lead-pipeline-recce{background:#fff7ed!important;text-align:center!important;white-space:nowrap!important}
html body .umangerp-app .order-expand-table thead th.lead-pipeline-design{background:#e9d5ff!important;color:#6b21a8!important;text-align:center!important}
html body .umangerp-app .order-expand-table tbody td.lead-pipeline-design{background:#faf5ff!important;text-align:center!important;white-space:nowrap!important}
html body .umangerp-app .order-expand-table thead th.lead-pipeline-quotation{background:#bfdbfe!important;color:#1d4ed8!important;text-align:center!important}
html body .umangerp-app .order-expand-table tbody td.lead-pipeline-quotation{background:#eff6ff!important;text-align:center!important;white-space:nowrap!important}
/* v1.0.392 - Leads In Progress value-wise AppSheet-style grouping */
.lead-valuewise-toggle.active{background:#14b8a6!important;color:#fff!important;border-color:#14b8a6!important}
.lead-value-group-row td{background:#f7f8fa!important;color:#111827!important;font-weight:600!important;padding:10px 12px!important;border-top:1px solid #dfe3e8!important;border-bottom:1px solid #e7eaee!important;position:sticky;left:0;z-index:1}
.lead-value-group-title{display:inline-block;margin-right:8px}
.lead-value-group-count{display:inline-flex;min-width:22px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:5px;background:#e5e7eb;color:#4b5563;font-size:11px;font-weight:700}
.lead-valuewise-summary{padding:12px 0 2px;color:#475569;font-size:12px}

/* v1.0.393 - Value-wise group headings: cleaner labels and distinct group colours */
.lead-value-group-row.lead-value-group-gt1cr td{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}
.lead-value-group-row.lead-value-group-50l_1cr td{background:#ffedd5!important;color:#9a3412!important;border-color:#fed7aa!important}
.lead-value-group-row.lead-value-group-10l_50l td{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important}
.lead-value-group-row.lead-value-group-1l_10l td{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}
.lead-value-group-row.lead-value-group-lt1l td{background:#dbeafe!important;color:#1e40af!important;border-color:#bfdbfe!important}
.lead-value-group-row.lead-value-group-no_estimate td{background:#f1f5f9!important;color:#475569!important;border-color:#e2e8f0!important}
.lead-value-group-row .lead-value-group-count{background:rgba(255,255,255,.72)!important;color:inherit!important}

/* v1.0.406 Project Sheet */
.project-sheet-section{margin-top:22px;padding-top:18px;border-top:1px solid #dce6eb}
.project-sheet-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
.project-sheet-heading h3{margin:0;font-size:16px;font-weight:700;color:#152033}
.project-sheet-heading span{font-size:11px;color:#697586;background:#f2f5f7;border-radius:12px;padding:4px 8px}
.project-sheet-grid{align-items:start}
.project-sheet-detail-card{margin-top:14px}
.project-sheet-detail-grid strong{white-space:pre-wrap}
@media(max-width:760px){.project-sheet-heading{align-items:flex-start}.project-sheet-grid{grid-template-columns:1fr}}
/* v1.0.410 - Compact Project Sheet in Project Details */
.project-detail-page .project-sheet-detail-card{margin-top:8px!important}
.project-detail-page .project-sheet-detail-card .lead-record-card-title{padding:7px 10px!important;min-height:34px!important}
.project-detail-page .project-sheet-detail-card .project-sheet-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.project-detail-page .project-sheet-detail-card .lead-detail-field{padding:6px 10px!important;min-height:46px!important}
.project-detail-page .project-sheet-detail-card .lead-detail-field span{font-size:9.5px!important;margin-bottom:2px!important;line-height:1.15!important}
.project-detail-page .project-sheet-detail-card .lead-detail-field strong{font-size:12px!important;line-height:1.25!important}
.project-detail-page .project-sheet-detail-card .project-detail-terms{grid-column:span 2!important;min-height:48px!important;border-right:1px solid #e5efed!important}
.project-detail-page .project-sheet-detail-card .project-detail-terms strong{white-space:pre-wrap!important}
@media(max-width:1000px){.project-detail-page .project-sheet-detail-card .project-sheet-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-detail-page .project-sheet-detail-card .project-detail-terms{grid-column:1/-1!important}}
@media(max-width:620px){.project-detail-page .project-sheet-detail-card .project-sheet-detail-grid{grid-template-columns:1fr!important}.project-detail-page .project-sheet-detail-card .project-detail-terms{grid-column:1!important}}

/* v1.0.414 — Add Job location + locked quotation dimensions */
.production-line-table .job-location{min-width:130px;}
.production-line-table .job-width[readonly],.production-line-table .job-height[readonly]{background:#f3f6f8;cursor:not-allowed;}

/* v1.0.417 - Add Job quotation/job quantity reference columns */
.production-line-table th:nth-child(5),.production-line-table td:nth-child(5),
.production-line-table th:nth-child(6),.production-line-table td:nth-child(6){min-width:82px!important;width:82px!important;}
.production-line-table .job-qtn-qty,.production-line-table .job-total-qty{min-width:72px!important;text-align:center!important;background:#f8fafc!important;}


/* v1.0.418 - Compact Add Job item columns */
html body .umangerp-app .production-line-table table{
  width:1195px!important;
  min-width:1195px!important;
  table-layout:fixed!important;
}
html body .umangerp-app .production-line-table th:nth-child(1),
html body .umangerp-app .production-line-table td:nth-child(1){width:220px!important;min-width:220px!important}
html body .umangerp-app .production-line-table th:nth-child(2),
html body .umangerp-app .production-line-table td:nth-child(2),
html body .umangerp-app .production-line-table th:nth-child(3),
html body .umangerp-app .production-line-table td:nth-child(3){width:78px!important;min-width:78px!important}
html body .umangerp-app .production-line-table th:nth-child(4),
html body .umangerp-app .production-line-table td:nth-child(4){width:112px!important;min-width:112px!important}
html body .umangerp-app .production-line-table th:nth-child(5),
html body .umangerp-app .production-line-table td:nth-child(5),
html body .umangerp-app .production-line-table th:nth-child(6),
html body .umangerp-app .production-line-table td:nth-child(6){width:72px!important;min-width:72px!important}
html body .umangerp-app .production-line-table th:nth-child(7),
html body .umangerp-app .production-line-table td:nth-child(7){width:78px!important;min-width:78px!important}
html body .umangerp-app .production-line-table th:nth-child(8),
html body .umangerp-app .production-line-table td:nth-child(8){width:84px!important;min-width:84px!important}
html body .umangerp-app .production-line-table th:nth-child(9),
html body .umangerp-app .production-line-table td:nth-child(9){width:100px!important;min-width:100px!important}
html body .umangerp-app .production-line-table th:nth-child(10),
html body .umangerp-app .production-line-table td:nth-child(10){width:245px!important;min-width:245px!important}
html body .umangerp-app .production-line-table th:nth-child(11),
html body .umangerp-app .production-line-table td:nth-child(11){width:54px!important;min-width:54px!important;text-align:center!important}
html body .umangerp-app .production-line-table th,
html body .umangerp-app .production-line-table td{padding-left:7px!important;padding-right:7px!important}
html body .umangerp-app .production-line-table input,
html body .umangerp-app .production-line-table select,
html body .umangerp-app .production-line-table .erp-search-select,
html body .umangerp-app .production-line-table .job-steps-dropdown{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
html body .umangerp-app .production-line-table .job-qtn-qty,
html body .umangerp-app .production-line-table .job-total-qty{min-width:0!important;width:100%!important}

/* v1.0.419 - Prevent Add Job item-field overlap */
html body .umangerp-app .production-line-table table{width:1325px!important;min-width:1325px!important;table-layout:fixed!important}
html body .umangerp-app .production-line-table th,html body .umangerp-app .production-line-table td{overflow:hidden!important;vertical-align:middle!important;padding-left:6px!important;padding-right:6px!important}
html body .umangerp-app .production-line-table th:nth-child(1),html body .umangerp-app .production-line-table td:nth-child(1){width:220px!important;min-width:220px!important}
html body .umangerp-app .production-line-table th:nth-child(2),html body .umangerp-app .production-line-table td:nth-child(2),html body .umangerp-app .production-line-table th:nth-child(3),html body .umangerp-app .production-line-table td:nth-child(3){width:82px!important;min-width:82px!important}
html body .umangerp-app .production-line-table th:nth-child(4),html body .umangerp-app .production-line-table td:nth-child(4){width:118px!important;min-width:118px!important}
html body .umangerp-app .production-line-table th:nth-child(5),html body .umangerp-app .production-line-table td:nth-child(5),html body .umangerp-app .production-line-table th:nth-child(6),html body .umangerp-app .production-line-table td:nth-child(6){width:78px!important;min-width:78px!important}
html body .umangerp-app .production-line-table th:nth-child(7),html body .umangerp-app .production-line-table td:nth-child(7){width:88px!important;min-width:88px!important}
html body .umangerp-app .production-line-table th:nth-child(8),html body .umangerp-app .production-line-table td:nth-child(8){width:100px!important;min-width:100px!important}
html body .umangerp-app .production-line-table th:nth-child(9),html body .umangerp-app .production-line-table td:nth-child(9){width:105px!important;min-width:105px!important}
html body .umangerp-app .production-line-table th:nth-child(10),html body .umangerp-app .production-line-table td:nth-child(10){width:245px!important;min-width:245px!important}
html body .umangerp-app .production-line-table th:nth-child(11),html body .umangerp-app .production-line-table td:nth-child(11){width:72px!important;min-width:72px!important;text-align:center!important}
html body .umangerp-app .production-line-table input,html body .umangerp-app .production-line-table select,html body .umangerp-app .production-line-table .erp-search-select,html body .umangerp-app .production-line-table .job-steps-dropdown{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
html body .umangerp-app .production-line-table input,html body .umangerp-app .production-line-table select{padding-left:8px!important;padding-right:8px!important}
html body .umangerp-app .production-line-table .line-action-cell{padding-left:4px!important;padding-right:4px!important;overflow:visible!important}

/* v1.0.420 - Rebalance Add Job column widths without overlap */
html body .umangerp-app .production-line-table th:nth-child(4),
html body .umangerp-app .production-line-table td:nth-child(4){width:180px!important;min-width:180px!important;}
html body .umangerp-app .production-line-table th:nth-child(10),
html body .umangerp-app .production-line-table td:nth-child(10),
html body .umangerp-app .production-line-table .job-steps-cell{width:183px!important;min-width:183px!important;}
html body .umangerp-app .production-line-table .job-steps-dropdown{width:100%!important;min-width:0!important;max-width:100%!important;}
html body .umangerp-app .production-line-table .job-steps-toggle{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
html body .umangerp-app .production-line-table .job-location{min-width:0!important;width:100%!important;box-sizing:border-box!important;}


/* v1.0.421 — Compact Add Job grid, clearly defined cell and field borders */
html body .umangerp-app .production-line-table table{
  width:1180px!important;min-width:1180px!important;table-layout:fixed!important;
  border-collapse:separate!important;border-spacing:0!important;
  border:1px solid #94a3b8!important;border-radius:8px!important;
}
html body .umangerp-app .production-line-table th:nth-child(1),html body .umangerp-app .production-line-table td:nth-child(1){width:205px!important;min-width:205px!important;max-width:205px!important;}
html body .umangerp-app .production-line-table th:nth-child(2),html body .umangerp-app .production-line-table td:nth-child(2){width:70px!important;min-width:70px!important;max-width:70px!important;}
html body .umangerp-app .production-line-table th:nth-child(3),html body .umangerp-app .production-line-table td:nth-child(3){width:70px!important;min-width:70px!important;max-width:70px!important;}
html body .umangerp-app .production-line-table th:nth-child(4),html body .umangerp-app .production-line-table td:nth-child(4){width:180px!important;min-width:180px!important;max-width:180px!important;}
html body .umangerp-app .production-line-table th:nth-child(5),html body .umangerp-app .production-line-table td:nth-child(5){width:68px!important;min-width:68px!important;max-width:68px!important;}
html body .umangerp-app .production-line-table th:nth-child(6),html body .umangerp-app .production-line-table td:nth-child(6){width:68px!important;min-width:68px!important;max-width:68px!important;}
html body .umangerp-app .production-line-table th:nth-child(7),html body .umangerp-app .production-line-table td:nth-child(7){width:80px!important;min-width:80px!important;max-width:80px!important;}
html body .umangerp-app .production-line-table th:nth-child(8),html body .umangerp-app .production-line-table td:nth-child(8){width:86px!important;min-width:86px!important;max-width:86px!important;}
html body .umangerp-app .production-line-table th:nth-child(9),html body .umangerp-app .production-line-table td:nth-child(9){width:98px!important;min-width:98px!important;max-width:98px!important;}
html body .umangerp-app .production-line-table th:nth-child(10),html body .umangerp-app .production-line-table td:nth-child(10){width:180px!important;min-width:180px!important;max-width:180px!important;}
html body .umangerp-app .production-line-table th:nth-child(11),html body .umangerp-app .production-line-table td:nth-child(11){width:65px!important;min-width:65px!important;max-width:65px!important;}
html body .umangerp-app .production-line-table th,
html body .umangerp-app .production-line-table td{
  padding:5px!important;box-sizing:border-box!important;
  border-right:1px solid #aebcc8!important;border-bottom:1px solid #aebcc8!important;
  overflow:hidden!important;vertical-align:middle!important;
}
html body .umangerp-app .production-line-table th:last-child,
html body .umangerp-app .production-line-table td:last-child{border-right:0!important;}
html body .umangerp-app .production-line-table tbody tr:last-child td{border-bottom:0!important;}
html body .umangerp-app .production-line-table thead th{
  height:35px!important;padding:6px 5px!important;font-size:11px!important;
  line-height:1.2!important;white-space:normal!important;
  border-right-color:#53c8bb!important;border-bottom:1px solid #0b9d91!important;
}
html body .umangerp-app .production-line-table input,
html body .umangerp-app .production-line-table select,
html body .umangerp-app .production-line-table .erp-search-select,
html body .umangerp-app .production-line-table .job-steps-toggle{
  min-height:34px!important;height:34px!important;
  padding:5px 7px!important;font-size:12px!important;
  border:1px solid #94a3b8!important;border-radius:6px!important;
  box-sizing:border-box!important;max-width:100%!important;
}
html body .umangerp-app .production-line-table .job-steps-toggle{display:flex!important;gap:4px!important;}
html body .umangerp-app .production-line-table .job-steps-value{font-size:11.5px!important;}
html body .umangerp-app .production-line-table input:focus,
html body .umangerp-app .production-line-table select:focus,
html body .umangerp-app .production-line-table .job-steps-toggle:focus{
  border-color:#0caa9d!important;outline:1px solid #0caa9d!important;
}
html body .umangerp-app .production-line-table .job-steps-cell{
  width:180px!important;min-width:180px!important;max-width:180px!important;
}
.job-steps-menu.job-steps-menu-floating{
  min-width:205px!important;max-width:240px!important;max-height:190px!important;
  padding:4px!important;border:1px solid #94a3b8!important;
  box-shadow:0 8px 20px rgba(15,23,42,.15)!important;
}
.job-steps-menu.job-steps-menu-floating .job-step-option{
  min-height:29px!important;padding:5px 7px!important;gap:7px!important;
}
.job-steps-menu.job-steps-menu-floating .job-step-option input[type="checkbox"]{
  width:15px!important;height:15px!important;min-width:15px!important;
}
.job-steps-menu.job-steps-menu-floating .job-step-option span{font-size:12px!important;}


/* v1.0.423 — Add Job: make Width/Height/Quantity/Unit field borders as clear as Qtn Qty */
html body .umangerp-app .production-line-table .job-width,
html body .umangerp-app .production-line-table .job-height,
html body .umangerp-app .production-line-table .job-quantity,
html body .umangerp-app .production-line-table .job-uom-select,
html body .umangerp-app .production-line-table .erp-job-unit-select .erp-search-select-input,
html body .umangerp-app .production-line-table .erp-job-unit-select .erp-native-select{
  border:1px solid #8ea5b8!important;
  box-shadow:inset 0 0 0 1px rgba(142,165,184,.18)!important;
}
html body .umangerp-app .production-line-table .job-width,
html body .umangerp-app .production-line-table .job-height,
html body .umangerp-app .production-line-table .job-uom-select,
html body .umangerp-app .production-line-table .erp-job-unit-select .erp-search-select-input,
html body .umangerp-app .production-line-table .erp-job-unit-select .erp-native-select{
  background:#f8fafc!important;
}
html body .umangerp-app .production-line-table .job-quantity{
  background:#fff!important;
}
html body .umangerp-app .production-line-table .erp-job-unit-select{padding:0!important;}
html body .umangerp-app .production-line-table .erp-job-unit-select .erp-search-select-input{
  width:100%!important;
  min-height:36px!important;
  max-height:36px!important;
  line-height:22px!important;
}
html body .umangerp-app .production-line-table .job-width[readonly],
html body .umangerp-app .production-line-table .job-height[readonly]{
  background:#f8fafc!important;
}


/* v1.0.424 — structural fix: no clipped internal input borders in the Job grid */
html body .umangerp-app .production-line-table {
  max-width:100%!important; overflow-x:auto!important;
}
html body .umangerp-app .production-line-table table {
  width:100%!important; min-width:1170px!important;
  table-layout:fixed!important; border-spacing:0!important;
}
html body .umangerp-app .production-line-table tbody td {
  box-sizing:border-box!important;
  padding:5px 6px!important;
  overflow:hidden!important;
}
html body .umangerp-app .production-line-table tbody td > input:not([type="hidden"]),
html body .umangerp-app .production-line-table tbody td > .erp-search-select,
html body .umangerp-app .production-line-table tbody td > .job-steps-dropdown {
  width:100%!important; min-width:0!important; max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
}
html body .umangerp-app .production-line-table tbody td > input.job-width,
html body .umangerp-app .production-line-table tbody td > input.job-height,
html body .umangerp-app .production-line-table tbody td > input.job-quantity,
html body .umangerp-app .production-line-table tbody td > input.job-qtn-qty,
html body .umangerp-app .production-line-table tbody td > input.job-total-qty,
html body .umangerp-app .production-line-table tbody td > input.job-area,
html body .umangerp-app .production-line-table .erp-job-unit-select > .erp-search-select-input {
  width:100%!important; min-width:0!important; max-width:100%!important;
  height:36px!important; min-height:36px!important;
  box-sizing:border-box!important;
  border:1px solid #91a8bb!important;
  border-radius:6px!important;
  padding:5px 7px!important;
  display:block!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
  outline:none;
}
html body .umangerp-app .production-line-table .erp-job-unit-select,
html body .umangerp-app .production-line-table .erp-particulars-select {
  width:100%!important; min-width:0!important; max-width:100%!important;
  height:36px!important; box-sizing:border-box!important;
  padding:0!important; border:0!important; box-shadow:none!important;
  background:transparent!important; border-radius:0!important;
}
html body .umangerp-app .production-line-table .erp-particulars-select::before {
  content:none!important; display:none!important;
}
html body .umangerp-app .production-line-table .erp-particulars-select > .erp-search-select-input {
  border:1px solid #91a8bb!important;
  border-radius:6px!important;
  box-shadow:none!important;
  min-width:0!important; width:100%!important;
  max-width:100%!important; box-sizing:border-box!important;
}
html body .umangerp-app .production-line-table .erp-job-unit-select > select.erp-native-select,
html body .umangerp-app .production-line-table .erp-particulars-select > select.erp-native-select {
  display:none!important; position:absolute!important; width:0!important;
  height:0!important; border:0!important; padding:0!important;
}

/* v1.0.425 — consistent grey background for non-editable form fields. */
html body .umangerp-app form input[readonly]:not([type="hidden"]),
html body .umangerp-app form textarea[readonly],
html body .umangerp-app form select:disabled,
html body .umangerp-app form input:disabled:not([type="hidden"]),
html body .umangerp-app form textarea:disabled,
html body .umangerp-app form .erp-readonly:not([type="hidden"]) {
  background-color:#e9eef2!important;
  color:#475467!important;
  opacity:1!important;
}
/* Keep locked Job dimensions, quantities and calculated area visibly grey,
   even when older Job-row rules assign a white or near-white background. */
html body .umangerp-app .production-line-table input.job-width[readonly],
html body .umangerp-app .production-line-table input.job-height[readonly],
html body .umangerp-app .production-line-table input.job-qtn-qty[readonly],
html body .umangerp-app .production-line-table input.job-total-qty[readonly],
html body .umangerp-app .production-line-table input.job-area[readonly] {
  background-color:#e9eef2!important;
  border:1px solid #91a8bb!important;
  opacity:1!important;
}


/* v1.0.427: Jobs Master edit form uses the same responsive page width as Add Job. */
html body .umangerp-app.umangerp-job-edit-page .umangerp-main{min-width:0!important;max-width:none!important;display:block!important;flex:1 1 auto!important;}
html body .umangerp-app.umangerp-job-edit-page .umangerp-content{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;}
html body .umangerp-app.umangerp-job-edit-page .job-form-panel{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;}
html body .umangerp-app.umangerp-job-edit-page .job-form-panel > .production-work-order-form{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;}
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form > .form-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:none!important;gap:10px!important;}
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form .line-box,
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form .production-line-table{width:100%!important;max-width:100%!important;min-width:0!important;}
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form .production-line-table{overflow-x:auto!important;}
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form .production-line-table table{width:100%!important;min-width:1170px!important;table-layout:fixed!important;}
@media(max-width:1000px){html body .umangerp-app.umangerp-job-edit-page .production-work-order-form>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){html body .umangerp-app.umangerp-job-edit-page .production-work-order-form>.form-grid{grid-template-columns:1fr!important;}}


/* v1.0.428 – Jobs Master edit layout: enforce desktop viewport canvas */
html body .umangerp-app.umangerp-job-edit-page{
 display:block!important;position:relative!important;width:100vw!important;max-width:100vw!important;
 min-width:0!important;margin-left:calc(50% - 50vw)!important;
}
html body .umangerp-app.umangerp-job-edit-page .umangerp-main{
 display:block!important;position:relative!important;box-sizing:border-box!important;
 width:calc(100vw - 270px)!important;min-width:0!important;max-width:none!important;
 margin-left:270px!important;flex:none!important;
}
html body .umangerp-app.umangerp-job-edit-page .umangerp-top,
html body .umangerp-app.umangerp-job-edit-page .umangerp-content{
 box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
 margin-left:0!important;margin-right:0!important;
}
html body .umangerp-app.umangerp-job-edit-page .umangerp-content>.job-form-panel,
html body .umangerp-app.umangerp-job-edit-page .umangerp-content>.form-panel,
html body .umangerp-app.umangerp-job-edit-page .job-form-panel,
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form,
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form fieldset,
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form fieldset>.form-grid,
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form .line-box {
 display:block;box-sizing:border-box!important;width:100%!important;min-width:0!important;
 max-width:none!important;margin-left:0!important;margin-right:0!important;
}
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form fieldset>.form-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
}
html body .umangerp-app.umangerp-job-edit-page .production-work-order-form .production-line-table{
 width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;
}
@media(max-width:800px){
 html body .umangerp-app.umangerp-job-edit-page .umangerp-main{
  width:100%!important;margin-left:0!important;
 }
 html body .umangerp-app.umangerp-job-edit-page .production-work-order-form fieldset>.form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:520px){html body .umangerp-app.umangerp-job-edit-page .production-work-order-form fieldset>.form-grid{grid-template-columns:1fr!important;}}

/* v1.0.430 — Edit Job portal. The shortcode can be placed inside a
   constrained WordPress content wrapper; relocate the rendered app to body. */
html body.umangerp-edit-portal-open{overflow:hidden!important;}
html body > .umangerp-app.umangerp-job-edit-page{
  position:fixed!important;inset:0!important;z-index:99990!important;
  display:flex!important;width:100vw!important;height:100dvh!important;
  max-width:none!important;min-width:0!important;margin:0!important;
  overflow:hidden!important;background:#f4f7fb!important;
}
html body > .umangerp-app.umangerp-job-edit-page .umangerp-main{
  display:block!important;position:relative!important;
  margin-left:270px!important;width:calc(100% - 270px)!important;
  min-width:0!important;max-width:none!important;height:100dvh!important;
  overflow:auto!important;flex:none!important;
}
html body > .umangerp-app.umangerp-job-edit-page .umangerp-side{
  z-index:100!important;
}
html body > .umangerp-app.umangerp-job-edit-page .umangerp-content,
html body > .umangerp-app.umangerp-job-edit-page .job-form-panel{
  display:block!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;max-width:none!important;
}
html body > .umangerp-app.umangerp-job-edit-page .production-work-order-form{
  display:block!important;width:100%!important;max-width:none!important;
}
html body > .umangerp-app.umangerp-job-edit-page .production-work-order-form > .form-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:800px){
 html body > .umangerp-app.umangerp-job-edit-page .umangerp-main{
  margin-left:0!important;width:100%!important;
 }
 html body > .umangerp-app.umangerp-job-edit-page .production-work-order-form > .form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:520px){
 html body > .umangerp-app.umangerp-job-edit-page .production-work-order-form > .form-grid{
  grid-template-columns:1fr!important;
 }
}
/* v1.0.435 delivery conditional handler */
.umangerp-app .add-delivery-form .delivery-party-field[hidden]{display:none!important;}
.umangerp-app .add-delivery-form .delivery-party-field:not([hidden]){display:flex;flex-direction:column;}


/* v1.0.437 - Edit Job portal responds to Show/Hide left menu.
   v1.0.430 gave the portalled main a fixed 270px offset which won over
   the normal sidebar-collapsed rule due to selector specificity. */
@media (min-width:801px){
 html body > .umangerp-app.umangerp-job-edit-page.sidebar-collapsed .umangerp-main{
   margin-left:0!important;
   width:100%!important;
   max-width:none!important;
   min-width:0!important;
 }
 html body > .umangerp-app.umangerp-job-edit-page.sidebar-collapsed .umangerp-side{
   transform:translateX(-100%)!important;
 }
}


/* v1.0.451 – multicolour sidebar matching approved UI mockup. */
html body .umangerp-app .umangerp-side{background:#142238!important;}
html body .umangerp-app .umangerp-side nav{padding:10px 9px 16px!important;}
html body .umangerp-app .umangerp-side nav > .group{margin:4px 0 7px!important;border-radius:10px;overflow:hidden;}
html body .umangerp-app .umangerp-side nav > .nav{margin:4px 0 7px!important;}
html body .umangerp-app .umangerp-side nav > .group > .heading,
html body .umangerp-app .umangerp-side nav > .nav{border-radius:9px!important;color:#fff!important;font-weight:700!important;min-height:43px!important;box-shadow:inset 0 1px rgba(255,255,255,.10)!important;transition:filter .15s ease!important;}
html body .umangerp-app .umangerp-side nav > .group > .heading:hover,
html body .umangerp-app .umangerp-side nav > .nav:hover{filter:brightness(1.13)!important;}
html body .umangerp-app .umangerp-side nav > .group.open > .heading{border-radius:9px 9px 0 0!important;}
html body .umangerp-app .umangerp-side nav > .group.open > .sub{background:#102037!important;border-radius:0 0 9px 9px!important;padding-bottom:7px!important;}
html body .umangerp-app .umangerp-side nav > .group.open > .sub a{color:#dce9f4!important;}
html body .umangerp-app .umangerp-side nav > .group.open > .sub a.active{background:#11b4a7!important;color:#fff!important;}
html body .umangerp-app .umangerp-side nav > .group > .heading .menu-count-badge{background:#ffffff30!important;color:#fff!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-dashboard > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-dashboard{background:linear-gradient(110deg,#244578,#17335b)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-leads > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-leads{background:linear-gradient(110deg,#008e7b,#005d62)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-recce > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-recce{background:linear-gradient(110deg,#d75b16,#96400d)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-designs > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-designs{background:linear-gradient(110deg,#6937ba,#452285)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-quotations > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-quotations{background:linear-gradient(110deg,#b92e78,#821c53)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-orders > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-orders{background:linear-gradient(110deg,#059c90,#00645f)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-delivery > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-delivery{background:linear-gradient(110deg,#b58a0b,#745000)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-invoices > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-invoices{background:linear-gradient(110deg,#087bd8,#074b91)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-complaints > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-complaints{background:linear-gradient(110deg,#be2d4c,#831e37)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-production > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-production{background:linear-gradient(110deg,#294be2,#142ea8)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-master > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-master{background:linear-gradient(110deg,#087e8e,#06515e)!important;}
html body .umangerp-app .umangerp-side nav > .menu-theme-settings > .heading,html body .umangerp-app .umangerp-side nav > a.menu-theme-settings{background:linear-gradient(110deg,#6729b8,#421a80)!important;}

/* v1.0.452 Master step actions */
.step-master-actions{white-space:nowrap}.step-master-actions button{padding:5px 9px!important;min-width:30px}

/* v1.0.453 quotation bulk tools */
.quotation-bulk-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.quotation-bulk-message{font-size:12px;color:#087b70;max-width:460px}.quotation-bulk-message:empty{display:none}.quotation-bulk-message.bulk-error{color:#b42318}

/* v1.0.456 — context message follows active Pending Step view */
.umangerp-app .step-change-stage-message{margin:3px 0 7px;font-size:12px;font-weight:600;color:#475467}

/* v1.0.457: unavailable assignee selector is visibly disabled. */
#step-change-modal .step-new-machine select:disabled,
#step-change-modal .step-new-vendor select:disabled {
  background-color:#edf0f4!important;
  color:#8b96a6!important;
  border-color:#cbd2dc!important;
  opacity:.7!important;
  cursor:not-allowed!important;
}

/* v1.0.463 Wastage */
.umangerp-app .wastage-panel{padding:20px!important;border:1px solid #12b8a6;border-radius:12px;background:white}
.umangerp-app .wastage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}
.umangerp-app .wastage-grid label,.umangerp-app .wastage-filters label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:12px}
.umangerp-app .wastage-grid input,.umangerp-app .wastage-grid select,.umangerp-app .wastage-grid textarea,.umangerp-app .wastage-filters input,.umangerp-app .wastage-filters select{width:100%;min-width:0;min-height:38px;border:1px solid #12b8a6;border-radius:7px;padding:8px;background:white;box-sizing:border-box}
.umangerp-app .wastage-grid .wastage-remarks{grid-column:span 3}.umangerp-app .wastage-photo{grid-column:span 1}.umangerp-app .wastage-buttons{display:flex;gap:10px;margin-top:18px}.umangerp-app .wastage-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.umangerp-app .wastage-filters label{flex:1 1 145px}.umangerp-app .wastage-panel .table-wrap{overflow-x:auto}
@media(max-width:900px){.umangerp-app .wastage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.umangerp-app .wastage-grid .wastage-remarks{grid-column:span 2}}
@media(max-width:520px){.umangerp-app .wastage-grid{grid-template-columns:1fr}.umangerp-app .wastage-grid .wastage-remarks,.umangerp-app .wastage-photo{grid-column:span 1}}

/* v1.0.468 — grouped Users view permissions */
.umangerp-app .permission-groups{margin:18px 0 24px!important}
.umangerp-app .permission-groups-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.umangerp-app .permission-groups-top h3{margin:0 0 4px;font-size:19px;color:#17233b}
.umangerp-app .permission-groups-top p{margin:0;color:#64748b;font-size:12px}
.umangerp-app .permission-global-toggle,.umangerp-app .permission-group-toggle{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:600;font-size:12px;color:#17314b;cursor:pointer}
.umangerp-app .permission-groups input[type=checkbox]{width:17px!important;height:17px!important;min-width:17px!important;accent-color:#0cb7aa;cursor:pointer;margin:0!important}
.umangerp-app .permission-group{border:1px solid #dce5e9;border-radius:10px;margin:9px 0;background:#fff;overflow:hidden}
.umangerp-app .permission-group.is-open{border-color:#3acbbb}
.umangerp-app .permission-group-bar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:11px 14px;background:#f7fafb}
.umangerp-app .permission-group.is-open .permission-group-bar{background:#ebfaf7}
.umangerp-app button.permission-group-expand{background:transparent!important;border:0!important;color:#1d3047!important;padding:0!important;box-shadow:none!important;display:flex;align-items:center;gap:12px;flex:1;text-align:left;cursor:pointer;min-width:0}
.umangerp-app .permission-group-symbol{width:32px;height:32px;border-radius:8px;background:#10b7a7;color:white;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
.umangerp-app .permission-group:nth-of-type(3n) .permission-group-symbol{background:#6551cb}
.umangerp-app .permission-group:nth-of-type(3n + 1) .permission-group-symbol{background:#127acb}
.umangerp-app .permission-group-heading{display:flex;flex-direction:column;gap:2px}.umangerp-app .permission-group-heading strong{font-size:13px}.umangerp-app .permission-group-heading small{font-size:11px;color:#718096}
.umangerp-app .permission-chevron{margin-left:auto;color:#718096;font-size:19px;transform:rotate(-90deg)}.umangerp-app .permission-group.is-open .permission-chevron{transform:none}
.umangerp-app .permission-group-items{display:none;padding:10px 14px 14px;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:9px}
.umangerp-app .permission-group.is-open .permission-group-items{display:grid}
.umangerp-app .permission-chip{display:flex;align-items:center;gap:9px;background:#f1f8f7;border-radius:7px;min-height:35px;padding:8px 10px;cursor:pointer;color:#253848;font-size:12px;overflow-wrap:anywhere}
@media(max-width:640px){.umangerp-app .permission-group-items{grid-template-columns:1fr}.umangerp-app .permission-group-bar{padding:9px;gap:8px}}

/* v1.0.469 — In-page full Users Master window launched from Assigned To */
body.lead-user-dialog-open{overflow:hidden!important}
#lead-full-user-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(9,24,44,.65)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;box-sizing:border-box!important}
#lead-full-user-modal .lead-full-user-panel{height:min(92vh,1000px)!important;width:min(94vw,1420px)!important;min-width:0!important;background:#fff!important;border:1px solid #0fb7a9!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important}
#lead-full-user-modal .lead-full-user-bar{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:9px 16px!important;border-bottom:1px solid #dbe5e9!important;color:#142b42!important;background:#fff!important}
#lead-full-user-modal .lead-full-user-bar>div{display:flex!important;gap:9px!important}
#lead-full-user-modal .lead-full-user-bar button{background:#fff!important;color:#145c61!important;border:1px solid #0fb7a9!important;border-radius:6px!important;padding:6px 12px!important;cursor:pointer!important}
#lead-full-user-modal .lead-user-close{font-size:18px!important}
#lead-full-user-modal .lead-full-user-frame{width:100%!important;flex:1!important;min-height:0!important;border:0!important;background:#f5f8fa!important}
@media(max-width:650px){#lead-full-user-modal{padding:4px!important}#lead-full-user-modal .lead-full-user-panel{width:100%!important;height:97vh!important}}