/* MPMS additions. MPRM's supplied app and sidebar styles are loaded first. */
.mpms-body { min-width: 320px; }
.mpms-body .app-main { min-width: 0; }
.mpms-body .sidebar-mobile-scroll { display: flex; flex-direction: column; flex: 1; }
.mpms-body .sidebar-nav { flex: 0 0 auto; }
/* Keep the account controls visible while navigation scrolls on short screens. */
html body.mpms-body:not(.print-view-body) #appSidebar.sidebar {
  box-sizing: border-box;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}
html body.mpms-body:not(.print-view-body) #appSidebar.sidebar .sidebar-mobile-scroll {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
html body.mpms-body:not(.print-view-body) #appSidebar.sidebar .sidebar-mobile-footer {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column;
  min-height: 0;
}
html body.mpms-body:not(.print-view-body) #appSidebar.sidebar .mpms-sidebar-logout-form,
html body.mpms-body:not(.print-view-body) #appSidebar.sidebar .mpms-sidebar-logout-form .sidebar-logout {
  width: 100%;
}
@media (max-width: 900px) {
  html body.mpms-body:not(.print-view-body) #appSidebar.sidebar .sidebar-mobile-footer {
    padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
  }
}
.mpms-sidebar-note { display: flex; gap: 12px; margin: 26px 5px; padding: 20px 8px; border-top: 1px solid #ffffff1c; color: #b6cfdf; font-size: 12px; }
.mpms-sidebar-note small, .mpms-sidebar-footer small { display: block; margin-top: 7px; font-size: 11px; font-weight: 400; }
.mpms-sidebar-note svg { width: 22px; flex-shrink: 0; }
.mpms-sidebar-footer { padding: 15px 9px; color: #a6bed0; font-size: 10px; letter-spacing: .06em; }
.mpms-demo { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid #e8d8a3; border-radius: 12px; background: #fff9e9; color: #6e541b; font-size: 12px; }
.mpms-demo strong { margin-right: 8px; font-size: 10px; letter-spacing: .08em; }
.mpms-demo svg { width: 18px; flex-shrink: 0; }
.mpms-body .accounting-hero h2 { font-size: clamp(24px, 2.2vw, 32px); }
.mpms-body .accounting-hero { grid-template-columns: minmax(0,1.15fr) minmax(290px,.85fr); }
.mpms-body .accounting-hero p { font-size: 13px; }
.mpms-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mpms-summary article { display: flex; gap: 16px; align-items: center; padding: 22px; margin: 0; }
.mpms-summary small { display: block; color: #66768c; font-size: 12px; }
.mpms-summary strong { display: block; color: #132c49; font-size: clamp(22px, 2.2vw, 30px); margin: 5px 0; }
.mpms-stat-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #eaf2fd; color: #2563eb; flex-shrink: 0; }
.mpms-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mpms-section-heading h2 { margin: 0; font-size: 21px; color: #132c49; }
.mpms-section-heading p { margin: 6px 0 0; color: #687b90; font-size: 12px; }
.mpms-body .accounting-po-card { grid-template-columns: 130px minmax(0,1fr) auto; gap: 16px; }
.mpms-body .accounting-po-meta { grid-column: 2; grid-row: 2; flex-direction: row; flex-wrap: wrap; gap: 12px; }
.mpms-body .accounting-po-number { grid-row: 1 / 3; }
.mpms-body .accounting-po-actions { grid-column: 3; grid-row: 1 / 3; }
.mpms-body .accounting-po-details { grid-template-columns: .7fr 1.4fr .8fr 1fr; }
.mpms-body .accounting-po-details b { white-space: normal; overflow-wrap: anywhere; }
.mpms-body .btn svg { width: 15px; height: 15px; }
.mpms-body .accounting-filter.mpms-filter { display: grid; grid-template-columns: minmax(150px,1fr) 185px 100px auto auto; gap: 10px; }
.mpms-filter .filter-search { min-width: 0; }
.mpms-filter input { min-width: 0; }
.mpms-filter svg { width: 18px; flex-shrink: 0; }
.mpms-filter .filter-search > svg { display: none; }
.mpms-refresh { display: flex; gap: 7px; align-items: center; color: #2563eb; text-decoration: none; font-size: 12px; font-weight: 700; }
.mpms-refresh svg { width: 15px; }
.mpms-pagination { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #63758b; }
.mpms-pagination div { display: flex; gap: 8px; }
.mpms-panel { padding: 26px; margin: 0; }
.mpms-panel h2 { margin-top: 0; font-size: 22px; }
.mpms-panel p { line-height: 1.7; color: #63758b; font-size: 14px; }
.mpms-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-top: 26px; }
.mpms-detail-grid small { display: block; color: #728198; font-size: 11px; margin-bottom: 7px; }
.mpms-detail-grid strong { color: #203750; font-size: 14px; font-weight: 600; white-space: pre-line; overflow-wrap: anywhere; }
.mpms-po-heading { font-size: 30px !important; margin-top: 6px !important; }
.mpms-table-wrap { overflow: auto; }
.mpms-table-wrap table { width: 100%; min-width: 580px; }
.mpms-table-wrap td, .mpms-table-wrap th { padding: 12px; font-size: 13px; }
.mpms-table-wrap td { overflow-wrap: anywhere; max-width: 420px; }
.mpms-numeric { text-align: right !important; white-space: nowrap; }
/* Keep item column headings and native table semantics at every breakpoint.
   MPRM converts generic modern-table rows to unlabeled cards on small screens. */
html body.mpms-body .mpms-table-wrap .modern-table { display: table !important; min-width: 650px !important; table-layout: auto !important; }
html body.mpms-body .mpms-table-wrap .modern-table thead { display: table-header-group !important; }
html body.mpms-body .mpms-table-wrap .modern-table tbody { display: table-row-group !important; width: auto !important; }
html body.mpms-body .mpms-table-wrap .modern-table tr { display: table-row !important; width: auto !important; }
html body.mpms-body .mpms-table-wrap .modern-table td,
html body.mpms-body .mpms-table-wrap .modern-table th { display: table-cell !important; width: auto !important; min-width: 0 !important; padding: 12px !important; }
html body.mpms-body .mpms-table-wrap .modern-table td { text-align: left !important; }
html body.mpms-body .mpms-table-wrap .modern-table td.mpms-numeric { text-align: right !important; }
html body.mpms-body .mpms-table-wrap .modern-table td::before { display: none !important; }
.mpms-totals { max-width: 320px; margin: 24px 0 0 auto; }
.mpms-totals div { display: flex; justify-content: space-between; gap: 20px; padding: 10px; font-size: 13px; }
.mpms-totals dd { margin: 0; font-weight: 600; }
.mpms-totals div:last-child { border-top: 1px solid #dce5ef; font-size: 17px; color: #13456c; background: #f1f6fb; }
.mpms-caption { font-size: 12px !important; }
.mpms-flow { display: flex; justify-content: space-around; align-items: center; gap: 18px; margin-top: 24px; background: #f4f7fb; border-radius: 14px; padding: 24px; color: #497396; }
.mpms-flow div { text-align: center; }
.mpms-flow svg { display: block; margin: 0 auto 10px; }
.mpms-flow strong { display: block; font-size: 13px; }
.mpms-flow small { display: block; margin-top: 6px; font-size: 11px; color: #728198; }
.mpms-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; color: #7b8ca0; font-size: 10px; padding: 8px 0 20px; }
.mpms-skip { position: fixed; left: 10px; top: -80px; z-index: 9999; padding: 12px; background: white; color: #123656; }
.mpms-skip:focus { top: 10px; }
.mpms-body a:focus-visible, .mpms-body button:focus-visible, .mpms-body select:focus-visible, .mpms-body input:focus-visible { outline: 3px solid #169bbc; outline-offset: 3px; }
@media(max-width:1250px) {
  .mpms-body .accounting-hero { grid-template-columns: 1fr; }
  .mpms-body .accounting-hero-stats article { min-height: 72px; }
  .mpms-body .accounting-po-card { grid-template-columns: 115px minmax(0,1fr); }
  .mpms-body .accounting-po-actions { grid-column: 2; grid-row: 3; justify-content: flex-start; }
  .mpms-body .accounting-filter.mpms-filter { grid-template-columns: 1fr 1fr auto; }
  .mpms-filter .filter-search { grid-column: 1 / -1; }
}
@media(max-width:600px) {
  html body.mpms-body .page-content { padding: 16px !important; }
  .mpms-body .header-tools { display: none; }
  .mpms-body .page-header h1 { font-size: 27px; }
  .mpms-summary { grid-template-columns: 1fr; }
  .mpms-body .accounting-hero { padding: 22px; }
  .mpms-body .accounting-po-card { grid-template-columns: 1fr; padding: 18px; }
  .mpms-body .accounting-po-number { grid-row: auto; }
  .mpms-body .accounting-po-details { grid-template-columns: 1fr 1fr; }
  .mpms-body .accounting-po-meta, .mpms-body .accounting-po-actions { grid-row: auto; grid-column: 1; }
  .mpms-body .accounting-filter.mpms-filter { grid-template-columns: 1fr 1fr; }
  .mpms-section-heading { align-items: flex-start; flex-direction: column; }
  .mpms-detail-grid { grid-template-columns: 1fr; }
  .mpms-panel { padding: 20px; }
  .mpms-flow { flex-direction: column; }
  .mpms-flow > span { transform: rotate(90deg); }
}

/* MPMS shell compatibility: keep the exact MPRM sidebar/drawer visual system. */
.mpms-body .mpms-sidebar-logout-form { margin: 0; padding: 0; width: 100%; }
.mpms-body .mpms-sidebar-logout-form .sidebar-logout { appearance: none; -webkit-appearance: none; font: inherit; cursor: pointer; }
.mpms-body .sidebar-brand-logo { object-fit: cover; }
@media (max-width: 900px) {
  .mpms-body .page-header { padding-left: 20px; padding-right: 20px; }
}

/* Dashboard + Master Data refresh */
.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding:26px 28px;border:1px solid #dfe8f1;border-radius:20px;background:linear-gradient(135deg,#f8fbff 0%,#eef5fc 100%)}
.dashboard-hero h2,.master-data-head h2{margin:5px 0 8px;color:#142f4c;font-size:clamp(24px,2.5vw,34px);line-height:1.1}.dashboard-hero p,.master-data-head p{max-width:720px;margin:0;color:#667b91;font-size:13px;line-height:1.6}.dashboard-hero-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-kpi{display:flex;align-items:center;gap:14px;min-width:0;margin:0;padding:20px}.dashboard-kpi-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#eaf3fd;color:#2467ae}.dashboard-kpi-icon svg{width:21px;height:21px}.dashboard-kpi>div:last-child{min-width:0}.dashboard-kpi span,.dashboard-mini-card>span{display:block;color:#6e8093;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dashboard-kpi strong{display:block;margin:5px 0 2px;color:#15314d;font-size:clamp(20px,2vw,27px);line-height:1.12;overflow-wrap:anywhere}.dashboard-kpi small,.dashboard-mini-card small{display:block;color:#8090a0;font-size:10.5px;line-height:1.45}
.dashboard-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-mini-card{margin:0;padding:16px 18px}.dashboard-mini-card strong{display:block;margin:5px 0 3px;color:#253f59;font-size:16px}.dashboard-mini-card a{color:#2563eb;text-decoration:none;font-weight:700}.dashboard-source-status.is-online{color:#16814f}.dashboard-source-status.is-offline{color:#a85432}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;margin-bottom:18px}.dashboard-panel{margin:0;padding:0;overflow:hidden}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e7edf3}.dashboard-panel-head h3{margin:3px 0 0;color:#18344f;font-size:16px}.dashboard-panel-head>a{display:inline-flex;align-items:center;gap:5px;color:#2b6cb0;font-size:11px;font-weight:800;text-decoration:none}.dashboard-panel-head>a svg{width:13px;height:13px}
.dashboard-record-list{display:flex;flex-direction:column}.dashboard-record{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf1f5;color:inherit;text-decoration:none;transition:background .15s ease}.dashboard-record:last-child{border-bottom:0}.dashboard-record:hover{background:#f8fbfe}.dashboard-record-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef4fa;color:#3d6d98}.dashboard-record-icon svg{width:17px;height:17px}.dashboard-record-copy{min-width:0}.dashboard-record-copy strong,.dashboard-record-copy span,.dashboard-record-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-record-copy strong{color:#17334f;font-size:12.5px}.dashboard-record-copy span{margin-top:2px;color:#435d75;font-size:11px}.dashboard-record-copy small{margin-top:2px;color:#8997a5;font-size:9.5px}.dashboard-record-value{padding-left:10px;color:#163b5f;font-size:11.5px;font-weight:800;white-space:nowrap}.dashboard-panel-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:170px;padding:24px;color:#7d8c9b;font-size:12px;text-align:center}.dashboard-panel-empty svg{width:20px}
.dashboard-ewt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px}.dashboard-ewt-grid article{padding:14px;border:1px solid #e3eaf1;border-radius:14px;background:#fafcfe}.dashboard-ewt-grid span,.dashboard-ewt-grid strong,.dashboard-ewt-grid small{display:block}.dashboard-ewt-grid span{color:#6f8194;font-size:10px;font-weight:800}.dashboard-ewt-grid strong{margin:5px 0 2px;color:#1d3954;font-size:14px}.dashboard-ewt-grid small{color:#8897a6;font-size:9.5px}
.dashboard-quick-actions{display:flex;flex-direction:column;padding:8px}.dashboard-quick-actions>a{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:12px 10px;border-radius:12px;color:#203d58;text-decoration:none}.dashboard-quick-actions>a:hover{background:#f4f8fc}.dashboard-quick-actions>a>svg:first-child{width:18px;height:18px;color:#2b6cb0}.dashboard-quick-actions>a>svg:last-child{width:14px;height:14px;color:#9aa8b5}.dashboard-quick-actions strong,.dashboard-quick-actions small{display:block}.dashboard-quick-actions strong{font-size:12px}.dashboard-quick-actions small{margin-top:2px;color:#8393a2;font-size:9.5px}
.master-data-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:24px 26px;border:1px solid #dfe8f1;border-radius:20px;background:#f8fbfe}.master-data-head-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:17px;background:#e9f2fb;color:#2d6ca6}.master-data-head-icon svg{width:26px;height:26px}.master-data-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:16px}.master-data-grid>.content-card{margin:0}.master-data-editor,.master-data-list-card{padding:20px}.master-data-card-head{display:flex;gap:12px;align-items:flex-start}.master-data-card-head h3,.master-data-list-head h3{margin:4px 0;color:#18344f;font-size:18px}.master-data-card-head p{margin:4px 0 0;color:#75879a;font-size:11px}.master-data-card-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#edf5fd;color:#2c6fab}.master-data-card-icon svg{width:19px}.master-data-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;margin-top:20px}.master-data-add label span{display:block;margin-bottom:7px;color:#4d6378;font-size:10px;font-weight:800}.master-data-add input{width:100%;min-height:42px}.master-data-tip{display:flex;gap:9px;margin-top:16px;padding:12px;border-radius:12px;background:#f5f8fb;color:#6d7f90;font-size:10px;line-height:1.5}.master-data-tip svg{width:16px;height:16px;flex:0 0 16px;margin-top:1px}.master-data-list-card{padding:0}.master-data-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e7edf3}.master-data-count{padding:5px 9px;border-radius:999px;background:#e9f7ef;color:#25714c;font-size:9px;font-weight:800}.master-data-list{display:flex;flex-direction:column}.master-data-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid #edf1f5}.master-data-row:last-child{border-bottom:0}.master-data-row-main{display:flex;align-items:center;gap:10px;min-width:0}.master-data-status-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#28a36a;box-shadow:0 0 0 4px #e8f7ef}.master-data-row.is-inactive .master-data-status-dot{background:#9ca8b3;box-shadow:0 0 0 4px #f0f2f4}.master-data-row strong,.master-data-row small{display:block}.master-data-row strong{color:#203c56;font-size:12px}.master-data-row small{margin-top:2px;color:#8392a1;font-size:9.5px}.master-data-row.is-inactive{background:#fbfcfd}.master-data-row.is-inactive strong{color:#788796}
html[data-theme="dark"] .dashboard-hero,html[data-theme="dark"] .master-data-head{border-color:#2b3b4b;background:#172330}html[data-theme="dark"] .dashboard-hero h2,html[data-theme="dark"] .master-data-head h2,html[data-theme="dark"] .dashboard-kpi strong,html[data-theme="dark"] .dashboard-panel-head h3,html[data-theme="dark"] .dashboard-record-copy strong,html[data-theme="dark"] .dashboard-record-value,html[data-theme="dark"] .dashboard-mini-card strong,html[data-theme="dark"] .dashboard-ewt-grid strong,html[data-theme="dark"] .master-data-card-head h3,html[data-theme="dark"] .master-data-list-head h3,html[data-theme="dark"] .master-data-row strong{color:#e6eef6}html[data-theme="dark"] .dashboard-record:hover,html[data-theme="dark"] .dashboard-quick-actions>a:hover,html[data-theme="dark"] .master-data-row.is-inactive{background:#182431}html[data-theme="dark"] .dashboard-panel-head,html[data-theme="dark"] .dashboard-record,html[data-theme="dark"] .master-data-list-head,html[data-theme="dark"] .master-data-row{border-color:#2a3948}html[data-theme="dark"] .dashboard-ewt-grid article,html[data-theme="dark"] .master-data-tip{border-color:#2a3948;background:#182431}
@media(max-width:1200px){.dashboard-kpi-grid,.dashboard-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower-grid{grid-template-columns:1fr}.master-data-grid{grid-template-columns:1fr}}
@media(max-width:820px){.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-hero-actions{justify-content:flex-start}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-ewt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dashboard-kpi-grid,.dashboard-mini-grid{grid-template-columns:1fr}.dashboard-hero,.master-data-head{padding:20px}.dashboard-kpi{padding:17px}.dashboard-record{grid-template-columns:34px minmax(0,1fr)}.dashboard-record-value{grid-column:2;padding-left:0}.dashboard-ewt-grid{grid-template-columns:1fr 1fr;padding:12px}.master-data-head-icon{display:none}.master-data-add{grid-template-columns:1fr}.master-data-row{align-items:flex-start;flex-direction:column}.master-data-row form{width:100%}.master-data-row .btn{width:100%}}

/* Master Data EWT percentage input */
.master-data-percent-input{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;border:1px solid #cedbe6;border-radius:10px;background:#fff;overflow:hidden}
.master-data-percent-input input{min-height:40px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.master-data-percent-input b{display:grid;place-items:center;align-self:stretch;border-left:1px solid #e0e7ed;background:#f7f9fb;color:#48637b;font-size:12px}
html[data-theme="dark"] .master-data-percent-input{border-color:#354656;background:#15212d}
html[data-theme="dark"] .master-data-percent-input b{border-color:#354656;background:#1b2936;color:#c4d1dc}

/* Shared MPRM purchasing catalogs inside MPMS Master Data */
.master-data-shared-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 14px;padding:20px 22px;border:1px solid #dfe8f1;border-radius:18px;background:#f8fbfe}.master-data-shared-head h2{margin:4px 0;color:#18344f;font-size:23px}.master-data-shared-head p{max-width:850px;margin:5px 0 0;color:#708397;font-size:11px;line-height:1.55}.master-sync-chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:850}.master-sync-chip svg{width:14px;height:14px}.master-sync-chip.is-online{background:#e8f7ef;color:#23734e}.master-sync-chip.is-offline{background:#fff0f0;color:#ad3e45}.master-catalog-stack{display:grid;gap:18px}.master-catalog-card{padding:0;overflow:hidden}.master-catalog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;border-bottom:1px solid #e6edf3}.master-catalog-header h3{margin:4px 0;color:#18344f;font-size:19px}.master-catalog-header p{margin:3px 0 0;color:#7b8b9c;font-size:10.5px}.master-catalog-form{display:grid;grid-template-columns:1.2fr 1.2fr 1fr .8fr auto;gap:10px;align-items:end;padding:16px 20px;background:#fbfcfe;border-bottom:1px solid #e8eef4}.master-catalog-form label span{display:block;margin-bottom:6px;color:#536a80;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.master-catalog-form input{width:100%;min-height:40px}.master-catalog-supplier-form{grid-template-columns:1.15fr 1.4fr 1fr .8fr .9fr .8fr auto}.master-catalog-table-wrap{max-height:430px;overflow:auto}.master-catalog-table{width:100%;min-width:820px;border-collapse:collapse}.master-catalog-table th{position:sticky;top:0;z-index:1;padding:10px 14px;background:#f3f7fa;color:#60758a;font-size:9px;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid #dfe7ee}.master-catalog-table td{padding:11px 14px;color:#334f67;font-size:11px;border-bottom:1px solid #edf1f5;vertical-align:top}.master-catalog-table td strong{color:#203e58}.master-catalog-table td small{display:block;margin-top:3px;color:#8493a2;font-size:9px}.master-record-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e7f7ef;color:#24724d;font-size:9px;font-weight:850}.master-record-status.inactive{background:#eef1f4;color:#788693}html[data-theme="dark"] .master-data-shared-head,html[data-theme="dark"] .master-catalog-form{border-color:#2a3948;background:#172330}html[data-theme="dark"] .master-data-shared-head h2,html[data-theme="dark"] .master-catalog-header h3,html[data-theme="dark"] .master-catalog-table td strong{color:#e6eef6}html[data-theme="dark"] .master-catalog-header,html[data-theme="dark"] .master-catalog-form,html[data-theme="dark"] .master-catalog-table th,html[data-theme="dark"] .master-catalog-table td{border-color:#2a3948}html[data-theme="dark"] .master-catalog-table th{background:#182431;color:#a9bac9}@media(max-width:1300px){.master-catalog-form,.master-catalog-supplier-form{grid-template-columns:repeat(2,minmax(0,1fr))}.master-catalog-form .btn{grid-column:1/-1}}@media(max-width:650px){.master-data-shared-head{align-items:flex-start;flex-direction:column}.master-catalog-form,.master-catalog-supplier-form{grid-template-columns:1fr}.master-catalog-form .btn{grid-column:auto;width:100%;justify-content:center}}