/* Shared business workspace skin. Label canvases and print coordinates are intentionally excluded. */
@media(min-width:921px) and (max-width:1500px){body.erp-ai-rail #erpDashboard>.erp-grid:has(.erp-metric){grid-template-columns:repeat(2,minmax(0,1fr))}}
.view:not(#view-print){font-size:15px;line-height:1.55}
.view:not(#view-print)>.view-heading{margin-bottom:24px;align-items:center;gap:18px}
.view:not(#view-print)>.view-heading h2{font-size:27px;font-weight:750;letter-spacing:-.025em;line-height:1.3}
.view:not(#view-print)>.view-heading p{font-size:15px;line-height:1.6;margin-top:6px}
.view:not(#view-print) .panel,.erp-card{border-color:var(--line);border-radius:14px;box-shadow:0 2px 8px rgba(25,51,47,.035)}
.view:not(#view-print) .panel-pad{padding:22px}
.view:not(#view-print) .panel h3{font-size:19px;line-height:1.4;margin-bottom:16px}
.view:not(#view-print) .section-title{padding:19px 22px 14px}
.view:not(#view-print) .section-title h3{margin:0}
.view:not(#view-print) .btn,.pm-dialog .btn,.modal-box .btn,.pc-style-dialog .btn{
  min-height:44px;padding:10px 16px;border-radius:10px;font-size:16px;line-height:1.4;
  transition:background-color .14s,border-color .14s,box-shadow .14s
}
.view:not(#view-print) .btn.outline,.pm-dialog .btn.outline,.modal-box .btn.outline{
  color:#315d53;border-color:#cddbd4;background:#fff
}
.view:not(#view-print) .btn.outline:hover:not(:disabled),.pm-dialog .btn.outline:hover:not(:disabled){background:#f0f7f3;border-color:#86b6a4}
.view:not(#view-print) .btn.primary,.pm-dialog .btn.primary,.modal-box .btn.primary{background:var(--teal);color:#fff}
.view:not(#view-print) .btn.primary:hover:not(:disabled),.pm-dialog .btn.primary:hover:not(:disabled){background:#086459}
.view:not(#view-print) .btn:focus-visible,.pm-dialog button:focus-visible,.modal-box button:focus-visible{
  outline:3px solid #8ec7b5;outline-offset:3px
}
.view:not(#view-print) .field label{font-size:15px;line-height:1.45;margin-bottom:8px;color:#405f53}
.view:not(#view-print) .field input,.view:not(#view-print) .field select,.view:not(#view-print) .field textarea,
.erp-toolbar input,.erp-toolbar select,.search-line input{
  min-height:46px;height:auto;padding:11px 13px;border-color:#cddbd4;border-radius:9px;background:#fff;
  color:var(--ink);font-size:16px;line-height:1.35
}
.view:not(#view-print) .field input[type=checkbox],.view:not(#view-print) .field input[type=radio]{
  min-height:20px;height:20px;width:20px;padding:0
}
.view:not(#view-print) .field input:focus,.view:not(#view-print) .field select:focus,.view:not(#view-print) .field textarea:focus,
.erp-toolbar input:focus,.erp-toolbar select:focus,.search-line input:focus{
  outline:0;border-color:#489f85;box-shadow:0 0 0 3px #dff0e7
}
.view:not(#view-print) .form-grid,.erp-form{gap:18px}
.erp-toolbar{gap:12px;margin:18px 0;align-items:center}
.erp-toolbar h3{margin:0}
.erp-card{padding:21px;margin-bottom:16px}
.erp-card h3{font-size:20px;color:var(--ink)}
.erp-card p{line-height:1.6}
.erp-detail{font-size:16px;line-height:1.6}
.erp-badge,.view:not(#view-print) .badge{font-size:13px;line-height:1.4;padding:5px 10px;border-radius:7px}
.erp-warning,.erp-role-help{padding:15px 17px;border-radius:10px;font-size:15px;line-height:1.6}
.erp-warning{border:1px solid #ecdab5;background:#fff8e9;color:#80551b}
.erp-role-help{border:1px solid #d5e7de;background:#eff8f2;color:#3e6958}
.view:not(#view-print) .small,.erp-data-time{font-size:13px;line-height:1.6;color:var(--muted)}
.erp-data-time{margin:8px 0 17px}
.view:not(#view-print) .empty,.pm-empty{padding:36px 20px;font-size:16px;line-height:1.6;color:var(--muted)}
.view:not(#view-print) .search-line{padding:17px 20px;gap:12px}
.view:not(#view-print) .summary-row{padding:15px 0}
.view:not(#view-print) .summary-row span{font-size:15px}
.view:not(#view-print) .summary-row b{font-size:22px;font-variant-numeric:tabular-nums}

/* Dashboard: calm, legible metrics and real product previews. */
#erpDashboard{display:flex;flex-direction:column;min-width:0}
#erpDashboard>*{order:5;min-width:0}
#erpDashboard>.erp-data-time{order:0;margin:4px 0 14px}
#erpDashboard>.erp-grid:has(.erp-metric){order:1;grid-template-columns:repeat(4,minmax(0,1fr))}
#erpDashboard>#erpQuick{order:2}
#erpDashboard>#erpRecentStyles{order:3;margin-top:0}
#erpDashboard>section:has(>.stock-summary){order:4}
#erpDashboard .erp-grid{gap:16px}
#erpDashboard .erp-metric{padding:18px 20px;min-width:0;position:relative}
#erpDashboard .erp-metric p:first-child{font-size:15px;color:#4c665b;font-weight:600}
#erpDashboard .erp-metric strong{font-size:31px;letter-spacing:-.025em;line-height:1.25;margin:9px 0 6px;font-variant-numeric:tabular-nums;color:#146d58;overflow-wrap:anywhere}
#erpDashboard .erp-metric p:last-child{font-size:13px;color:var(--muted);line-height:1.6}
#erpQuick{padding:6px 0;margin:20px 0;gap:12px}
#erpQuick>.btn{background:#fff;color:#285b4c;border:1px solid #cddfd5;box-shadow:0 1px 3px #1c453306}
#erpQuick>.btn:hover{background:#e9f5ee;border-color:#83b69f}
#erpDevices{display:grid;gap:9px;font-size:15px;line-height:1.7}
.erp-chart-row{font-size:15px;margin:17px 0;gap:12px}
.erp-bar{height:10px;background:#e9f0ec;border-radius:8px}
.erp-bar i{border-radius:8px;background:#27896e}
.erp-recent-styles{margin:20px 0 24px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:14px}
.erp-recent-heading{align-items:center;margin-bottom:16px;gap:12px}
.erp-recent-heading h3{font-size:21px;color:var(--ink)}
.erp-recent-heading>span{font-size:13px;border-radius:20px;padding:3px 10px;background:#eaf4ee;color:#3d6c57}
.erp-recent-list{gap:10px 16px;max-height:420px}
.erp-recent-row{grid-template-columns:64px minmax(0,1fr) 58px;gap:14px;padding:12px;border:1px solid #e7ede9;border-radius:10px;background:#fcfdfb;transition:border-color .14s,background-color .14s}
.erp-recent-row:hover{background:#f1f8f3;border-color:#acd0bc}
.erp-recent-picture{width:64px;height:76px;border-radius:7px;background:#edf2ee}
.erp-recent-picture>span{font-size:12px;color:#63796b}
.erp-recent-name strong{font-size:19px;color:#244f40}
.erp-recent-name>span{font-size:16px}
.erp-recent-name small,.erp-recent-row time{font-size:12px;color:#667b70}
.stock-summary span{padding:13px 17px;border:1px solid #d9e9df;border-radius:10px;background:#eff7f2}
.stock-summary b{font-size:27px;font-variant-numeric:tabular-nums}
.stock-card{border-radius:14px}
.stock-card summary{min-height:44px;line-height:1.6}

/* Shared business tables keep horizontal scrolling rather than squeezing values. */
.view:not(#view-print) .table-wrap,.erp-table-wrap{border-radius:11px}
.view:not(#view-print) .table th,.erp-table th,.pc-sales .pc-spec-table th{
  padding:14px 16px;background:#f3f7f4;border-bottom:1px solid #dce6de;color:#526c5e;
  font-size:13px;font-weight:700;line-height:1.45
}
.view:not(#view-print) .table td,.erp-table td,.pc-sales .pc-spec-table td{
  padding:14px 16px;border-bottom:1px solid #e7ede8;font-size:15px;line-height:1.5
}
.view:not(#view-print) .table tbody tr:hover,.erp-table tbody tr:hover,.pc-sales .pc-spec-table tbody tr:hover{background:#f7faf7}
.erp-table input{min-height:40px;border-radius:7px;padding:7px 9px;font-size:16px}
.view:not(#view-print) .table .status{font-size:14px}

/* Product records: larger identities, quieter chips, more usable controls. */
.pm-root{font-size:15px;color:var(--ink)}
.pm-toolbar{gap:12px;flex-wrap:wrap;margin-bottom:18px;align-items:center}
.pm-toolbar input{max-width:480px}
.pm-primary{font-size:13px;gap:8px}
.pm-root input:not([type=checkbox]):not([type=radio]),.pm-root select,.pm-root textarea{
  min-height:46px;padding:10px 12px;border-radius:9px;border-color:#cadbd1;font-size:16px;line-height:1.4
}
.pm-root input.pm-select-style{height:20px;width:20px;min-height:20px;flex-basis:20px}
.pm-list{border:1px solid var(--line);border-radius:13px;overflow:visible;background:#fff}
.pm-row{padding:15px 18px;gap:16px;border-color:#e4ece6;background:transparent}
.pm-row:last-child{border-bottom:0}
.pm-row:hover{background:#f8fbf8}
.pm-photo{width:72px;height:78px;flex-basis:72px;border-radius:8px;background:#eef4ef;color:#62786a;font-size:12px;overflow:hidden}
.pm-upload-photo small{font-size:11px;line-height:20px;background:#e4f1e8f2;color:#276146}
.pm-name{gap:10px}
.pm-name strong{font-size:19px;letter-spacing:-.015em;color:#204f3f}
.pm-name span{font-size:16px}
.pm-main p{font-size:13px;line-height:1.55;color:#61786a;margin-top:5px}
.pm-chips{gap:7px;margin-top:8px}
.pm-chips span{font-size:13px;border-color:#dbe7de;border-radius:6px;padding:3px 8px;color:#41634f;background:#f2f7f2}
.pm-name .pm-standard-missing{font-size:12px;padding:4px 8px;border-radius:6px}
.pm-linked-tile{border-radius:7px}
.pm-linked-tile small{font-size:11px;color:#496451}
.pm-pager{padding:20px 0;gap:16px;font-size:15px}
.pm-pager .btn{min-height:44px}
.pm-family-picture,.pm-image-preview,.pm-selected-spec{border-radius:10px}
.pm-section h4,.pm-family h4{font-size:18px}
.pm-section p,.pm-group-nav p,.pm-field-help{font-size:13px;line-height:1.65}
.pm-color-list>div,.pm-alias-list>div,.pm-variants{font-size:15px}
.pm-variant-list code{font-size:13px}
.pm-variant-list>div{padding:11px 0}
.pm-source-section summary,.pm-source-grid>strong{font-size:14px}

/* Consistent business forms and dialogs; no generated label contents selected here. */
.pm-dialog,.pc-sales .pc-style-dialog,.pp-dialog,.modal-box{border-color:#cbdcd2;border-radius:16px;box-shadow:0 18px 65px #123b2b2b}
.pm-dialog::backdrop,.pc-sales .pc-style-dialog::backdrop,.pp-dialog::backdrop{background:#16382b80}
.pm-dialog{width:min(820px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
.pm-dialog header{padding:18px 22px;border-bottom-color:#dfe9e2;background:#fff}
.pm-dialog h3{font-size:23px;color:var(--ink)}
.pm-close,#pcPickerClose{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:9px;background:#f0f5f1;color:#466653}
.pm-dialog #pmEditor{padding:22px;max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px)}
.pm-form{gap:18px}
.pm-field-group{padding:19px;gap:17px;border-color:#dce7df;border-radius:11px;margin-bottom:10px}
.pm-field-group legend{font-size:18px;padding:0 8px;color:#2c654b}
.pm-dialog .pm-form label,.pm-dialog .pm-inline label{font-size:15px;line-height:1.5;color:#4f675a}
.pm-dialog .pm-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.pm-dialog .pm-form select,.pm-dialog .pm-form textarea{min-height:48px;font-size:17px}
.pm-dialog .pm-form .btn{min-height:46px;font-size:16px}
.pm-internal-fields{background:#f8fbf8}
.pm-color-token{border-radius:9px;border-color:#b5d4c1}
.pm-color-picks{gap:10px}
.pm-standard-result{border-radius:9px}
.pm-review-row{padding:17px 8px}
.pm-review-row strong{font-size:18px}
.pm-review-row span,.pm-review-row time{font-size:14px}
.pm-review-table th,.pm-review-table td{font-size:15px;padding:13px 12px}
.modal-box{padding:24px}
.modal-head{margin-bottom:20px}
.modal-head h3{font-size:22px}
.modal-actions{gap:12px;margin-top:22px}
.erp-role-options{padding:16px;border-radius:10px;border-color:#d5e2d9}
.erp-role-options legend{font-size:16px;color:#365b47}

/* Sales, inventory monitoring and production share the same surface language. */
.pc-sales,.inventory-sync{font-size:15px;color:var(--ink)}
.pc-sales .pc-intro,.pc-sales .pc-product-meta,.pc-sales .pc-feedback,.inventory-sync .is-head p{font-size:14px;line-height:1.6;color:var(--muted)}
.pc-sales .pc-card{padding:22px;border-radius:14px;border-color:var(--line);box-shadow:0 2px 7px #19372d04}
.pc-sales .pc-card-content{gap:22px}
.pc-sales .pc-product h4{font-size:19px;line-height:1.5;margin-bottom:14px}
.pc-sales .pc-match-result{border-radius:9px;font-size:14px;padding:13px 15px}
.pc-sales .pc-product-meta{overflow-wrap:anywhere}
.pc-sales .pc-image-empty{color:#667d6d;border-radius:10px;font-size:14px}
.pc-sales .pc-main-image{border-radius:10px}
.pc-sales .pc-badge{font-size:13px;padding:5px 11px}
.pc-sales input:not([type=checkbox]):not([type=radio]),.pc-sales select,
.inventory-sync input:not([type=checkbox]):not([type=radio]),.inventory-sync select{
  min-height:44px;height:auto;padding:10px 12px;border-color:#cbdcd1;border-radius:8px;font-size:15px;line-height:1.4
}
.pc-sales .pc-tools,.pc-sales .pc-filterbar,.inventory-sync .is-filters{gap:12px;margin-bottom:16px}
.pc-sales .pc-shop-filter,.pc-sales .pc-whole-binding label,.inventory-sync .is-filters label{font-size:14px;gap:7px}
.pc-sales .btn,.inventory-sync .btn{font-size:15px;min-height:44px;border-radius:9px}
.pc-sales .pc-link,.pc-sales .pc-spec-toggle{font-size:14px;min-height:36px;line-height:1.5}
.pc-sales .pc-binding-note,.pc-sales .pc-option-row small,.pc-sales .pc-spec-table td small,.inventory-sync .is-muted{font-size:13px;line-height:1.55}
.pc-sales .pc-option-row{padding:13px 14px;border-radius:9px}
.pc-sales .pc-option-row strong{font-size:15px}
.pc-sales .pc-tabs,.inventory-sync .is-tabs{margin-bottom:16px;gap:24px}
.pc-sales .pc-tab,.inventory-sync .is-tab{font-size:16px;min-height:48px}
.pc-sales .pc-picker-option{padding:12px;border-radius:10px}
.pc-sales .pc-picker-details strong{font-size:17px}
.pc-sales .pc-picker-details span{font-size:15px}
.pc-sales .pc-picker-details small{font-size:13px}
.pc-sales .pc-spec-options{gap:10px}
.pc-sales .pc-spec-options .btn{font-size:17px;min-height:46px}
.pc-sales .pc-picker-context{border-radius:7px;padding:13px 15px}
.inventory-sync .is-sync-control{padding:18px 20px;border-radius:12px;margin-bottom:16px}
.inventory-sync .is-metric{padding:17px 18px;border-radius:12px;min-height:78px}
.inventory-sync .is-metric>span{font-size:15px}
.inventory-sync .is-metric>strong{font-size:29px;font-variant-numeric:tabular-nums}
.inventory-sync .is-policy,.inventory-sync .is-execution-note,.inventory-sync .is-unlinked{padding:12px 15px;border-radius:9px;font-size:13px;line-height:1.65}
.inventory-sync .is-bulk{padding:13px 15px;border-radius:10px;gap:12px;margin-bottom:14px}
.pp-row,.pp-materials,.pp-summary{border-radius:14px;border-color:var(--line)}
.pp-material-list article{border-radius:11px}
.message-center{color:var(--ink)}
.mc-heading h2{font-size:27px}
.mc-item{padding:23px 24px;border-color:var(--line);border-radius:14px;box-shadow:0 2px 6px #19372d04}
.mc-is-unread{border-left-color:#26876c}
.mc-is-urgent{border-left-color:#b53932;background:#fff9f7}
.mc-item-title h3{font-size:21px}
.mc-tabs .btn{border-radius:10px}
.mc-empty{border-radius:12px;background:#fff}
.mc-urgent-dialog{border-radius:16px}
.mc-urgent-dialog article{border-radius:10px}

@media(max-width:1100px){
  #erpDashboard>.erp-grid:has(.erp-metric){grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-linked{flex-basis:160px}
  .pc-sales .pc-card{padding:18px}
  #erpDashboard .erp-metric{padding:18px}
}
@media(max-width:720px){
  .view:not(#view-print)>.view-heading{gap:14px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}
  .view:not(#view-print)>.view-heading h2{font-size:24px}
  .view:not(#view-print) .panel-pad{padding:18px}
  .view:not(#view-print) .section-title{padding:16px 18px 12px}
  #erpDashboard .erp-grid{gap:12px}
  #erpDashboard .erp-metric{padding:16px}
  #erpDashboard .erp-metric strong{font-size:29px}
  #erpDashboard .erp-metric p:first-child{font-size:15px}
  #erpQuick>.btn{flex:1 1 130px}
  .erp-recent-styles{padding:17px}
  .erp-recent-list{grid-template-columns:minmax(0,1fr);gap:10px;max-height:400px}
  .erp-recent-row{padding:10px;grid-template-columns:58px minmax(0,1fr) 54px;gap:11px}
  .erp-recent-picture{width:58px;height:72px}
  .erp-recent-name strong{font-size:19px}
  .erp-card{padding:18px}
  .pm-row{padding:15px;gap:12px;align-items:flex-start;flex-wrap:wrap}
  .pm-photo,.pm-select-style+.pm-photo{width:64px;height:70px;flex-basis:64px}
  .pm-main{flex:1 1 calc(100% - 108px)}
  .pm-row>.btn{margin-left:0}
  .pm-linked{margin-left:0;flex:1 1 100%;max-width:100%}
  .pm-name strong{font-size:19px}
  .pm-toolbar input{max-width:none;flex-basis:100%}
  .pm-primary{white-space:normal;flex-wrap:wrap}
  .pm-dialog header{padding:14px 16px}
  .pm-dialog h3{font-size:21px}
  .pm-dialog #pmEditor{padding:16px}
  .pm-field-group{padding:15px;gap:14px}
  .pm-field-group legend{font-size:17px}
  .modal-box{padding:20px}
  .pc-sales .pc-card{padding:16px}
  .pc-sales .pc-card-content{gap:17px}
  .pc-sales .pc-product h4{font-size:19px}
  .pc-sales .pc-topline .btn,.pc-sales .pc-whole-binding .btn,.pc-sales .pc-group-tools .btn{font-size:15px}
  .pc-sales .pc-layout-modes{margin-left:0}
  .inventory-sync .is-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-sync .is-metric:last-child{grid-column:1/-1}
  .inventory-sync .is-head{flex-wrap:wrap}
  .inventory-sync .is-head-actions{justify-content:flex-start}
  .inventory-sync .is-search{max-width:none;margin-left:0;flex-basis:100%}
  .mc-item{padding:18px}
}
@media(max-width:420px){
  #erpDashboard .erp-grid,#erpDashboard>.erp-grid:has(.erp-metric){grid-template-columns:minmax(0,1fr)}
  .erp-recent-row{grid-template-columns:54px minmax(0,1fr) 50px;gap:9px}
  .erp-recent-picture{width:54px;height:68px}
  .pm-field-group,.pm-form{grid-template-columns:minmax(0,1fr)}
  .pm-toolbar>.btn{flex:1 1 auto}
  .view:not(#view-print) .table th,.view:not(#view-print) .table td,.erp-table th,.erp-table td{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .view:not(#view-print) .btn,.erp-recent-row{transition:none}
}