/* MakerForge v31.7.2 — coherent, accessible button appearance across signed-in workspaces.
   Never modifies click handlers, privileges, backend calls, models or geometry. */
:root{--mf-action-bg:#173149;--mf-action-border:#54768c;--mf-action-hover:#22475b;--mf-action-fg:#eef8ff;--mf-action-focus:#79ebd4;--mf-action-primary:#59dec8;--mf-action-primary-hover:#7af0d9;}
/* Global baseline for semantic buttons; preserve dedicated nav, option chips and tabs. */
#protectedApp .studio-view button,
#protectedApp .top-actions button,
#protectedApp .studio-mobile-menu button,
#protectedApp #studioMobileNav{
 box-sizing:border-box; font-family:inherit; font-weight:650; line-height:1.3;
 border-radius:9px; transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease;
}
/* Conventional actions get an unmistakable filled/outlined button shell.
   Deliberately exclude choices (machine/shape tabs, toggles), icon grips and nav items. */
#protectedApp .studio-view button.ghost,
#protectedApp .studio-view .mf-report-actions button,
#protectedApp .studio-view .mf-my-report-buttons button,
#protectedApp .studio-view .mf-my-report-toolbar button,
#protectedApp .studio-view .mf-project-filters button,
#protectedApp .studio-view .project-item-actions button,
#protectedApp .studio-view .machine-bridge-actions button,
#protectedApp .studio-view .mf-beta-actions button,
#protectedApp .studio-view .mf-admin-header button,
#protectedApp .studio-view .mf-admin-page button,
#protectedApp .studio-view .mf-admin-table-wrap button,
#protectedApp .studio-view .mf-ai-actions button,
#protectedApp .studio-view .mf-inspector-ai-action button,
#protectedApp .studio-view .mf-subscriber-pilot button:not(.generate),
#protectedApp .top-actions button.ghost{
 appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:7px;
 min-height:39px;max-width:100%;padding:9px 14px;
 background:var(--mf-action-bg);border:1px solid var(--mf-action-border);
 color:var(--mf-action-fg);box-shadow:0 1px 0 #0005;
 text-decoration:none;white-space:normal;text-align:center;cursor:pointer;
}
#protectedApp .studio-view button.generate,
#protectedApp .studio-view button[type="submit"].generate,
#protectedApp .studio-view button.mf-btn-primary{
 appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:7px;
 min-height:41px;padding:10px 16px;
 background:var(--mf-action-primary);border:1px solid #91f5df;
 color:#062b30;font-weight:800;box-shadow:0 2px 7px #020b1280;
 text-decoration:none;white-space:normal;cursor:pointer;
}
#protectedApp .studio-view button.ghost:not(:disabled):hover,
#protectedApp .studio-view .mf-report-actions button:not(:disabled):hover,
#protectedApp .studio-view .mf-my-report-buttons button:not(:disabled):hover,
#protectedApp .studio-view .mf-my-report-toolbar button:not(:disabled):hover,
#protectedApp .studio-view .mf-project-filters button:not(:disabled):hover,
#protectedApp .studio-view .project-item-actions button:not(:disabled):hover,
#protectedApp .studio-view .mf-admin-table-wrap button:not(:disabled):hover,
#protectedApp .studio-view .mf-subscriber-pilot button:not(.generate):not(:disabled):hover,
#protectedApp .top-actions button.ghost:hover{
 background:var(--mf-action-hover);border-color:#80d1c5;color:white;
}
#protectedApp .studio-view button.generate:not(:disabled):hover,
#protectedApp .studio-view button.mf-btn-primary:not(:disabled):hover{
 background:var(--mf-action-primary-hover);border-color:#baf8eb;
}
/* Destructive actions: visible danger outline, not plain muted text. */
#protectedApp .studio-view button[id*="Delete" i],
#protectedApp .studio-view button[id*="Remove" i],
#protectedApp .studio-view button[data-action="delete"],
#protectedApp .studio-view button[data-action="remove"]{
 background:#38202d;border:1px solid #c97988;color:#ffe6eb;
}
#protectedApp .studio-view button[id*="Delete" i]:not(:disabled):hover,
#protectedApp .studio-view button[id*="Remove" i]:not(:disabled):hover,
#protectedApp .studio-view button[data-action="delete"]:not(:disabled):hover,
#protectedApp .studio-view button[data-action="remove"]:not(:disabled):hover{
 background:#592937;border-color:#f1a0a9;
}
/* Even unavailable actions must still look like buttons and remain legible. */
#protectedApp .studio-view button:disabled,
#protectedApp .studio-view button[aria-disabled="true"]{
 opacity:1!important;cursor:not-allowed!important;
 background:#1a2534!important;border:1px dashed #516276!important;
 color:#9fb0c3!important;box-shadow:none!important;
}
#protectedApp .studio-view button:focus-visible,
#protectedApp .top-actions button:focus-visible,
#protectedApp .studio-nav button:focus-visible,
#protectedApp .studio-mobile-menu button:focus-visible{
 outline:3px solid var(--mf-action-focus);outline-offset:3px;
}
#protectedApp .studio-view button:not(:disabled):active{transform:translateY(1px);box-shadow:none;}
/* Sidebar consistently feels like navigation, distinct from content actions. */
#protectedApp .studio-nav>button[data-view],
#protectedApp .studio-mobile-menu>button[data-view]{border-radius:10px;min-height:43px;}
@media(max-width:760px){
 #protectedApp .studio-view .mf-report-actions button,
 #protectedApp .studio-view .mf-my-report-toolbar button,
 #protectedApp .studio-view .mf-beta-actions button{min-height:44px;}
}
@media(prefers-reduced-motion:reduce){
 #protectedApp .studio-view button,#protectedApp .top-actions button{transition:none;}
 #protectedApp .studio-view button:active{transform:none;}
}
/* Do not change the browser's printable report structure. */
@media print{#protectedApp .studio-view button{display:none!important;}}