/* B ERP v0.10.62 — canonical compact Master Data design system */
:root{--md-control:32px;--md-gap:10px;--md-radius:10px;--md-panel:var(--panel,#fff);--md-bg:var(--bg,#f3f7fd);--md-line:var(--line,#d7e2f2);--md-text:var(--text,#102b52);--md-muted:var(--muted,#6d7f99);--md-accent:var(--gold,#e6ad2d)}
body{overflow-x:hidden}.main{min-width:0}.md-page{max-width:1540px;margin:0 auto;color:var(--md-text)}
.md-page *{box-sizing:border-box}.md-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.md-title h2{margin:2px 0 3px;font-size:24px;line-height:1.15}.md-title p,.md-breadcrumb{margin:0;color:var(--md-muted);font-size:12px}.md-breadcrumb{font-size:11px;margin-bottom:5px}
.md-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.md-toolbar .btn,.md-footer .btn{min-height:34px;padding:6px 13px}.md-search{width:230px;height:34px;border:1px solid var(--md-line);border-radius:9px;background:var(--md-panel);color:var(--md-text);padding:0 10px}
.md-card{background:var(--md-panel);border:1px solid var(--md-line);border-radius:var(--md-radius);box-shadow:0 8px 24px rgba(20,45,80,.045);overflow:hidden}.md-card-head{height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--md-line);font-size:12px;font-weight:750}.md-card-head small{font-weight:400;color:var(--md-muted)}
.md-table-wrap{overflow:auto;max-height:calc(100vh - 245px)}.md-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}.md-table th,.md-table td{padding:7px 9px;text-align:left;border-bottom:1px solid var(--md-line);vertical-align:middle}.md-table thead th{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--md-bg) 78%,var(--md-panel));font-size:11px}.md-table thead tr.md-filters th{top:31px;padding:4px;background:var(--md-panel)}.md-table .md-col-filter{width:100%;min-width:68px;height:26px;border:1px solid var(--md-line);border-radius:6px;background:var(--md-panel);color:var(--md-text);padding:0 6px;font-size:11px}.md-table tbody tr:hover{background:color-mix(in srgb,var(--md-accent) 7%,transparent)}.md-table tbody tr.md-selected{background:color-mix(in srgb,#4e91ff 10%,transparent)}.md-empty{text-align:center!important;color:var(--md-muted);padding:24px!important}.md-code{font-weight:800;color:var(--md-text)}
.md-status{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:#e9f7ef;color:#17844a;font-size:10px;font-weight:800}.md-status.off{background:#f1f3f6;color:#7a8797}.md-link{border:0;background:none;color:#2877cf;text-decoration:underline;text-underline-offset:2px;padding:0;font:inherit;font-weight:750;cursor:pointer}
.md-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(8,25,48,.45);backdrop-filter:blur(2px)}.md-modal{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);display:flex;flex-direction:column;background:var(--md-panel);border:1px solid var(--md-line);border-radius:14px;box-shadow:0 26px 75px rgba(0,20,50,.25);overflow:hidden}.md-modal.small{width:min(760px,calc(100vw - 28px))}.md-modal-head{min-height:54px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--md-line)}.md-modal-head b{font-size:16px}.md-modal-head small{display:block;color:var(--md-muted);font-size:10px;margin-top:2px}.md-x{width:32px;height:32px;border:1px solid var(--md-line);border-radius:8px;background:transparent;color:var(--md-text);font-size:20px;cursor:pointer}
.md-modal-body{padding:12px 15px;overflow:auto}.md-section{border:1px solid var(--md-line);border-radius:9px;margin-bottom:10px;overflow:hidden}.md-section-title{padding:7px 10px;background:color-mix(in srgb,var(--md-bg) 75%,var(--md-panel));font-size:10px;font-weight:850;letter-spacing:.45px;text-transform:uppercase}.md-section-body{padding:10px}.md-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}.md-field{display:flex;flex-direction:column;gap:4px;min-width:0}.md-field.span-2{grid-column:span 2}.md-field.span-3{grid-column:span 3}.md-field.span-4{grid-column:1/-1}.md-field>span{font-size:10px;font-weight:750;color:var(--md-muted)}.md-field input,.md-field select,.md-field textarea{width:100%;height:var(--md-control);border:1px solid var(--md-line);border-radius:7px;background:var(--md-panel);color:var(--md-text);padding:5px 8px;font:inherit;font-size:12px}.md-field textarea{height:54px;resize:vertical}.md-field input:focus,.md-field select:focus,.md-field textarea:focus,.md-search:focus{outline:2px solid color-mix(in srgb,#4c8ee8 24%,transparent);border-color:#72a7e8}.md-field input[readonly]{background:color-mix(in srgb,var(--md-bg) 80%,var(--md-panel))}.md-check{height:32px;display:flex;align-items:center;gap:7px;font-size:12px}.md-check input{width:16px;height:16px}.md-hidden{display:none!important}
.md-select-search{height:25px!important;margin-bottom:3px;font-size:10px!important}.md-inline-grid{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr)) 34px;gap:6px;align-items:end;margin-bottom:7px}.md-mini-table{width:100%;border-collapse:collapse;font-size:11px}.md-mini-table th,.md-mini-table td{padding:5px 7px;border:1px solid var(--md-line);text-align:left}.md-mini-table th{background:color-mix(in srgb,var(--md-bg) 78%,var(--md-panel))}.md-row-actions{display:flex;gap:4px}.md-icon-btn{height:27px;min-width:27px;border:1px solid var(--md-line);border-radius:6px;background:var(--md-panel);color:var(--md-text);cursor:pointer}
.md-footer{min-height:52px;padding:8px 15px;display:flex;align-items:center;justify-content:flex-end;gap:7px;border-top:1px solid var(--md-line);background:color-mix(in srgb,var(--md-bg) 65%,var(--md-panel))}.md-help{padding:8px 10px;border-left:3px solid #4e91ff;background:color-mix(in srgb,#4e91ff 7%,transparent);font-size:11px;color:var(--md-muted);margin-bottom:10px}.md-tabs{display:flex;gap:3px;padding:0 15px;border-bottom:1px solid var(--md-line)}.md-tab{height:34px;border:0;border-bottom:2px solid transparent;background:none;color:var(--md-muted);font-weight:700;cursor:pointer}.md-tab.active{color:var(--md-text);border-color:var(--md-accent)}.md-tab-panel{display:none}.md-tab-panel.active{display:block}
.md-side-controls{display:flex;gap:4px;margin-left:auto}.sidebar.md-collapsed{width:68px}.sidebar.md-collapsed .side-head b,.sidebar.md-collapsed .nav .nav-label,.sidebar.md-collapsed .sidebar-foot{display:none}.sidebar.md-collapsed~.topbar,.sidebar.md-collapsed~.main{left:68px}.sidebar.md-hidden-side{display:none}.sidebar.md-hidden-side~.topbar,.sidebar.md-hidden-side~.main{left:0}.md-side-toggle{height:30px;min-width:30px;padding:3px 7px}
.md-legacy-backdrop{position:fixed;inset:0;z-index:1180;background:rgba(8,25,48,.45);backdrop-filter:blur(2px)}.formbox.md-legacy-form{display:none!important}.formbox.md-legacy-form.md-legacy-open{display:block!important;position:fixed!important;z-index:1190;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1050px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;margin:0!important;padding:15px!important;border-radius:14px!important;box-shadow:0 26px 75px rgba(0,20,50,.25)!important}.formbox.md-legacy-form .form-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 10px!important}.formbox.md-legacy-form input,.formbox.md-legacy-form select{height:32px!important}
@media(max-width:1180px){.md-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.md-field.span-4{grid-column:1/-1}.md-table-wrap{max-height:calc(100vh - 250px)}}
@media(max-width:820px){.md-head{align-items:flex-start;flex-direction:column}.md-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-field.span-3,.md-field.span-4{grid-column:1/-1}.md-search{width:180px}.md-modal{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}}
@media(max-width:540px){.md-form-grid{grid-template-columns:1fr}.md-field.span-2,.md-field.span-3,.md-field.span-4{grid-column:1}.md-toolbar{width:100%}.md-search{flex:1}.md-overlay{padding:6px}}
@media print{.md-toolbar,.md-footer,.md-x,.md-filters,.md-select-search{display:none!important}.md-overlay{position:static;background:none;padding:0}.md-modal{width:100%;max-height:none;box-shadow:none;border:0}.md-modal-body,.md-table-wrap{overflow:visible;max-height:none}}
