.mfg-page{max-width:1300px;margin:0 auto;padding:24px;color:var(--text,#eee)}
.mfg-page *, .mfg-dialog *, .mfg-settings-card *, .mfg-pick-dialog *{box-sizing:border-box}
.mfg-tabs{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:8px 0 18px;scrollbar-width:thin}
.mfg-page button,.mfg-dialog button,.mfg-settings-card button,.mfg-pick-dialog button{font:inherit;border:1px solid rgba(var(--accent-rgb),.3);border-radius:12px;padding:10px 15px;cursor:pointer;color:var(--text,#eee);background:var(--panel,#141619);transition:background .15s,border-color .15s;min-height:42px}
.mfg-page button:hover,.mfg-dialog button:hover,.mfg-settings-card button:hover{border-color:var(--accent)}
.mfg-page button[aria-selected=true],.mfg-page .mfg-primary,.mfg-dialog .mfg-primary,.mfg-pick-dialog .mfg-primary{background:var(--accent);border-color:var(--accent);color:#080909;font-weight:750}
.mfg-page button:disabled,.mfg-dialog button:disabled{opacity:.45;cursor:not-allowed}
.mfg-page a,.mfg-settings-card a,.mfg-dialog a{color:var(--accent)}
.mfg-tabs button{white-space:nowrap;flex:0 0 auto}.mfg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.mfg-card{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;background:var(--panel,#121417);min-width:0}
.mfg-card h3,.mfg-card h2{margin:0 0 8px;overflow-wrap:anywhere}.mfg-card p,.mfg-muted{color:var(--muted,#aaa);line-height:1.6}.mfg-card p{margin:6px 0 14px}
.mfg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 18px}.mfg-toolbar h2{margin:0}.mfg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mfg-stat{font-size:32px;font-weight:800;color:var(--accent);margin:10px 0}.mfg-badge{display:inline-block;font-size:12px;padding:4px 8px;border-radius:8px;border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent);margin-bottom:8px}.mfg-badge.warning{color:var(--warning,#ffc107);border-color:currentColor}.mfg-badge.danger{color:var(--danger,#ff5c6c);border-color:currentColor}
.mfg-notice{padding:14px 16px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:14px;background:rgba(var(--accent-rgb),.06);margin:16px 0;line-height:1.6;overflow-wrap:anywhere}.mfg-notice.error,.mfg-error{color:var(--danger,#ff5c6c)}
.mfg-dialog,.mfg-pick-dialog{color:var(--text,#eee);background:var(--panel,#131619);border:1px solid rgba(var(--accent-rgb),.3);border-radius:20px;width:min(760px,calc(100vw - 24px));max-height:90dvh;padding:22px;overflow:auto}.mfg-dialog::backdrop,.mfg-pick-dialog::backdrop{background:rgba(0,0,0,.75)}
.mfg-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}.mfg-dialog-head h2{margin:0}.mfg-form{display:grid;gap:14px}.mfg-form label{display:grid;gap:7px;font-weight:650}.mfg-form input,.mfg-form select,.mfg-form textarea{width:100%;min-width:0;font:inherit;color:var(--text,#eee);background:var(--bg,#090b0d);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px;min-height:44px}.mfg-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.mfg-form input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--accent)}
.mfg-form .mfg-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mfg-component{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.13);margin-top:10px}.mfg-component .mfg-pair{grid-template-columns:2fr 1fr}.mfg-component button{margin-top:8px}.mfg-error{min-height:24px;font-weight:600}.mfg-empty{padding:24px;text-align:center;color:var(--muted,#aaa);border:1px dashed rgba(255,255,255,.2);border-radius:16px}
.mfg-table-wrap{max-width:100%;overflow-x:auto}.mfg-table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}.mfg-table td,.mfg-table th{padding:10px;border-bottom:1px solid rgba(255,255,255,.12);vertical-align:top}.mfg-table th{color:var(--accent)}.mfg-countdown{font-size:27px;color:var(--accent);font-variant-numeric:tabular-nums}.mfg-settings-card input{accent-color:var(--accent)}
.mfg-due-banner{position:fixed;right:16px;bottom:16px;z-index:850;max-width:min(360px,calc(100vw - 32px));padding:14px;border:1px solid var(--accent);border-radius:14px;background:var(--panel,#141619);color:var(--text,#eee);box-shadow:0 8px 28px #0007}.mfg-due-banner a{display:block;margin-top:6px;color:var(--accent)}
.mfg-pick-row{padding:12px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:12px;margin:10px 0}.mfg-pick-row strong{color:var(--accent)}.mfg-pick-row span{display:block;margin-top:4px}.mfg-page [hidden],.mfg-settings-card [hidden]{display:none!important}
@media(max-width:600px){.mfg-page{padding:14px}.mfg-form .mfg-pair,.mfg-component .mfg-pair{grid-template-columns:1fr}.mfg-dialog{padding:16px}.mfg-toolbar{align-items:stretch}.mfg-toolbar .mfg-actions{width:100%;margin:0}.mfg-toolbar .mfg-actions button{flex:1}.mfg-due-banner{bottom:10px;right:10px;max-width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.mfg-page *,.mfg-dialog *{transition:none!important;animation:none!important}}
.mfg-search{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.mfg-search input{min-width:0;flex:1 1 220px;border:1px solid var(--border);background:var(--input);color:var(--text);padding:12px;border-radius:12px;font:inherit}.mfg-search button{flex:0 0 auto}

.mfg-calculator-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) auto;gap:12px;align-items:end;margin-bottom:12px;padding:14px;border:1px solid var(--border,#ffffff20);border-radius:12px}.mfg-reorder-section{margin-top:24px;padding:0}.mfg-reorder-section .mfg-card button{color:var(--text,#eee)}.mfg-calculator-row button{min-height:44px}.mfg-page details summary{cursor:pointer;font-weight:700}.mfg-page .mfg-table td,.mfg-page .mfg-table th{white-space:normal}@media(max-width:600px){.mfg-calculator-row{grid-template-columns:1fr}.mfg-calculator-row button{justify-self:start}}
