.mj{max-width:900px;margin:auto;padding:0 16px 24px}.mj button{border:1px solid var(--line,#d7dde5);border-radius:10px;padding:12px 14px;background:var(--card,#fff);color:var(--label);font:inherit;cursor:pointer;min-height:44px}.mj-tabs,.mj-actions{display:flex;gap:8px;margin:12px 0}.mj-tabs button{flex:1}.mj-tabs [aria-pressed=true],.mj-actions button:first-child{background:var(--accent);color:var(--on-accent)}.mj-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.mj label{display:flex;flex-direction:column;gap:6px;font-size:14px;min-width:0}.mj input,.mj select,.mj textarea{width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--accent-line);border-radius:8px;padding:9px;background:var(--card,#fff);color:var(--label);font:inherit}.mj-card{border:1px solid var(--sep);border-radius:12px;padding:16px;margin:10px 0;background:var(--card,#fff);overflow-wrap:anywhere}.mj-main{display:flex;justify-content:space-between;gap:14px;margin:8px 0}.mj-main b{white-space:nowrap}.mj-date,.mj-card>span,.mj-card small{color:var(--label2);font-size:13px}.mj details{margin:12px 0}.mj summary{cursor:pointer;color:var(--accent);min-height:30px}.mj p{line-height:1.5}.mj fieldset{border:1px solid var(--sep);border-radius:12px;padding:14px;margin:14px 0;display:grid;gap:12px;min-width:0}.mj-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px}.mj form{background:var(--card);padding:16px;border-radius:14px;margin:16px 0}.mj form>label{margin:12px 0}.mj-legacy{border-top:1px solid #d4dce7;padding-top:16px;margin-top:28px!important}#mjError{color:var(--out)}.mj [role=status]{color:var(--in)}@media(max-width:600px){.mj-filters{grid-template-columns:1fr 1fr}.mj-actions{flex-direction:column}.mj-tabs button{font-size:14px;padding:10px 6px}.mj-main{align-items:flex-start}.mj form{padding:12px}.mj-card{padding:13px}.mj-main b{max-width:48%;white-space:normal;text-align:right}}

.mj input,.mj select,.mj textarea{font-size:16px}

/* Materials: compact, flat rows in the purchase journal language. */
.mj-materials{max-width:760px}
.mj-materials .mj-tabs{border-bottom:1px solid var(--sep);gap:20px;margin:0 0 16px}
.mj-materials .mj-tabs button{flex:initial;border:0;border-radius:0;background:none;color:var(--label2);padding:10px 0;border-bottom:2px solid transparent}
.mj-materials .mj-tabs [aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}
.mj-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.mj-toolbar input{flex:1 1 170px;min-width:0}
.mj-toolbar button{border-color:var(--accent-line);color:var(--accent);font-size:14px;padding:10px}
.mj-filterbar{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
.mj-filterbar>label{flex:1}
.mj-materials .mj-extra-filters{flex:1;margin:0;min-width:0}
.mj-materials summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center;list-style:none}
.mj-materials summary::-webkit-details-marker{display:none}
.mj-extra-filters>summary{justify-content:flex-end;font-size:14px}
.mj-extra-filters .mj-grid{grid-template-columns:1fr}
.mj-extra-filters button{margin-top:8px}
.mj-list-heading{display:flex;justify-content:space-between;color:var(--label2);font-size:12px;padding:0 22px 8px 0;border-bottom:1px solid var(--sep)}
.mj-materials .mj-material{margin:0;border-bottom:1px solid var(--sep)}
.mj-material>summary{gap:12px;padding:14px 0;color:var(--label);min-height:74px}
.mj-identity{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.mj-identity strong{font-size:15px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.mj-identity small,.mj-quantity small{color:var(--label2);font-size:12px;line-height:1.4}
.mj-quantity{display:flex;flex-direction:column;gap:5px;text-align:right;max-width:38%;flex-shrink:0}
.mj-quantity b{font-size:15px;font-weight:600}
.mj-chevron{color:var(--label2);font-size:20px}
.mj-material[open]>summary .mj-chevron{transform:rotate(90deg)}
.mj-row-detail{padding:0 0 14px;font-size:14px;overflow-wrap:anywhere}
.mj-row-detail small{color:var(--label2)}
.mj-row-detail p{margin:10px 0}
.mj-fact{border-top:1px solid var(--sep);padding:8px 0}
.mj-fact>p{display:flex;justify-content:space-between;gap:8px}
.mj-row-detail button{font-size:14px;border:0;color:var(--accent);padding-left:0;background:none}
.mj-materials .mj-equipment{border-top:1px solid var(--sep);margin:20px 0 0}
.mj-equipment>summary{font-size:14px;justify-content:space-between}
.mj-equipment>summary:after{content:'＋';margin-left:8px}
.mj-equipment[open]>summary:after{content:'−'}
.mj-materials .mj-legacy{border-color:var(--sep);margin-top:20px!important;font-size:14px;padding-top:0}
.mj-materials form{background:none;padding:0;margin-top:0}
.mj-materials form h2{font-size:20px;margin-top:0}
.mj-materials form fieldset{background:var(--card);margin:16px 0}
.mj-materials .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
