.general-page { max-width: 1540px; margin: 0 auto; }.erp-panel, .general-placeholder-panel, .gallery-section { border: 1px solid var(--erp-border-subtle); border-radius: var(--erp-radius-lg); background: var(--erp-surface-primary); box-shadow: var(--erp-shadow-sm); }
.dashboard-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--erp-space-5); margin: var(--erp-space-6) 0; }.dashboard-summary article { min-height: 78px; display: flex; align-items: center; gap: var(--erp-space-5); padding: var(--erp-space-5); border: 1px solid var(--erp-border-subtle); border-radius: var(--erp-radius-lg); background: var(--erp-surface-primary); }.dashboard-summary article > .erp-icon { color: var(--erp-color-primary); }.dashboard-summary article div { display: flex; flex-direction: column; }.dashboard-summary small { color: var(--erp-text-tertiary); }.dashboard-summary strong { font: var(--erp-font-card-title); }.status-dot { width: 12px; height: 12px; border-radius: 50%; }.status-dot.success { background: var(--erp-color-success); box-shadow: 0 0 0 5px var(--erp-color-success-subtle); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .8fr); gap: var(--erp-space-6); }.erp-panel > header { display: flex; align-items: center; justify-content: space-between; padding: var(--erp-space-6); border-bottom: 1px solid var(--erp-border-subtle); }.erp-panel h2, .gallery-section h2 { margin: 0; font: var(--erp-font-section-title); }.erp-panel header p { margin: 2px 0 0; color: var(--erp-text-tertiary); font: var(--erp-font-body-sm); }.module-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--erp-space-4); padding: var(--erp-space-6); }.module-tile { min-height: 126px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--erp-space-4); padding: var(--erp-space-5); border: 1px solid var(--erp-border-subtle); border-radius: var(--erp-radius-lg); color: var(--erp-text-primary); transition: border-color var(--erp-motion-fast), background var(--erp-motion-fast); }.module-tile:hover:not(.is-disabled) { border-color: var(--erp-border-focus); background: var(--erp-color-primary-subtle); }.module-tile > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: var(--erp-radius-md); background: var(--erp-surface-secondary); color: var(--erp-color-primary); }.module-tile .erp-badge { margin-top: auto; }.module-tile.is-disabled { color: var(--erp-text-tertiary); cursor: default; }
.recent-activity ol { list-style: none; padding: var(--erp-space-3) var(--erp-space-6); margin: 0; }.recent-activity li { display: flex; gap: var(--erp-space-4); padding: var(--erp-space-5) 0; border-bottom: 1px solid var(--erp-border-subtle); }.recent-activity li:last-child { border: 0; }.recent-activity li div { display: flex; flex-direction: column; }.recent-activity small { color: var(--erp-text-tertiary); }.activity-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--erp-surface-secondary); color: var(--erp-text-secondary); }
.general-placeholder-panel { display: grid; grid-template-columns: minmax(0, 1fr) 280px; margin-top: var(--erp-space-6); overflow: hidden; }.general-placeholder-panel aside { padding: var(--erp-space-7); border-inline-start: 1px solid var(--erp-border-subtle); background: var(--erp-surface-secondary); }.general-placeholder-panel ul { padding-inline-start: var(--erp-space-7); color: var(--erp-text-secondary); }
.gallery-section { margin-top: var(--erp-space-6); padding: var(--erp-space-6); }.swatches { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--erp-space-4); margin-top: var(--erp-space-5); }.swatches div { overflow: hidden; border: 1px solid var(--erp-border-subtle); border-radius: var(--erp-radius-md); }.swatches span { display: block; height: 64px; border-bottom: 1px solid var(--erp-border-subtle); }.swatches strong, .swatches code { display: block; padding: var(--erp-space-2) var(--erp-space-4); }.swatches code { color: var(--erp-text-tertiary); font-size: .65rem; }.type-specimens, .component-row { margin-top: var(--erp-space-5); }.component-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--erp-space-5); }.gallery-states { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--erp-space-5); margin-top: var(--erp-space-5); }.gallery-states > div { min-height: 180px; padding: var(--erp-space-5); border: 1px solid var(--erp-border-subtle); border-radius: var(--erp-radius-md); }.gallery-states .erp-empty-state { min-height: 150px; padding: var(--erp-space-4); }.gallery-states .erp-skeleton { display: block; margin: var(--erp-space-4) 0; }.error-sample { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--erp-text-danger); }
@media (max-width: 1100px) { .dashboard-summary { grid-template-columns: repeat(2, 1fr); }.dashboard-grid { grid-template-columns: 1fr; }.module-grid { grid-template-columns: repeat(4, 1fr); }.swatches { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px) { .dashboard-summary { grid-template-columns: 1fr; }.module-grid { grid-template-columns: repeat(2, 1fr); padding: var(--erp-space-4); }.general-placeholder-panel { grid-template-columns: 1fr; }.general-placeholder-panel aside { border-inline-start: 0; border-top: 1px solid var(--erp-border-subtle); }.gallery-states { grid-template-columns: 1fr; } }
@media (max-width: 440px) { .module-grid { grid-template-columns: 1fr; }.swatches { grid-template-columns: repeat(2, 1fr); } }
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--erp-space-5);margin-top:var(--erp-space-5)}.feedback-stack{display:grid;gap:var(--erp-space-4);margin-top:var(--erp-space-5)}.context-demo{display:inline-flex;padding:var(--erp-space-4);border:1px dashed var(--erp-border-default);border-radius:var(--erp-radius-md)}.gallery-page .erp-form-section+.erp-form-section{margin-top:var(--erp-space-5)}.erp-dirty-indicator{color:var(--erp-text-tertiary);font:var(--erp-font-caption)}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.gallery-grid{grid-template-columns:1fr}}
.gallery-table-stack{display:grid;gap:var(--erp-space-5);margin-top:var(--erp-space-5)}
.general-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: var(--erp-space-5); margin-block-start: var(--erp-space-7); }
.general-feature-card { display: flex; align-items: center; gap: var(--erp-space-5); min-height: 112px; padding: var(--erp-space-6); color: var(--erp-text-primary); text-decoration: none; border: 1px solid var(--erp-border-default); border-radius: var(--erp-radius-lg); background: var(--erp-surface-primary); box-shadow: var(--erp-shadow-sm); }
.general-feature-card:hover { border-color: var(--erp-color-primary); box-shadow: var(--erp-shadow-md); }
.general-feature-card > span:nth-child(2) { flex: 1; display: grid; gap: var(--erp-space-2); }
.general-feature-card strong { font: var(--erp-font-card-title); }
.general-feature-card small { color: var(--erp-text-secondary); line-height: 1.8; }
.general-feature-card__icon { width: 46px; height: 46px; display: grid; place-items: center; color: var(--erp-color-success); background: var(--erp-color-success-subtle); border-radius: var(--erp-radius-md); }
.data-acquisition-sample { display: flex; align-items: center; flex-wrap: wrap; gap: var(--erp-space-4); margin-block-end: var(--erp-space-6); }
.data-acquisition-sample .erp-button { position: relative; }
.data-acquisition-columns { margin-block-start: var(--erp-space-7); border: 1px solid var(--erp-border-default); border-radius: var(--erp-radius-md); overflow: hidden; }
.data-acquisition-columns__header { display: flex; align-items: center; justify-content: space-between; gap: var(--erp-space-4); padding: var(--erp-space-5); background: var(--erp-surface-secondary); }
.data-acquisition-columns__header h3, .data-acquisition-columns__header p { margin: 0; }
.data-acquisition-columns__header p { color: var(--erp-text-secondary); font: var(--erp-font-body-sm); }
.data-acquisition-columns__scroll { overflow: auto; }
.data-acquisition-columns table { width: 100%; min-width: 1050px; border-collapse: collapse; }
.data-acquisition-columns th, .data-acquisition-columns td { padding: var(--erp-space-3); border-block-end: 1px solid var(--erp-border-subtle); text-align: center; }
.data-acquisition-columns th { background: var(--erp-grid-header-background); color: var(--erp-grid-header-text); font: var(--erp-font-table-header); }
.data-acquisition-columns .erp-input { width: 100%; min-height: 36px; border: 1px solid var(--erp-border-default); border-radius: var(--erp-radius-sm); background: var(--erp-surface-primary); color: var(--erp-text-primary); padding-inline: var(--erp-space-3); text-align: center; }
.data-acquisition-remove { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--erp-border-default); border-radius: var(--erp-radius-sm); background: transparent; color: var(--erp-color-danger); cursor: pointer; }

