body.mrd{--bg:var(--surface-sunk);--sheet:var(--surface);--rule:var(--line);--rule-soft:var(--line);--green:var(--skin);background:var(--surface-sunk);font-family:var(--font);color:var(--ink)}
.mrd #main{max-width:1500px;margin:0 auto;width:100%;padding:24px}.mrd .mrd-panel{border-radius:var(--r-panel);margin-bottom:22px;padding:24px 28px}.mrd .mrd-title{margin:0;font-size:26px}.mrd .mrd-sub{margin-top:8px;max-width:760px}.mrd .mrd-skins{margin-top:20px}.mrd .mrd-skin{appearance:none;min-width:25px;min-height:25px}
.mrd .rail{background:var(--surface);color:var(--ink);border-right:1px solid var(--line);box-shadow:none}.mrd .rail .brand,.mrd .rail .brand b{color:var(--ink)}.mrd .rail .brand span,.mrd .rail-foot{color:var(--ink-3)}.mrd .tab{color:var(--ink-2);border-radius:var(--r-control)}.mrd .tab:hover{background:var(--surface-sunk);color:var(--ink)}.mrd .tab.active,.mrd .tab.on,.mrd .tab[aria-selected="true"]{background:var(--skin-tint);color:var(--skin);font-weight:600}
.mrd .sheet,.mrd .fig,.mrd .task,.mrd .exc,.mrd .card-login{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:none}.mrd .sheet-head{border-color:var(--line)}.mrd .fig{border-top:1px solid var(--line)!important}.mrd .fig .v{color:var(--ink);font-variant-numeric:tabular-nums}.mrd .fig label{color:var(--ink-3)}.mrd .btn{border-radius:var(--r-control);box-shadow:none}.mrd .btn-primary{background:var(--skin);border-color:var(--skin);color:white}.mrd .btn-primary:hover{background:var(--skin-deep)}.mrd .btn-ghost{color:var(--skin);border-color:var(--line-strong)}.mrd .inp{border-radius:var(--r-control);border-color:var(--line-strong)}.mrd .inp:focus{outline:3px solid var(--skin-glow);border-color:var(--skin)}.mrd .num,.mrd td.num{font-variant-numeric:tabular-nums}.mrd th{background:var(--surface-raised);color:var(--ink-3)}.mrd th,.mrd td{border-color:var(--line)}.mrd .p-g{background:var(--ok-bg);color:var(--ok)}.mrd .p-b{background:var(--bad-bg);color:var(--bad)}.mrd .panel{border-radius:var(--r-panel) 0 0 var(--r-panel);box-shadow:none}.mrd .panel-head,.mrd .panel-foot{border-color:var(--line)}
.password-control{position:relative;width:100%}.password-control input{width:100%;padding-right:76px!important;margin-bottom:0!important}.password-visibility{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:transparent;color:var(--skin,#185c43);border:0;border-radius:6px;padding:8px 10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;width:auto;margin:0}.password-visibility:focus-visible{outline:2px solid var(--skin,#185c43);outline-offset:1px}
@media(max-width:620px){.mrd #main{padding:14px}.mrd .mrd-panel{padding:20px}.mrd .mrd-title{font-size:23px}.mrd .panel{border-radius:var(--r-panel) var(--r-panel) 0 0}}
/* Hard-copy and PDF record layout, shared by every ERP screen and form. */
#meridian-print-document{display:none}
body.meridian-print-preview> :not(#meridian-print-document){display:none!important}
body.meridian-print-preview{background:#e9e9e9!important;overflow:auto!important}
body.meridian-print-preview #meridian-print-document{display:block!important;padding:20px;min-height:100vh}
.mrd-print-toolbar{display:flex;justify-content:flex-end;gap:12px;max-width:210mm;margin:0 auto 16px}
.mrd-print-paper{box-sizing:border-box;max-width:210mm;margin:auto;background:white;color:#111;padding:12mm;font:11pt/1.45 Arial,sans-serif;overflow-wrap:anywhere}
.mrd-print-paper>h1{font-size:19pt;margin:0 0 8px}
.mrd-print-meta{font-size:9pt;border-bottom:1px solid #888;padding-bottom:8px}
.mrd-print-note{font-size:9pt;padding:8px 0;border-bottom:1px solid #bbb}
.mrd-print-value{display:block;min-height:1.4em;white-space:pre-wrap;color:#111!important;font-weight:500;padding:4px 0}
.mrd-print-paper .mrd-panel{background:white!important;color:#111!important;padding:0!important;border:0!important}
.mrd-print-paper .mrd-panel::before,.mrd-print-paper .mrd-panel::after{display:none!important}
.mrd-print-paper .mrd-panel *{color:#111!important}
.mrd-print-paper .mrd-panel h1{display:none}
.mrd-print-paper table{width:100%!important;border-collapse:collapse!important;font-size:9pt;table-layout:auto}
.mrd-print-paper th,.mrd-print-paper td{padding:5px!important;border:1px solid #bbb!important;white-space:normal!important;overflow-wrap:anywhere}
.mrd-print-paper .sheet,.mrd-print-paper .fig{box-shadow:none!important;background:white!important;color:#111!important;border:1px solid #bbb!important;border-radius:0!important}
.mrd-print-paper img,.mrd-print-paper svg,.mrd-print-paper canvas{max-width:100%!important}
.mrd-print-paper .figs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
@media print{
 @page{size:A4;margin:12mm}
 html,body{height:auto!important;overflow:visible!important;background:white!important;color:black!important}
 body> :not(#meridian-print-document){display:none!important}
 #meridian-print-document{display:block!important;padding:0!important}
 .mrd-print-toolbar{display:none!important}
 .mrd-print-paper{max-width:none!important;width:100%!important;padding:0!important;font-size:10pt}
 .mrd-print-paper *{box-shadow:none!important;text-shadow:none!important;max-height:none!important;overflow:visible!important;position:static!important}
 .mrd-print-paper table{min-width:0!important}
 .mrd-print-paper thead{display:table-header-group!important}
 .mrd-print-paper tfoot{display:table-footer-group!important}
 .mrd-print-paper tr,.mrd-print-paper .fig{break-inside:avoid;page-break-inside:avoid}
 .mrd-print-paper h1,.mrd-print-paper h2,.mrd-print-paper h3{break-after:avoid;page-break-after:avoid}
 .mrd-print-paper p{orphans:3;widows:3}
}

/* Shared desktop/mobile presentation. Native system fonts avoid extra downloads. */
body.mrd{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Arial,sans-serif!important;-webkit-font-smoothing:antialiased;line-height:1.5}
body.mrd #main{width:100%;max-width:1600px;margin-inline:auto;min-width:0;box-sizing:border-box}
body.mrd .mrd-sync,body.mrd .mrd-sync button{color:var(--on-skin,#fff)!important}
body.mrd .mrd-sync button{font-weight:600!important;background:transparent!important;border:1px solid currentColor!important}
body.mrd .mrd-sync button:hover{background:rgba(255,255,255,.16)!important}
body.mrd .mrd-panel{overflow:hidden}
body.mrd .mrd-title{letter-spacing:-.025em;line-height:1.15}
body.mrd .mrd-sub{line-height:1.5}
body.mrd .rail{max-width:100vw;min-width:0;overscroll-behavior-inline:contain}
body.mrd .figs{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
body.mrd .sheet,body.mrd .fig{min-width:0;box-sizing:border-box}
body.mrd .btn,body.mrd .tab{font-family:inherit!important}
body.mrd .mrd-table-scroll{max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.mrd .mrd-table-scroll table{min-width:100%}
body.mrd .panel{max-width:100vw;box-sizing:border-box}
.mrd-print-toolbar .btn{width:auto!important;flex:0 1 auto;min-height:44px}
@media(max-width:640px){
 body.mrd #main{padding:14px!important}
 body.mrd .mrd-panel{padding:20px!important;border-radius:16px!important}
 body.mrd .mrd-title{font-size:clamp(24px,7vw,32px)!important}
 body.mrd .mrd-sync{gap:10px!important}
 body.mrd .btn,body.mrd .inp{min-height:44px}
 body.mrd input,body.mrd textarea,body.mrd select{max-width:100%;box-sizing:border-box;font-size:16px}
 body.mrd .panel{width:100vw!important;max-width:100vw!important}
 body.mrd .panel-head,body.mrd .panel-body,body.mrd .panel-foot{padding-left:16px!important;padding-right:16px!important}
 .mrd-print-paper{padding:6mm!important}
 body.meridian-print-preview #meridian-print-document{padding:10px!important}
}
@media print{body.mrd .mrd-table-scroll{overflow:visible!important}.mrd-print-paper .figs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Equal navigation targets with predictable spacing at every viewport. */
body.mrd .rail{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:8px!important;scroll-snap-type:x proximity}
body.mrd .rail>.tab{flex:0 0 140px!important;width:140px!important;min-width:140px!important;max-width:140px!important;height:52px!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 12px!important;box-sizing:border-box!important;white-space:nowrap;scroll-snap-align:start;font-size:13px!important;font-weight:600!important;border-radius:12px!important}
@media(max-width:640px){body.mrd .rail>.tab{flex-basis:132px!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:48px!important;min-height:48px!important}}

/* Keep the last refresh time directly beneath its action. */
body.mrd .mrd-sync{display:grid!important;grid-template-columns:max-content max-content;justify-content:end!important;align-items:start!important;column-gap:10px!important;row-gap:5px!important}
body.mrd .mrd-sync>button:first-child{grid-column:1;grid-row:1}
body.mrd .mrd-sync>[data-sync-status]{grid-column:1;grid-row:2;text-align:center;font-size:11px;line-height:1.4;white-space:nowrap}
body.mrd .mrd-sync>[data-print-control]{grid-column:2;grid-row:1}

/* Equal-sized Refresh and Print actions on every page. */
body.mrd .mrd-sync{grid-template-columns:104px 104px!important}
body.mrd .mrd-sync>button{box-sizing:border-box;width:104px!important;min-width:104px!important;height:44px!important;min-height:44px!important;padding:0 12px!important;display:inline-flex;align-items:center;justify-content:center}