/* PIGA ORTHO 3D · Atelier Light 2026
   Single visual system over the EXISTING modules. No business logic changes. */
:root{
 color-scheme:light;
 --ortho-bg:#f3f9fc;--ortho-surface:#fff;--ortho-glass:rgba(255,255,255,.88);
 --ortho-text:#18364b;--ortho-muted:#607e8e;--ortho-teal:#078a99;--ortho-cyan:#21c4d1;
 --ortho-blue:#347fd6;--ortho-soft:#e8f8fa;--ortho-stroke:#d7e9ee;--ortho-radius:18px;
 --ortho-shadow:0 8px 26px rgba(29,82,107,.065),0 1px 2px rgba(22,89,119,.045);
 --ink:#18364b;--ink2:#1d4356;--deep:#18364b;--teal:#078a99;--accent:#078a99;--line:#d7e9ee;
 --border:#d7e9ee;--muted:#607e8e;--bg:#f3f9fc;--piga-ink:#18364b;--piga-accent:#078a99;--piga-mist:#edf9fa;
}
html{background:var(--ortho-bg)!important;scroll-behavior:smooth}
body{background:radial-gradient(ellipse 700px 440px at 100% 0%,#ddf8fc 0%,transparent 85%),radial-gradient(ellipse 520px 440px at 8% 58%,#e9f5ff 0%,transparent 88%),var(--ortho-bg)!important;color:var(--ortho-text)}
body:not(.piga-has-nav){color:var(--ortho-text)}
body.piga-has-nav{min-height:100vh}
body.piga-has-nav>main{position:relative;width:100%;max-width:1600px!important}
::selection{background:#b6eef1;color:#123a4d}
/* A light, stable and persistent navigation is the common spine of every screen. */
.piga-rail{background:linear-gradient(180deg,#fff 0%,#f5fcff 65%,#eaf6fb 100%)!important;
 border-right:1px solid var(--ortho-stroke)!important;color:var(--ortho-text)!important;
 box-shadow:4px 0 28px rgba(44,104,131,.05)!important}
.piga-mark{color:var(--ortho-text)!important;padding-bottom:19px!important;gap:10px!important}
.piga-mark b{color:#18374b!important;font-size:17px;letter-spacing:.08em}
.piga-mark b::first-letter{color:#087f91}
.piga-mark small{color:#6a96a3!important}
.piga-mark-icon{border:0!important;border-radius:14px!important;background:linear-gradient(145deg,#13a9b8,#6bd9e1)!important;
 color:#fff!important;width:41px;height:41px;display:grid;place-items:center;padding:0!important;box-shadow:0 6px 16px #0fadb626}
.piga-caption{color:#8aa5b2!important;font-size:10px}
.piga-links{gap:5px!important}
.piga-links a,.piga-search-btn{color:#526e80!important;border:1px solid transparent!important;border-radius:12px!important;
 min-height:43px!important;font-weight:650!important;transition:background .16s,border-color .16s,transform .16s}
.piga-links a:hover,.piga-search-btn:hover{color:#087d8d!important;background:#eaf7fa!important;border-color:#d5ebef!important;transform:translateX(2px)}
.piga-links a[aria-current="page"]{background:linear-gradient(100deg,#ddf5f6,#eaf6ff)!important;
 color:#087c90!important;border-color:#b8e4e8!important;box-shadow:inset 3px 0 #0fa8b7,0 3px 11px #13859a12!important}
.piga-links a:focus-visible,.piga-search-btn:focus-visible{outline:3px solid #1badba!important;outline-offset:1px}
.piga-rail-foot .piga-label{color:#8ca5b2!important}
.piga-rail-foot .piga-safety{color:#4b8993!important}
.piga-search-btn{background:#f4fbfd!important;color:#3b7987!important}
.piga-command{background:rgba(12,38,57,.45)!important;backdrop-filter:blur(7px)}
.piga-command-panel{border-radius:20px!important;background:#fff!important;box-shadow:0 26px 80px #17384b42!important}
.piga-results a:hover,.piga-results a:focus-visible{background:#eaf9fc!important}
.piga-bottom{background:rgba(252,255,255,.97)!important;border-top:1px solid #cee5eb!important;box-shadow:0 -8px 32px #2b65781c!important;backdrop-filter:blur(18px)}
.piga-bottom a,.piga-bottom button{color:#5c7686!important}
.piga-bottom [aria-current="page"]{background:#e0f5f8!important;color:#067e8e!important}
/* Smooth, clear typography & accessible controls */
body,body button,body input,body textarea,body select{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
h1,h2,h3,h4{color:var(--ortho-text);text-wrap:balance}
p,small{line-height:1.58}
.eyebrow,.kicker{color:#0b8796!important}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
button:not(:disabled),a[href]{transition:background-color .17s,border-color .17s,box-shadow .17s,transform .17s}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
 outline:3px solid #26c4cc!important;outline-offset:3px!important}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{
 background:#fff;color:#244459;border:1px solid #cddfe5;border-radius:11px;max-width:100%;
 box-shadow:inset 0 1px 2px #28526b08}
input::placeholder,textarea::placeholder{color:#94aab7}
input[type=checkbox],input[type=radio]{accent-color:#058b9a}
button:disabled{opacity:.55!important;cursor:not-allowed!important}
table{border-collapse:collapse}
th{color:#587688}
tbody tr:hover{background-color:#f5fafc}
/* Common application surfaces */
:where(.panel,.tile,.stat,.stat-card,.kpi-card,.module-card,.tool-card,.transport,.upload-panel,.guide,.support,.stepper,
 .workbench,.rail,.workspace,.inspector,.info,.principle-grid article,.hero-visual,.paper,.welcome-card,.health-card,
 .timeline-card,.advanced-expand,.more-tools,.records,.record,.record-item,.integration,.metric-row>div,.notice,
 .results,.plan-form,.detail,.stock-wrap .scope,.item,.device-status,.callout,.overview>div,.statusitem,.summary>div){
 border-radius:var(--ortho-radius);border-color:var(--ortho-stroke);box-shadow:var(--ortho-shadow)}
:where(.tile,.kpi-card,.stat,.panel,.module-card,.tool-card,.transport,.guide,.support,.stepper,.workbench,.workspace,.inspector,.paper,.health-card,.timeline-card,.advanced-expand,.record,.item){
 border-color:var(--ortho-stroke)!important}
:where(.panel,.tile,.stat,.kpi-card,.tool-card,.module-card,.transport,.upload-panel,.guide,.support,.stepper,
 .workbench,.workspace,.inspector,.paper,.advanced-expand,.timeline-card,.record,.item){
 background-color:var(--ortho-surface);background-image:none}
:where(.panel,.tile,.stat,.kpi-card,.tool-card,.module-card,.transport,.upload-panel,.guide,.support,.stepper,
 .workbench,.workspace,.inspector,.paper,.advanced-expand,.timeline-card){box-shadow:var(--ortho-shadow)!important}
:where(.btn.primary,button.primary,.button.accent,.hero-actions .primary,.navigator button.solid,.controls .primary,.top-action){
 background:linear-gradient(110deg,#078e9e,#13aeba)!important;color:#fff!important;
 border:1px solid #078e9e!important;border-radius:11px!important;box-shadow:0 5px 14px #06899724!important}
:where(.btn.primary,button.primary,.button.accent,.hero-actions .primary,.navigator button.solid,.controls .primary,.top-action):hover:not(:disabled){
 background:linear-gradient(110deg,#087e90,#0794a8)!important;box-shadow:0 7px 17px #0689972b!important}
:where(.btn.ghost,.button.secondary,.hero-actions .secondary,.controls button:not(.primary)){
 border-radius:11px!important}
:where(.message,.feedback,.scope-note,.smallnote,.cost-note,.note-inline){line-height:1.65}
/* Dashboard: light editorial hero matching the provided concept, without misleading fake KPIs. */
.shell-top{padding-bottom:19px!important}
.wordmark{color:#153b50!important}
.square{background:#e5f8f9;border-color:#c0e8eb!important;border-radius:12px;color:#0997a7!important}
.soft-status{color:#478795!important}
.top-action{padding:11px 15px!important;text-decoration:none!important}
.shell .hero{
 background:radial-gradient(circle at 90% 12%,#d4faff 0%,transparent 36%),linear-gradient(117deg,#effcff 0%,#e5f7fb 54%,#e7f0ff 100%)!important;
 color:#18364b!important;border:1px solid #c7e9ed!important;box-shadow:0 18px 40px #487c9512!important;
 border-radius:25px!important;position:relative}
.shell .hero h1{color:#173b52!important;font-size:clamp(31px,3.6vw,54px)!important}
.shell .hero h1 em{color:#0a93a4!important;font-weight:550}
.shell .hero .eyebrow{color:#0a91a1!important}
.shell .hero p{color:#4f7485!important;max-width:690px}
.shell .hero small{color:#71919d!important}
.hero-graphic{border:1px solid #cce7ee!important;background:linear-gradient(145deg,#fdfefe,#e8f9fb)!important;
 border-radius:21px!important;box-shadow:inset 0 0 30px #3ad0dc10!important}
.hero-graphic svg{filter:drop-shadow(0 7px 13px #0d819e25)}
.graphic-top,.graphic-bottom{color:#4e7c8c!important}
.metric-row>div{background:linear-gradient(145deg,#fff,#f3fcfd)!important;border:1px solid #d8edf0!important}
.metric-row strong{color:#153f57!important}
.metric-row span{color:#0c92a1!important}
.core-grid .module-card,.module-grid .module-card{
 background:linear-gradient(150deg,#fff,#f8fcfe)!important;border-radius:19px!important;
 border:1px solid #d8eaf0!important;min-height:210px;box-shadow:var(--ortho-shadow)!important}
.core-grid .module-card:first-child{background:linear-gradient(145deg,#e8f9f7,#fafeff)!important}
.module-card:hover{border-color:#8ad7e2!important;transform:translateY(-3px);box-shadow:0 15px 35px #327b971c!important}
.module-card h3{color:#183b4e!important}
.module-card p{color:#5d7e8c!important}
.module-icon,.module-number{color:#0d92a0!important}
.module-state{border-radius:99px!important}
.journey{background:linear-gradient(120deg,#e6f8fb,#eff6ff)!important;border-radius:23px!important;color:#18465b!important;border:1px solid #d0e9ef}
.journey h2,.journey p{color:#16465b!important}
.journey-steps a{background:#fff!important;border-color:#cee8ec!important;color:#235367!important;border-radius:14px!important}
.tool-card,.advanced-expand{background:#fff!important}
.checklist label{border-radius:10px}
/* Studio: bright exterior, deliberately contrasting canvas for STL geometry */
body>header:not(.piga-rail),.appbar,.topbar{
 background:rgba(250,254,255,.95)!important;color:#174057!important;border-bottom:1px solid var(--ortho-stroke)!important;
 box-shadow:0 4px 18px #1d70810a}
body>header:not(.piga-rail) a,.appbar a,.topbar a{color:#164961!important}
.brand,.logo,.wordmark{color:#16465d!important}
.brand strong,.logo b{color:#16465d!important}
.brand small,.logo small,.version{color:#719aa5!important}
.mark,.threshold,.symbol{background:#e3f8f9!important;color:#078f9f!important;border:1px solid #b9e5eb!important;border-radius:13px!important}
.headright .tag,.tag,.version{color:#268494!important;border-color:#cbe3e9!important}
.callout{background:linear-gradient(140deg,#e7f8fc,#eef8ff)!important;color:#1e5568!important;border:1px solid #cae5ec!important}
.callout>b,.callout p{color:#42788a!important}
.status-text{color:#147a8d!important}
.workflow-link{background:#e8f8fa!important;color:#146275!important;border-color:#bde3e7!important;border-radius:12px!important}
.workflow-link small{color:#598a96!important}
.pane,.tabs{scroll-margin-top:22px}
.tabs button[data-tab].active,.tabs button[data-tab][aria-selected=true]{background:#dff7f8!important;color:#0a8193!important}
.canvas,.viewport,.model-viewport,#viewport,.viewer{border-radius:16px;overflow:hidden}
.panelhead,.tilehead,.sectionhead{border-color:#e1eef1!important}
#toast{border-radius:12px!important;background:#174358!important}
/* Praxis, team, and inventory: coherent light operations visual language */
.welcome h1{color:#1b4254!important}
.welcome h1 span{color:#118c99!important}
.welcome p,.team-header p,.top p,.device-top p{color:#607e8c!important}
.health-card{background:linear-gradient(145deg,#eafaf9,#f4fafd)!important}
.health-card b{color:#157888!important}
.kpi-card.accent,.stat.featured{background:linear-gradient(135deg,#e6fbfa,#e7f5ff)!important}
.kpi-card.accent strong,.stat.featured strong{color:#127d93!important}
.owner-area,.reader,.scope{border-color:#d6e8ed!important}
.owner-label,.pill,.chip,.badge{border-radius:100px!important}
.stopwatch,.quantity{background:linear-gradient(135deg,#ecfafd,#f6faff)!important;border:1px solid #d4ebef!important;border-radius:14px!important}
.stopwatch strong,.quantity strong{color:#117e94!important}
.local-offline-banner{border-radius:15px!important;background:linear-gradient(90deg,#e6fbf8,#eff9ff)!important;
 border:1px solid #bce7e7!important;color:#27566a!important;box-shadow:0 6px 18px #158b990b}
.local-offline-banner button{background:#fff!important;color:#0e7b8b!important;border:1px solid #afdfe5!important;border-radius:9px!important;margin-top:9px}
.team-header,.stock-wrap .top,.device-top,.assistant-top,.pagebar{padding:18px 0 22px}
.team-header h1,.stock-wrap .top h1,.device-top h1,.assistant-top h1,.pagebar h1{color:#183c51!important}
.rolebar,.workspace-head,.dash-head{background:linear-gradient(110deg,#eaf8fc,#f7fbfe)!important;
 border:1px solid #d5e9ef!important;border-radius:18px!important;padding:20px!important;margin-bottom:22px}
.team-shell .notice,.stock-wrap .scope{background:#eaf7fa!important;border:1px solid #d4eaef!important;color:#456e7c!important}
.inner-nav,.local-nav,.toolbar{background:#f2f9fb!important;border:1px solid #d8eaf0!important;border-radius:14px!important;padding:8px!important}
.inner-nav a,.local-nav a{border-radius:10px!important}
.inner-nav a:hover,.local-nav a:hover{background:#e3f5f8!important}
.stock-wrap .item:hover{border-color:#8dd9e0!important;background:#f3fcfd!important}
.stock-wrap .item[aria-current=true]{background:#e8f9fa!important;border-color:#60c7d1!important}
.records .record,.entries .entry,.stock-wrap .record{border-radius:12px!important}
.plan-form,.results{background:#f9fcfe!important;border:1px solid #dcecf0!important}
.guide-note{background:#f1faff!important}
/* Workflow: improve clarity without hiding stages, gates or evidence */
.workbench,.workspace,.inspector,.rail{border-radius:19px!important}
.rail{background:linear-gradient(180deg,#fcffff,#f5fbfd)!important}
.stage-btn{border-radius:12px!important}
.stage-btn.active{background:#e2f6fa!important;border-color:#96dbe2!important;color:#0e687d!important}
.stage-btn:hover{background:#edf9fb!important}
.stage-btn .index{background:#e9f8fa!important;color:#158b9b!important}
.inspector{background:#f9fdfe!important;color:#24556b!important}
.inspector-header h2,.rail-title h2,.workspace-heading h2{color:#164259!important}
.gate{background:#eef8fb!important;border-color:#d1e7eb!important}
.gate span,.gate small{color:#5a7c8b!important}
.gate strong{color:#145673!important}
.gate strong.block{color:#a25948!important}
.canvas-region,.step-schematic{background:#f6fbfd!important;border-color:#d6e9ed!important}
.route-studio{background:#f8fcfe!important;border:1px solid #d6e8ed!important;border-radius:18px!important}
.route-bridge{background:#e7f7fb!important;color:#225b6e!important}
.route-bridge p{color:#507889!important}
.principle-grid article{background:#fff!important}
/* Devices and reports */
.help-strip{background:linear-gradient(120deg,#e3f8fb,#edf6ff)!important;color:#245d73!important;border:1px solid #cce8ee}
.help-strip b,.help-strip small{color:#3d7a8d!important}
.help-strip .dot{color:#078d9d!important;border-color:#b4e1e5!important}
.transport,.upload-panel,.guide,.support{border-radius:18px!important}
.dropzone{background:#f0faff!important;border-color:#a9e0e7!important;border-radius:16px!important}
.model-choice.selected{background:#e7f9f8!important;border-color:#30adbc!important}
.report-app .paper{background:white!important;border-color:#dae9ed!important}
.report-app .paperhead{border-color:#c7dfe5!important}
.report-app .paper h2,.report-app .paper h3{color:#1b4156!important}
/* Assistant stepper */
.stepper{background:#fff!important}
.step-tabs button[aria-current=step]{background:#e3f7fa!important;border-color:#9adce2!important;color:#077f90!important}
.boundary{background:#fff7e9!important;border-color:#ebdfc7!important}
/* Direct page remains functional; same design-family */
body>.hero,.more-tools{border-color:#d4e9ef!important}
body>main>.hero{background:linear-gradient(115deg,#e7fbfc,#e4f1ff)!important;color:#16465b!important;border:1px solid #cce8ef!important;box-shadow:var(--ortho-shadow)!important}
body>main>.hero h1{color:#184b60!important}
body>main>.hero em{color:#087f97!important}
body>main>.hero p{color:#497b8d!important}
body>main>.hero .eyebrow{color:#188896!important}
body>main>.hero .outline{background:#fff!important;color:#0a7e8f!important;border-color:#b9e2e8!important}
body>main>.metrics>div,body>main .panel,body>main .more-tools{background:#fff!important;border-color:#d9e9ef!important;border-radius:17px!important;box-shadow:var(--ortho-shadow)!important}
body>main #tabs button.active{background:#def6fa!important;color:#097f90!important}
footer{color:#72909d!important;border-color:#e0edef!important}
/* density/readability at actual mobile sizes */
@media(max-width:760px){
 body.piga-has-nav>main{padding-left:14px!important;padding-right:14px!important}
 .piga-bottom{min-height:70px}
 .piga-bottom a,.piga-bottom button{font-size:10px!important}
 .shell .hero{padding:23px 19px!important;gap:15px!important}
 .shell .hero h1{font-size:clamp(28px,7vw,40px)!important}
 .hero-graphic{min-height:160px}
 .team-header,.device-top,.assistant-top,.pagebar{padding:10px 0}
 .rolebar,.workspace-head,.dash-head{padding:16px!important}
 :where(.panel,.tile,.tool-card,.transport,.stepper){box-shadow:0 4px 13px #2c789210!important}
}
@media(min-width:761px) and (max-width:1160px){.piga-mark-icon{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{
 body{background:#fff!important;color:#0c1b2a!important}
 .piga-rail,.piga-bottom,.piga-command{display:none!important}
 body.piga-has-nav{padding:0!important}
 .paper{box-shadow:none!important}
 body>header:not(.piga-rail){background:#fff!important}
}

/* Refinements: compact navigation and header contrast */
.piga-rail{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bcdde5 transparent}
.piga-links a,.piga-search-btn{min-height:41px!important;padding-top:10px!important;padding-bottom:10px!important}
body>main>.hero .heroactions button{background:#078a99;color:#fff;border-color:#078a99}
footer{background:#f4fafc!important;color:#6d8998!important;border-top:1px solid #d9e8ed!important}
@media(max-width:760px){footer{padding-bottom:18px!important}}

/* Contrast polish for deeply styled legacy sections */
.wizard-controls .primary,.fileBtn,button.primary,.button.primary,.btn.primary,
button#startShift,.navigator button.solid{
 background:linear-gradient(105deg,#087f94,#12aab7)!important;color:#fff!important;
 border-color:#078f9e!important;border-radius:11px!important}
.step-node{background:#fff!important;color:#24566a!important;border:1px solid #d0e6ea!important;border-radius:14px!important}
.step-node.focus{background:#e2f8fb!important;border-color:#63c6d1!important}
.step-node span,.step-node strong{color:#23566b!important}
.canvas-label,.screen-label{color:#337285!important}
.owner-label{background:#e2f7f9!important;color:#0f7c8c!important}
.paper thead th{background:#e8f4f7!important;color:#25586c!important}
.brand .mark,body>header .mark{box-shadow:inset 0 0 12px #36bbca12}
body>main .more-links a{background:#e8f7fa!important;color:#0b7587!important;border-color:#c7e5e9!important}
body>main .more-links a:hover{background:#d9f2f6!important}

/* PIGA ORTHO 3D — Wide Workspace v1: one app, spacious tools on every viewport. */
@media(min-width:1161px){
 body.piga-has-nav.piga-compact-nav{padding-left:80px!important}
 .piga-compact-nav .piga-rail{width:80px!important;padding:16px 7px!important;align-items:center}
 .piga-compact-nav .piga-mark{padding:8px 0 17px!important}
 .piga-compact-nav .piga-mark>span:last-child,.piga-compact-nav .piga-caption,
 .piga-compact-nav .piga-links a>span,.piga-compact-nav .piga-search-btn>span,
 .piga-compact-nav .piga-rail-foot .piga-label,.piga-compact-nav .piga-rail-foot .piga-safety{display:none!important}
 .piga-compact-nav .piga-links{width:100%;justify-items:center;gap:4px}
 .piga-compact-nav .piga-links a,.piga-compact-nav .piga-search-btn{width:58px;justify-content:center;padding:11px!important;min-height:46px!important}
 .piga-compact-nav .piga-rail-foot{padding:0!important}
 .piga-compact-nav .piga-links a:hover{transform:none}
}
@media(min-width:761px) and (max-width:1160px){
 .piga-rail .piga-space-toggle{display:none!important}
}
/* No clipped tools and no artificial narrow central column. */
@media(min-width:761px){
 body.piga-has-nav>main{max-width:none!important;width:auto!important;margin:0!important;
 padding-left:clamp(19px,2.45vw,44px)!important;padding-right:clamp(19px,2.45vw,44px)!important}
 body.piga-has-nav>main.device-hub{padding-top:28px!important}
 .shell,.team-shell,.stock-wrap,.assistant-shell,.device-shell,.report-app{max-width:none!important}
 .shell .hero{grid-template-columns:minmax(0,1.45fr) minmax(270px,.85fr)!important}
 .shell .hero-graphic{min-height:260px!important}
 .module-grid,.core-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:21px!important}
 .core-grid .module-card{min-height:250px!important;padding:25px!important}
 .module-card h3{font-size:clamp(17px,1.35vw,22px)!important}
 .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
 .module-grid .module-card,.tool-grid .tool-card,.panels>.panel{min-width:0!important}
 .device-hub .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
}
@media(min-width:1100px){
 #studio .two{grid-template-columns:minmax(0,2.3fr) minmax(285px,1fr)!important;gap:23px!important}
 #studio .two>.panel:first-child{min-width:0}
 #studio #mesh{width:100%!important;aspect-ratio:780/500!important;height:auto!important;
 min-height:min(40vw,530px);border-radius:18px!important}
 #studio .panel{padding:clamp(21px,2.1vw,34px)!important}
 .stock-wrap .layout{grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr)!important;gap:21px!important}
 .stock-wrap .two-panel{gap:20px!important}
 .panels,.owner-grid{gap:20px!important}
 .kpi-grid,.stat-grid,.summary-grid{gap:17px!important}
 .intro{gap:28px!important}
 .workflow .workbench,.workbench{grid-template-columns:minmax(210px,245px) minmax(0,1fr) minmax(235px,290px)!important;min-height:750px!important}
 .workbench .workspace{min-width:0!important}
 .transport-grid{gap:20px!important}
}
@media(min-width:1560px){
 #studio .two{grid-template-columns:minmax(0,2.6fr) minmax(330px,.9fr)!important}
 .workbench{grid-template-columns:250px minmax(0,1fr) 305px!important}
 .core-grid .module-card{min-height:275px!important}
}
/* Tablet: generous full-width single-workspace tools, not cramped desktop grids. */
@media(min-width:761px) and (max-width:1099px){
 #studio .two,.stock-wrap .layout{grid-template-columns:1fr!important}
 .shell .hero{grid-template-columns:1fr!important}
 .module-grid,.core-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .tool-grid,.hub-grid{grid-template-columns:1fr!important}
 .panels,.owner-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 body.piga-has-nav>main{max-width:none!important;width:100%!important;margin:0!important;padding:16px 12px 100px!important}
 .module-grid,.core-grid,.tool-grid,.panels,.owner-grid,.hub-grid{grid-template-columns:1fr!important;gap:13px!important}
 .module-card,.tool-card,.panel{min-width:0!important}
 .core-grid .module-card{min-height:185px!important}
 #studio #mesh{width:100%!important;height:auto!important;min-height:240px!important}
 .team-shell .team-header,.stock-wrap .top{gap:12px!important}
 .stock-wrap .layout,.stock-wrap .two-panel{display:grid!important;grid-template-columns:1fr!important}
 .stock-wrap .item-list{overflow:auto}
 .device-hub .hub-status{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .device-hub .hub-grid{grid-template-columns:1fr!important}
}

/* Device-first status strip: one focused action, no distracting fake KPIs */
.device-entry{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:23px 0 25px;
 background:linear-gradient(105deg,#e7f9fb,#f0f9ff);border:1px solid #c7eaf0;border-radius:20px;padding:22px 27px;
 box-shadow:0 7px 25px #1c71840b}
.device-entry h2{font-size:clamp(19px,2vw,26px);margin:7px 0;color:#194658;letter-spacing:-.035em}
.device-entry p{font-size:13px;color:#567f8b;max-width:760px;margin:4px 0}
.device-entry>a{background:#fff;border:1px solid #c0e3ea;border-radius:12px;padding:14px 18px;color:#117a8d;
 font-weight:750;font-size:13px;text-align:center;text-decoration:none;white-space:normal;flex-shrink:0}
.device-entry>a:hover{background:#d9f4f8}
@media(max-width:760px){.device-entry{flex-direction:column;align-items:stretch;padding:18px 17px}.device-entry>a{width:100%}}

/* Device sync offer: quiet, accessible and always dismissible */
.piga-transfer-invite{position:fixed;right:18px;bottom:24px;z-index:205;width:min(380px,calc(100vw - 28px));
 background:linear-gradient(140deg,#fff,#f0fafc);color:#184757;border:1px solid #bfe2e9;border-radius:20px;
 padding:21px 20px 17px;box-shadow:0 17px 55px #143a4b26;font:13px/1.55 system-ui,sans-serif}
.piga-transfer-invite>small:first-of-type{display:block;color:#078899;letter-spacing:.1em;font-size:10px;font-weight:850;margin-bottom:8px}
.piga-transfer-invite>strong{display:block;font-size:17px;line-height:1.35;padding-right:25px;color:#183b51}
.piga-transfer-invite p{margin:10px 0 14px;color:#4e7384;font-size:13px;line-height:1.6}
.piga-transfer-invite>small:last-child{display:block;margin-top:11px;color:#78919e;font-size:10px}
.piga-transfer-close{position:absolute;right:10px;top:8px;border:0;background:transparent!important;color:#648494!important;cursor:pointer;font-size:26px;line-height:1;width:34px;height:34px;padding:0}
.piga-transfer-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.piga-transfer-buttons>a{display:inline-flex;align-items:center;text-decoration:none;border-radius:10px;
 background:#078da0;color:#fff;padding:11px 13px;font-size:12px;font-weight:800}
.piga-transfer-buttons>a:hover{background:#087c8e}
.piga-transfer-later{border:1px solid #d0e3e8!important;background:#fff!important;color:#527584!important;border-radius:10px!important;padding:11px 13px!important;font-weight:700;font-size:12px!important}
@media(max-width:760px){.piga-transfer-invite{right:10px;bottom:calc(87px + env(safe-area-inset-bottom));width:calc(100vw - 20px);padding:17px}}
@media print{.piga-transfer-invite{display:none!important}}

/* User reference: white/aqua medical-tech PIGA ORTHO 3D with generous spaces. */
.ortho-reference-brand{position:relative;background:radial-gradient(ellipse at 83% 24%,#bceefa,transparent 37%),linear-gradient(117deg,#f7ffff,#e4f9fd 58%,#d5f4fd);border:1px solid #bfe8ef;border-radius:25px;padding:21px 27px 17px;margin-bottom:22px;overflow:hidden;box-shadow:0 10px 31px #138aa219}
.ortho-reference-brand:after{content:"";position:absolute;right:-7%;top:-10%;width:65%;height:160%;background:repeating-radial-gradient(ellipse at 70% 85%,#14bde616 0 2px,transparent 4px 18px);transform:rotate(-12deg);pointer-events:none}
.ref-brand-lockup{display:flex;align-items:center;gap:13px;position:relative;z-index:1}
.ref-brand-lockup strong{display:block;font-size:clamp(24px,2.65vw,44px);letter-spacing:-.064em;line-height:1;color:#113550}
.ref-brand-lockup strong em{font-style:normal;color:#09aac2}
.ref-brand-lockup small{display:block;letter-spacing:.12em;font-size:clamp(9px,.82vw,13px);margin-top:6px;font-weight:650;color:#365f7b}
.ref-tooth{width:55px;height:55px;display:grid;place-items:center;background:linear-gradient(135deg,#0cd4cb,#038fce);color:#fff;font-size:35px;font-weight:900;box-shadow:0 9px 19px #0baabb2d;border-radius:15px;transform:rotate(-5deg)}
.ref-brand-slogan{position:absolute;right:28px;top:30px;z-index:1;text-align:right;font-size:clamp(12px,1.18vw,19px);letter-spacing:.17em;color:#235876;font-weight:700}
.ref-brand-slogan small{display:block;letter-spacing:.11em;font-size:9px;margin-top:7px;color:#5d8795}
.ref-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(12px,3vw,48px);position:relative;z-index:1;padding-top:18px;color:#135b79;font-weight:800;font-size:11px;letter-spacing:.04em}
.ref-categories span{padding:8px 10px;border-radius:12px;background:#edfcffae;white-space:nowrap}
.connection-help{margin:15px 0 22px;padding:16px 18px;background:linear-gradient(112deg,#ecfcff,#fff);border:1px solid #aedfe9;border-radius:16px;box-shadow:0 7px 19px #269bb00f;color:#254d65;line-height:1.6}
.connection-help strong{display:block;color:#087f9b;font-size:15px;margin-bottom:5px}
.connection-help p{font-size:13px;margin:0;max-width:950px}
.connection-help[hidden]{display:none!important}
@media(max-width:960px){.ref-brand-slogan{position:static;text-align:left;margin:12px 0 0;font-size:13px}.ref-categories{justify-content:flex-start;gap:7px}}
@media(max-width:680px){.ortho-reference-brand{padding:15px}.ref-tooth{width:39px;height:39px;font-size:25px}.ref-brand-lockup strong{font-size:22px}.ref-brand-lockup small{font-size:9px}.ref-categories{gap:5px}.ref-categories span{font-size:9px;padding:6px 7px}}