/* Inventory-inspired industrial surfaces */
.erp-panel,
.general-placeholder-panel,
.gallery-section,
.dashboard-summary article,
.general-feature-card {
  background: var(--erp-surface-elevated);
  box-shadow: var(--erp-shadow-sm);
}

.module-tile {
  background: var(--erp-surface-secondary);
}

.module-tile:hover:not(.is-disabled) {
  border-color: var(--erp-color-primary);
  background: var(--erp-color-primary-subtle);
}

.dashboard-page{width:100%;max-width:none;height:100%;min-width:0;min-height:0;margin:0;padding:var(--erp-space-5);display:flex;flex-direction:column;gap:var(--erp-space-5);overflow:auto;border:1px solid var(--erp-border-glass);border-radius:var(--erp-radius-panel);color:var(--erp-text-primary);background:var(--erp-grid-background);box-shadow:var(--erp-shadow-md)}
.dashboard-page .dashboard-summary{flex:0 0 auto;margin:0}
.dashboard-page .dashboard-summary article{border-radius:var(--erp-radius-md);background:var(--erp-surface-primary)}
.dashboard-page .dashboard-grid{min-height:0;flex:1;align-items:stretch;gap:var(--erp-space-5)}
.dashboard-page .dashboard-grid>.erp-panel{height:100%;min-height:0;overflow:auto;border-radius:var(--erp-radius-md);background:var(--erp-surface-primary)}
@media(max-width:1100px){.dashboard-page{height:100%;overflow:auto}.dashboard-page .dashboard-grid{flex:0 0 auto}.dashboard-page .dashboard-grid>.erp-panel{height:auto;min-height:0;overflow:visible}}
@media(max-width:600px){.dashboard-page{padding:var(--erp-space-4);gap:var(--erp-space-4)}}

