/* Shared glass surfaces for the editor, account pages and published presentations. */
:root{--matteo-glass:rgba(250,252,255,.72);--matteo-glass-edge:rgba(255,255,255,.85);--matteo-ink:#233247;--matteo-muted:#5b6b80;--matteo-accent:#0879ed;--matteo-shadow:0 12px 38px #253e6412,inset 0 1px 0 #fff}
html body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;color:var(--matteo-ink);background:radial-gradient(ellipse at 5% 0%,#c7e5f3 0,transparent 48%),radial-gradient(ellipse at 95% 15%,#e4d9f7 0,transparent 48%),linear-gradient(145deg,#edf3f9,#e4edf4 65%,#e3f0eb);background-attachment:fixed}
.app-shell{background:transparent}
body :is(.glass,.topbar,.library-panel,.properties-panel,.production-bar,.project-panel,.account-panel,.auth-card,.login-card,.admin-panel,.project-cut-panel,.budget-panel,.images-panel,.assembly-panel,.cnc-panel,.hardware-panel,.module-select,.sidebar,.quote-host fieldset){background:var(--matteo-glass);border:1px solid var(--matteo-glass-edge);border-radius:22px;box-shadow:var(--matteo-shadow);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}
body :is(.app-dialog,[data-slot="dialog-content"],.sketchup-dialog){background:rgba(246,250,255,.9)!important;border:1px solid #fff!important;box-shadow:0 28px 100px #253e6430,inset 0 1px 0 #fff!important;-webkit-backdrop-filter:blur(38px) saturate(150%);backdrop-filter:blur(38px) saturate(150%);border-radius:24px!important}
body :is(button,.outline-button,.secondary-button,.project-cut-workspace button,.quote-host button){border-radius:11px;transition:background .15s,box-shadow .15s,transform .15s}
body :is(button,.outline-button,.secondary-button):not(:disabled):hover{box-shadow:0 3px 12px #30486a15}
body :is(button,input,select,textarea):focus-visible{outline:3px solid #0879ed99;outline-offset:3px}
body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){background:rgba(255,255,255,.65);border-color:#839bb63d;border-radius:10px;color:var(--matteo-ink)}
body :is(.primary-button,.project-cut-download,.sketchup-confirm){background:linear-gradient(#2097ff,#0879ed);border:1px solid #0870d9;color:white;box-shadow:0 4px 12px #0879ed25,inset 0 1px 0 #ffffff50}
body .presentation-tabs.presentation-tabs{background:transparent;border:0;padding:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:16px}
body .presentation-tab-group{background:#f7faff70;border:1px solid #fff9;padding:5px;border-radius:16px;box-shadow:0 5px 22px #30486a10;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
body .presentation-tabs button{color:#5b6b80;padding:9px 19px}
body .presentation-tabs button[aria-selected="true"]{background:#ffffffdb;color:#175f9e;box-shadow:0 2px 7px #30486a1c,inset 0 1px 0 #fff}
body .project-cut-workspace{color:var(--matteo-ink)}
body .project-cut-workspace .project-cut-config{padding:18px;background:#ffffff4d;border:1px solid #ffffffa6;border-radius:18px;margin:18px 0}
body .project-cut-totals{padding:16px 18px;background:#ffffff70;border:1px solid #fff9;border-radius:16px;gap:24px}
body .project-cut-workspace .project-cut-command-bar{position:sticky;top:10px;z-index:20;display:flex;flex-direction:column;gap:10px;padding:12px;margin:18px 0;border:1px solid #ffffffe0;border-radius:18px;background:#f4f9ffeb;box-shadow:0 8px 28px #2946681c,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
body .project-cut-command-main,body .project-cut-workspace .project-cut-selection{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;border:0;background:none}
body .project-cut-workspace .project-cut-command-bar button{min-height:40px;padding:8px 13px;font-size:12px;line-height:1.3;background:#ffffffb3;border:1px solid #899eb536;box-shadow:0 1px 2px #203c5810;gap:6px}
body .project-cut-command-main>button:last-child{background:linear-gradient(#2097ff,#0879ed);color:#fff;border-color:#0879ed}
body .project-cut-workspace .project-cut-selection{padding-top:10px;border-top:1px solid #9cb0c52b}
body .project-cut-workspace .project-cut-selection>strong{font-size:12px;padding:4px 8px}
body .project-cut-workspace .project-cut-command-bar button:disabled{opacity:.4;box-shadow:none}
body .project-cut-command-bar~.cut-plan-editor .cut-reorganize-action{display:none}
body .project-cut-workspace .project-cut-selection>button:first-child{color:#a8423c}
body .project-cut-workspace .cut-surface-heading{min-height:60px}
body .project-cut-workspace .cut-parking-surface{background:#f7fbff80;border:1px dashed #92a9c2;border-radius:16px}
body .project-cut-workspace .project-cut-machining{background:#ffffff70;border-color:#fff;border-radius:16px}
@media(max-width:700px){body .project-cut-workspace .project-cut-command-bar{top:4px;gap:7px;padding:9px;border-radius:14px}body .project-cut-workspace .project-cut-command-bar button{min-height:42px;padding:8px 10px;font-size:11px}body .project-cut-command-main{gap:6px}body .project-cut-totals{gap:14px;padding:12px}body .project-cut-workspace .project-cut-config{padding:12px}}
@media(prefers-reduced-transparency:reduce){body :is(.glass,.topbar,.library-panel,.properties-panel,.production-bar,.project-cut-panel,.budget-panel,.images-panel,.sidebar,.project-cut-command-bar){background:#f3f7fc;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){body button{transition:none}}
@media print{body .project-cut-command-bar{position:static;box-shadow:none;backdrop-filter:none}}

body .cut-toolbar-direction{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-right:auto;padding:2px 12px 2px 2px;font-size:12px;font-weight:600}
body .cut-toolbar-direction select{min-height:40px;padding:7px 30px 7px 12px;border:1px solid #899eb536;font:inherit}
body .project-cut-workspace .sheet-tabs button{align-content:start;justify-items:start;gap:9px}
.cut-sheet-color-label{display:block;max-width:132px;font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;color:#40536a;text-align:left}
.cut-active-color-label{display:block;font-size:11px;font-weight:400;color:#5b6b80;margin-top:4px}
@media(max-width:700px){body .cut-toolbar-direction{flex-basis:100%;justify-content:space-between;padding-right:0}}

body .project-cut-workspace .project-cut-command-main{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;gap:7px}
body .project-cut-workspace .project-cut-command-main>button{flex:none;white-space:nowrap;padding:8px 10px;font-size:11px}
body .project-cut-workspace .cut-toolbar-direction{flex:none;flex-basis:auto;margin-right:8px;white-space:nowrap;font-size:11px;gap:7px;padding:0}
body .project-cut-workspace .cut-toolbar-direction select{max-width:142px}
body .project-cut-workspace .project-cut-command-main>button:last-child{background:#ffffffb3;color:inherit;border-color:#899eb536}
body .project-cut-workspace .project-cut-command-main>button[title="Reorganizar esta chapa"]{background:linear-gradient(#2097ff,#0879ed);color:#fff;border-color:#0879ed}
body .project-cut-workspace .project-cut-selection>button:first-child{color:inherit}
body .project-cut-workspace .project-cut-command-main>button:has(+.cut-remove-board-action){color:#a8423c}

/* Presentation actions share icon-only glass controls; identifying data stays readable. */
body.presentation-icon-ui .presentation-icon-button{font-size:0!important;display:inline-flex;align-items:center;justify-content:center;gap:0!important;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px;padding:0!important;flex-shrink:0;border:1px solid #ffffffd9;border-radius:14px;background:linear-gradient(145deg,#ffffffed,#e4edf7b3);box-shadow:0 5px 12px #2847631a,inset 0 1px 2px #fff,inset 0 -1px 1px #9bb0c522;color:#365675;text-decoration:none}
body.presentation-icon-ui .presentation-icon-button :not(svg,svg *){font-size:0!important}
body.presentation-icon-ui .presentation-icon-button svg{display:block;width:23px;height:23px;flex-shrink:0}
body.presentation-icon-ui .presentation-icon-button:before{content:'';display:block;width:23px;height:23px;background:currentColor;-webkit-mask-image:var(--presentation-action-icon);mask-image:var(--presentation-action-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
body.presentation-icon-ui .presentation-native-icon:before{display:none}
body.presentation-icon-ui .presentation-icon-button[aria-selected=true],body.presentation-icon-ui .presentation-icon-button[aria-pressed=true]{background:linear-gradient(#edf7ff,#cfe3fa);border-color:#72a6d380;color:#175f9e;box-shadow:0 4px 12px #2c67a522,inset 0 1px #fff}
body.presentation-icon-ui :is(.rendering-primary,.project-cut-download,.budget-save,.sketchup-confirm).presentation-icon-button{background:linear-gradient(#4b98e7,#2466a9);color:#fff;border-color:#3279bd;box-shadow:0 5px 14px #2669a933,inset 0 1px #ffffff80}
body.presentation-icon-ui .presentation-icon-button:disabled{opacity:.42;box-shadow:inset 0 1px #fff}
body.presentation-icon-ui .presentation-icon-button:focus-visible{outline:3px solid #0879ed99;outline-offset:3px}
.presentation-glass-progress{display:flex;align-items:center;justify-content:center;gap:18px;width:min(620px,calc(100vw - 32px));box-sizing:border-box;padding:16px 20px;border-radius:24px;border:1px solid #ffffffc9;background:linear-gradient(145deg,#fffffff0,#dde7f6df);box-shadow:0 12px 28px #28476322,inset 0 2px 2px #fff,inset 0 -1px 2px #98b0ca66;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);color:#324d68}
.presentation-progress-main{flex:1;min-width:0;display:grid;gap:10px}.presentation-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.presentation-progress-copy strong{font-size:16px;font-variant-numeric:tabular-nums}
.presentation-native-progress,body.presentation-icon-ui progress{display:block;width:100%!important;height:13px!important;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;overflow:hidden;background:linear-gradient(#b3c5d880,#eff5fa);box-shadow:inset 0 2px 4px #35547533,0 1px #fff}
.presentation-native-progress::-webkit-progress-bar,body.presentation-icon-ui progress::-webkit-progress-bar{border-radius:999px;background:linear-gradient(#b3c5d880,#eff5fa);box-shadow:inset 0 2px 4px #35547533}
.presentation-native-progress::-webkit-progress-value,body.presentation-icon-ui progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(180deg,#b1ddff,#559ce7 40%,#3477c6 70%,#6aa5e9);box-shadow:inset 0 1px 2px #ffffffd9,0 2px 6px #2d70b74d}
.presentation-native-progress::-moz-progress-bar,body.presentation-icon-ui progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(180deg,#b1ddff,#559ce7 40%,#3477c6 70%,#6aa5e9)}
.presentation-native-progress:not([value])::-webkit-progress-bar,body.presentation-icon-ui progress:not([value])::-webkit-progress-bar{background:linear-gradient(100deg,#cfdfef 15%,#72afea 45%,#e9f5ff 60%,#cfdfef 80%);background-size:200% 100%;animation:presentation-progress-shine 1.8s linear infinite}
#presentation-progress-root{position:fixed;z-index:5000;left:50%;bottom:24px;transform:translateX(-50%);display:grid;justify-items:center;gap:12px;pointer-events:none}
body.presentation-icon-ui .project-cut-progress{background:#20334a12;backdrop-filter:blur(8px)}
body.presentation-icon-ui #images-progress{display:grid;justify-items:center;background:transparent;box-shadow:none;padding:0}body.presentation-icon-ui #images-progress>progress{max-width:580px}
@keyframes presentation-progress-shine{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.presentation-native-progress:not([value])::-webkit-progress-bar{animation:none}}