/* MakerForge v31.7 — consistent visual language for member-facing workspaces.
   Styling-only, intentionally leaves auth, geometry, machine diagnostics and API behavior untouched. */
:root{--mf-polish-border:#34495f;--mf-polish-text:#eef7fc;--mf-polish-muted:#a6bdcf;--mf-polish-accent:#67ddc9}
#protectedApp{color:var(--mf-polish-text)}
#protectedApp .studio-main{padding-top:clamp(18px,2.4vw,30px)}
#protectedApp .studio-pagebar{padding:2px 2px 18px;border-bottom:1px solid #263b52;margin-bottom:20px;align-items:flex-end}
#protectedApp .studio-pagebar h1{font-weight:750;line-height:1.14;letter-spacing:-.04em;margin:5px 0 7px}
#protectedApp .studio-pagebar p{max-width:70ch;font-size:14px;color:#acc0d4}
#protectedApp .studio-pagebar .eyebrow{font-weight:750;color:#72dfce;letter-spacing:.12em}
#protectedApp .studio-nav{gap:3px}
#protectedApp .studio-nav button{min-height:43px;padding:10px 12px;transition:background .16s,border-color .16s}
#protectedApp .studio-nav button:focus-visible,#protectedApp .studio-mobile-menu button:focus-visible{outline:2px solid #77ead7;outline-offset:3px}
#protectedApp .studio-nav button.active{box-shadow:inset 3px 0 0 #65ddc7}
#protectedApp .studio-view .panel,#protectedApp .studio-view .mf-my-reports,#protectedApp .studio-view .mf-beta-panel,
#protectedApp .studio-view .support-panel,#protectedApp .studio-view .machine-card{
 border-radius:15px;border-color:#2c4259;box-shadow:0 7px 23px #02091518;
}
#protectedApp .studio-view .ai-workbench.panel{padding:clamp(17px,2.3vw,27px)}
#protectedApp .studio-view .ai-heading{align-items:flex-start;gap:16px;margin-bottom:16px}
#protectedApp .studio-view .ai-heading h2{font-size:clamp(19px,2vw,26px);letter-spacing:-.025em;line-height:1.25;margin:5px 0 7px}
#protectedApp .studio-view .ai-heading p{max-width:74ch;color:#adc0d2;line-height:1.6}
#protectedApp .studio-view .eyebrow{font-weight:750;letter-spacing:.12em;color:#72ddcc}
#protectedApp .studio-view label{color:#d5e3f0;font-size:13px;font-weight:600;line-height:1.55}
#protectedApp .studio-view input:not([type=checkbox]):not([type=radio]):not([type=file]),
#protectedApp .studio-view select,#protectedApp .studio-view textarea{
 background:#0a192b;color:#eff9ff;border:1px solid #45637d;border-radius:10px;
 min-height:40px;line-height:1.45;box-sizing:border-box;
}
#protectedApp .studio-view input::placeholder,#protectedApp .studio-view textarea::placeholder{color:#98afc3;opacity:1}
#protectedApp .studio-view input:focus-visible,#protectedApp .studio-view select:focus-visible,
#protectedApp .studio-view textarea:focus-visible{outline:2px solid #6de6d0;outline-offset:2px;border-color:#6de6d0}
#protectedApp .studio-view input:disabled,#protectedApp .studio-view textarea:disabled{opacity:.7;cursor:not-allowed}
#protectedApp .studio-view button:not(:disabled){cursor:pointer}
#protectedApp .studio-view button:focus-visible{outline:2px solid #70e4d1;outline-offset:3px}
#protectedApp .studio-view button:disabled{opacity:.52;cursor:not-allowed}
#protectedApp .studio-view button.generate,#protectedApp .studio-view button.ghost,
#protectedApp .studio-view .project-actions button{min-height:40px;border-radius:10px;line-height:1.3}
#protectedApp .studio-view .ai-result,#protectedApp .studio-view .profile-note{line-height:1.62;overflow-wrap:anywhere}
#protectedApp .studio-view .profile-note{color:#a6bbce}
#protectedApp .studio-view .project-actions,#protectedApp .studio-view .prompt-actions,
#protectedApp .studio-view .inspector-controls{gap:10px;flex-wrap:wrap}
#protectedApp .studio-view .project-actions{margin:16px 0}
#protectedApp .studio-view .project-item,#protectedApp .studio-view .mf-my-report-row{
 background:#101f32;border:1px solid #29415a;border-radius:12px;padding:13px 15px;margin:9px 0;
}
#protectedApp .studio-view .project-item strong,#protectedApp .studio-view .mf-my-report-row strong{font-weight:700;color:#f3fafc}
#protectedApp .studio-view .project-item small,#protectedApp .studio-view .mf-my-report-row small{color:#aec4d5;line-height:1.5}
#protectedApp .studio-view .mf-project-filters,#protectedApp .studio-view .mf-my-report-toolbar{
 border:1px solid #294258;border-radius:13px;background:#101f32;padding:14px;gap:12px;
}
#protectedApp .studio-view .mf-project-stats,#protectedApp .studio-view #mfReportsCount{
 color:#b6d4e2;font-size:13px;line-height:1.6;
}
#protectedApp .studio-view .mf-my-reports header h2{letter-spacing:-.025em}
#protectedApp .studio-view .mf-my-reports header p{color:#a9c0d3;line-height:1.6}
#protectedApp .studio-view .mf-my-report-row button{white-space:normal}
#protectedApp .studio-view .mf-my-report-grid{gap:14px}
#protectedApp .studio-view .mf-my-report-grid>article{background:#0e1c2e;border:1px solid #31465c;border-radius:12px;padding:15px;min-width:0}
#protectedApp .studio-view pre{white-space:pre-wrap;overflow-wrap:anywhere}
#protectedApp .studio-view .machine-card{padding:clamp(16px,2vw,23px)}
#protectedApp .studio-view .machine-card h3{line-height:1.3}
#protectedApp .studio-view .machines-grid{gap:16px}
#protectedApp .studio-view .machine-bridge-actions{gap:10px}
#protectedApp .studio-view .machine-guide,#protectedApp .studio-view details{
 border-radius:11px;
}
#protectedApp .studio-view details>summary{cursor:pointer;line-height:1.5}
#protectedApp .studio-view details>summary:focus-visible{outline:2px solid #70e4d1;outline-offset:2px}
#protectedApp .studio-view .stl-quick-nav{border-radius:11px;gap:10px}
#protectedApp .studio-view .stl-quick-links{gap:7px;flex-wrap:wrap}
#protectedApp .studio-view .stl-viewer-head{gap:13px;flex-wrap:wrap}
#protectedApp .studio-view .stl-viewer-actions{display:flex;gap:8px;flex-wrap:wrap}
#protectedApp .studio-view .stl-viewer-actions button{min-height:36px}
#protectedApp .studio-view #stlPreviewCanvas{border-radius:12px;overflow:hidden}
#protectedApp .studio-view .studio-welcome{border-radius:17px;padding:clamp(22px,3vw,36px)}
#protectedApp .studio-view .studio-shortcuts{gap:12px}
#protectedApp .studio-view .studio-shortcuts button{line-height:1.45;min-height:64px;border-radius:12px;padding:13px 15px}
#protectedApp .studio-view .studio-shortcuts button:focus-visible{outline:2px solid #75e6d3;outline-offset:3px}
#protectedApp .studio-view .offline-pill{white-space:normal;text-align:center}
/* Accessible visual statuses without inventing operational state. */
#protectedApp .studio-view [role=status]{overflow-wrap:anywhere}
@media(max-width:1100px){
 #protectedApp #studio-design .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
 #protectedApp #studio-design .workspace>.panel:last-child{grid-column:1/-1}
 #protectedApp .studio-view .studio-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 #protectedApp .studio-main{padding:16px 14px 48px}
 #protectedApp .studio-pagebar{align-items:flex-start;padding-bottom:15px}
 #protectedApp .studio-pagebar h1{font-size:25px;letter-spacing:-.025em}
 #protectedApp .studio-view .ai-workbench.panel{padding:16px}
 #protectedApp #studio-design .workspace{display:flex;flex-direction:column}
 #protectedApp #studio-design .workspace>.panel{width:100%;min-width:0}
 #protectedApp .studio-view .machine-card{padding:17px}
 #protectedApp .studio-view .mf-project-filters,#protectedApp .studio-view .mf-my-report-toolbar{padding:12px}
 #protectedApp .studio-view .project-actions>button{flex:1 1 170px}
 #protectedApp .studio-view .studio-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
 #protectedApp .studio-view .stl-viewer-head{flex-direction:column;align-items:stretch}
 #protectedApp .studio-view .mf-my-report-row{display:flex;flex-direction:column;gap:10px}
}
@media(max-width:480px){
 #protectedApp .studio-view .studio-shortcuts{grid-template-columns:1fr}
 #protectedApp .studio-view .studio-shortcuts button{min-height:46px}
 #protectedApp .studio-view .mf-project-filters,#protectedApp .studio-view .mf-my-report-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}
 #protectedApp .studio-view .mf-my-report-row button{min-height:42px}
 #protectedApp .studio-view .ai-heading{flex-direction:column;align-items:stretch}
 #protectedApp .studio-view .ai-heading .offline-pill{align-self:flex-start}
}
@media(prefers-reduced-motion:reduce){#protectedApp .studio-nav button{transition:none}}
/* Print stylesheet must continue to control report pagination independently. */
@media print{#protectedApp .studio-view .mf-print-report{all:revert}}

/* v31.7.1: consistent left alignment across My Reports sections and page heading.
   The old report library had its own centered max-width, unlike the subscriber card. */
#protectedApp #studio-reports {
  width:100%; max-width:1150px; margin:0; min-width:0; box-sizing:border-box;
}
#protectedApp #studio-reports .mf-subscriber-pilot,
#protectedApp #studio-reports .mf-my-reports {
  width:100%; max-width:none; min-width:0; margin-left:0; margin-right:0; box-sizing:border-box;
}
#protectedApp #studio-reports .mf-my-reports {padding:24px 0 36px;}
#protectedApp #studio-reports .mf-my-report-toolbar,
#protectedApp #studio-reports .mf-my-report-detail,
#protectedApp #studio-reports #mfReportsList {min-width:0; max-width:100%;}
#protectedApp #studio-reports .mf-my-report-toolbar label{min-width:min(100%,170px);}
@media(max-width:760px){
 #protectedApp #studio-reports .mf-my-reports{padding:18px 0 30px;}
 #protectedApp #studio-reports .mf-subscriber-pilot{padding:15px;}
 #protectedApp #studio-reports .mf-my-report-toolbar{gap:10px;}
}