.design-showcase-intro{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 10%,var(--erp-ambient-primary),transparent 34%),var(--erp-glass-panel);border-color:var(--erp-border-glass);border-radius:var(--erp-radius-panel);box-shadow:var(--erp-shadow-glass);-webkit-backdrop-filter:blur(var(--erp-blur-default));backdrop-filter:blur(var(--erp-blur-default))}
.design-showcase-intro>div:first-child p{max-width:760px;color:var(--erp-text-secondary)}
.design-showcase-eyebrow{color:var(--erp-color-primary);font:var(--erp-font-label);letter-spacing:.03em}
.design-showcase-surfaces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--erp-space-4);margin-top:var(--erp-space-6)}
.design-showcase-surfaces .erp-card__body{min-height:112px}.design-showcase-surfaces p{margin:var(--erp-space-3) 0 0;color:var(--erp-text-tertiary);font:var(--erp-font-caption)}
.design-showcase-swatches{display:flex;flex-wrap:wrap;gap:var(--erp-space-3);margin-top:var(--erp-space-6)}
.design-showcase-swatches span{padding:var(--erp-space-3) var(--erp-space-5);border-radius:var(--erp-radius-pill);color:var(--erp-text-inverse);font:var(--erp-font-label)}
.design-showcase-swatches .is-primary{background:var(--erp-color-primary)}.design-showcase-swatches .is-success{background:var(--erp-color-success)}.design-showcase-swatches .is-warning{background:var(--erp-color-warning)}.design-showcase-swatches .is-danger{background:var(--erp-color-danger)}
@media(max-width:900px){.design-showcase-surfaces{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.design-showcase-surfaces{grid-template-columns:1fr}}