/* Shared, accessible management surfaces. */
:root{--erp-ink:#172b3a;--erp-muted:#566777;--erp-border:#dce4eb;--erp-accent:#0e6774}
body{font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid #0891b2;outline-offset:3px}
button:disabled,input:disabled{cursor:not-allowed;opacity:.6}
.erp-note{border:1px solid #cbdde5;border-left:4px solid var(--erp-accent);background:#f0f7fa;color:#334e5e;padding:14px 18px;border-radius:10px;font-size:13px;line-height:1.65;margin-bottom:18px}
.erp-note a,.erp-link{color:#075f71;text-decoration:underline;text-underline-offset:3px}
.erp-warning{background:#fffbeb;border-color:#f4cd76;color:#854d0e}
.erp-success{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}
.erp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.erp-eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--erp-accent);font-weight:700}
.erp-hero h2{font-size:clamp(22px,2.5vw,32px);letter-spacing:-.035em;font-weight:650;color:var(--erp-ink);margin:5px 0 8px}
.erp-muted{color:var(--erp-muted);font-size:13px;line-height:1.6}
.erp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.erp-card{background:white;border:1px solid var(--erp-border);border-radius:14px;padding:20px}
.erp-kpi-value{display:block;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em;font-weight:650;color:var(--erp-ink);margin:8px 0}
.erp-danger{color:#b42318!important}
.erp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.erp-toolbar input,.erp-toolbar select,.erp-field input,.erp-field textarea{border:1px solid #b8c7d3;border-radius:8px;padding:10px 12px;background:white;color:var(--erp-ink);font-size:14px}
.erp-field{display:grid;gap:8px;margin:16px 0;font-size:14px}
.erp-field small{color:var(--erp-muted);line-height:1.5}
.erp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 16px;background:var(--erp-accent);color:white;font-size:14px;font-weight:600;min-height:42px}
.erp-button:hover{background:#08515c}
.erp-button{text-decoration:none;cursor:pointer;max-width:100%;text-align:center;transition:background .15s,border-color .15s}
.erp-button.erp-button-secondary{background:#fff;color:var(--erp-accent);border:1px solid #b8cbd4}
.erp-button.erp-button-secondary:hover{background:#eef7f9;border-color:var(--erp-accent)}
.erp-button[aria-current="page"]{background:var(--erp-accent);border-color:var(--erp-accent);color:white}
.erp-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}
.erp-pagination-pages{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.erp-page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:42px;padding:8px;border:1px solid #c6d4dd;border-radius:8px;background:#fff;color:#334e5e;font-size:14px;font-weight:600;text-decoration:none}
.erp-page:hover{border-color:var(--erp-accent);background:#eef7f9}
.erp-page[aria-current="page"]{background:var(--erp-accent);color:#fff;border-color:var(--erp-accent)}
.erp-page-gap{color:var(--erp-muted);padding:0 3px}
.erp-service-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce4eb;background:#f5f8fa;border-radius:8px;padding:10px 14px;min-height:42px;color:#475d6b;font-size:13px;cursor:pointer;list-style:none}
.erp-service-toggle::after{content:'⌄';font-size:16px}
details[open]>.erp-service-toggle::after{content:'⌃'}
.erp-service-toggle::-webkit-details-marker{display:none}
.erp-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.erp-catalog-grid{grid-template-columns:minmax(0,1fr)}}
/* Compact role-aware sidebar. Native details also works without JavaScript. */
.kst-sidebar-nav{padding:16px 12px;display:block}
.kst-menu-link{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:2px 0;border-radius:9px;min-height:42px;color:#526371;font-size:13px;line-height:1.4;text-decoration:none;transition:background .15s,color .15s}
.kst-menu-link:hover{background:#f0f5f8;color:#172b3a}
.kst-menu-link.is-active{background:#eaf5f7;color:#0e6774;font-weight:650}
.kst-menu-icon{width:19px;height:19px;flex:none}
.kst-menu-group{margin-top:8px;border-top:1px solid #eef2f5;padding-top:8px}
.kst-menu-heading{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border-radius:9px;color:#334e5e;font-size:13px;font-weight:650;cursor:pointer;list-style:none}
.kst-menu-heading::-webkit-details-marker{display:none}
.kst-menu-heading:hover{background:#f5f8fa}
.kst-menu-group.has-active>.kst-menu-heading{color:#0e6774}
.kst-menu-heading>span,.kst-menu-link>span{flex:1;min-width:0}
.kst-menu-chevron{width:16px;height:16px;flex:none;color:#81909e;transition:transform .15s}
.kst-menu-group[open]>.kst-menu-heading .kst-menu-chevron{transform:rotate(180deg)}
.kst-menu-items{padding:3px 0 4px 9px;margin-left:20px;border-left:1px solid #e1e9ee}
.kst-menu-items .kst-menu-link{padding:9px 8px;gap:8px;font-size:12px}
.kst-menu-items .kst-menu-icon{width:16px;height:16px}
.kst-menu-subtitle{padding:12px 8px 4px;color:#8a98a5;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.erp-table-wrap{overflow:auto;border:1px solid var(--erp-border);border-radius:12px;background:white;max-height:70vh}
.erp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.erp-table th{background:#f2f6f8;color:#475d6b;text-align:left;font-weight:600;position:sticky;top:0;z-index:1}
.erp-table td,.erp-table th{padding:13px 16px;border-bottom:1px solid #e9eef2}
.erp-table tbody tr:hover{background:#f5fafb}
.erp-table .num{text-align:right;white-space:nowrap}
.erp-badge{display:inline-block;border-radius:5px;padding:3px 7px;background:#f0f3f6;color:#526371;font-size:11px;white-space:nowrap}
.erp-badge.warn{background:#fff1dc;color:#92400e}
.erp-empty{text-align:center;padding:36px;color:var(--erp-muted)}
.erp-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
@media(max-width:800px){.erp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-two-col{grid-template-columns:1fr}.erp-hero{flex-direction:column;gap:8px}.erp-toolbar input{max-width:100%}.erp-field input,.erp-field textarea{font-size:16px}}
@media print{.erp-toolbar,.erp-button{display:none}.erp-table-wrap{max-height:none;overflow:visible}.erp-card{break-inside:avoid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
