.sc-officina{position:relative;width:100%;max-width:760px;margin:0 auto;aspect-ratio:4/3;font-family:var(--sans);color:var(--ink);font-variant-numeric:tabular-nums;--k:1}
.sc-officina *{box-sizing:border-box;margin:0}
.sc-officina .sco-stage{position:absolute;left:0;top:0;width:560px;height:420px;transform:scale(var(--k));transform-origin:0 0;background:#1a2230;border-radius:26px;padding:10px;box-shadow:0 18px 40px -22px rgba(7,22,40,.45)}
.sc-officina .sco-screen{position:relative;width:100%;height:100%;background:var(--bg);border-radius:17px;overflow:hidden}
.sc-officina .sco-bar{height:44px;background:var(--navy);display:flex;align-items:center;gap:10px;padding:0 16px;color:#fff;font-size:14px;white-space:nowrap}
.sc-officina .sco-logo{height:22px;width:auto;display:block}
.sc-officina .sco-yard{color:var(--hero-muted);padding-left:10px;border-left:1px solid rgba(255,255,255,.22);font-weight:400}
.sc-officina .sco-who{margin-left:auto;color:var(--hero-muted)}
.sc-officina .sco-who b{color:#fff;font-weight:500}
.sc-officina .sco-view{position:absolute;left:0;right:0;top:44px;bottom:0;padding:12px 16px;transition:opacity .45s ease,transform .45s ease}
.sc-officina .sco-work{opacity:0;transform:translateY(8px);pointer-events:none}
.sc-officina.is-work .sco-list{opacity:0;transform:translateY(-8px)}
.sc-officina.is-work .sco-work{opacity:1;transform:none}
.sc-officina h4{font-size:22px;font-weight:700;color:var(--navy);padding:2px 2px 10px}
.sc-officina .sco-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:76px;margin-bottom:12px;padding:0 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .3s,transform .3s}
.sc-officina .sco-card-main{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:3px}
.sc-officina .sco-boat{font-size:21px;font-weight:600;color:var(--navy);grid-column:1}
.sc-officina .sco-tag{grid-column:2;grid-row:1;justify-self:start;font-size:13px;font-weight:500;color:var(--info);background:var(--info-bg);border-radius:999px;padding:2px 10px}
.sc-officina .sco-job{grid-column:1/-1;grid-row:2;font-size:16px;color:var(--muted)}
.sc-officina .sco-st{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;border-radius:999px;padding:4px 12px;white-space:nowrap}
.sc-officina .sco-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.sc-officina .sco-st-run{background:var(--warn-bg);color:var(--warn)}
.sc-officina .sco-st-plan{background:var(--info-bg);color:var(--info)}
.sc-officina.is-tapcard .sco-pick{border-color:var(--brass);transform:scale(.985)}
.sc-officina .sco-tap{position:absolute;right:64px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:rgba(201,169,106,.45);border:2px solid var(--brass);opacity:0;transform:scale(.4);transition:opacity .25s,transform .25s;pointer-events:none}
.sc-officina .sco-ph .sco-tap{right:8px}
.sc-officina.is-tapcard .sco-pick .sco-tap,.sc-officina.is-tapmat .sco-p-mat .sco-tap,.sc-officina.is-tapfoto .sco-p-foto .sco-tap,.sc-officina.is-tapsign .sco-p-sign .sco-tap{opacity:1;transform:scale(1)}
.sc-officina .sco-head{display:flex;align-items:center;gap:12px;height:54px}
.sc-officina .sco-back{font-size:14px;font-weight:500;color:var(--navy);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.sc-officina .sco-title{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}
.sc-officina .sco-title b{font-size:22px;font-weight:700;color:var(--navy)}
.sc-officina .sco-title span{font-size:15px;color:var(--muted)}
.sc-officina .sco-timer{display:flex;align-items:center;justify-content:space-between;height:76px;margin:8px 0 10px;padding:0 20px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.sc-officina .sco-time{font-size:46px;font-weight:600;color:var(--navy);letter-spacing:-.01em}
.sc-officina .sco-tlabel{font-size:14px;color:var(--muted)}
.sc-officina .sco-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sc-officina .sco-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;height:132px}
.sc-officina .sco-ph{position:relative;height:36px;display:flex;align-items:center;padding:0 12px;font-size:14px;font-weight:600;color:var(--navy);background:var(--sand);white-space:nowrap}
.sc-officina .sco-pb{padding:9px 10px}
.sc-officina .sco-item,.sc-officina .sco-stock,.sc-officina .sco-photos figure,.sc-officina .sco-signed{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.sc-officina .sco-item{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;font-size:14px;line-height:1.25;color:var(--ink)}
.sc-officina .sco-item em{font-style:normal;font-weight:600;color:var(--navy);white-space:nowrap}
.sc-officina .sco-stock{margin-top:8px;font-size:14px;font-weight:500;color:var(--ok);background:var(--ok-bg);border-radius:999px;padding:3px 10px;display:block;width:max-content;white-space:nowrap}
.sc-officina .sco-stock span{display:inline-block;transition:opacity .3s,transform .3s,color .3s}
.sc-officina .sco-n1{opacity:0;transform:translateY(8px)}
.sc-officina.is-item .sco-item,.sc-officina.is-item .sco-stock,.sc-officina.is-ph1 .sco-ph1,.sc-officina.is-ph2 .sco-ph2,.sc-officina.is-signed .sco-signed{opacity:1;transform:none}
.sc-officina.is-stock .sco-n0{opacity:.45;text-decoration:line-through}
.sc-officina.is-stock .sco-n1{opacity:1;transform:none}
.sc-officina .sco-photos{display:flex;gap:8px}
.sc-officina .sco-photos figure{flex:1;min-width:0}
.sc-officina .sco-photos svg{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}
.sc-officina .sco-photos figcaption{font-size:13px;font-weight:500;color:var(--muted);text-align:center;margin-top:3px}
.sc-officina .sco-sig{display:block;width:100%;height:56px}
.sc-officina .sco-sig-path{stroke-dasharray:1;stroke-dashoffset:0}
.sc-officina .sco-signed{font-size:13px;font-weight:500;color:var(--ok);margin-top:4px;white-space:nowrap}
.sc-officina .sco-toast{position:absolute;left:16px;right:16px;bottom:10px;height:36px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ok);color:#fff;border-radius:12px;font-size:15px;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.sc-officina .sco-toast svg{width:16px;height:16px}
.sc-officina.is-toast .sco-toast{opacity:1;transform:none}
.sc-officina.is-static *,.sc-officina.is-static *::before{transition:none!important}
.sc-officina .sco-sym{display:none;width:36px;height:auto;flex:none}
.sc-officina.is-small .sco-logo{display:none}
.sc-officina.is-small .sco-sym{display:block}
/* Layout verticale (telefono): tablet in piedi, pannelli impilati */
.sc-officina.is-vert{aspect-ratio:330/706;max-width:400px}
.sc-officina.is-vert .sco-stage{width:330px;height:706px}
.sc-officina.is-vert .sco-yard{display:none}
.sc-officina.is-vert .sco-bar{font-size:13px}
.sc-officina.is-vert .sco-logo{display:block}
.sc-officina.is-vert .sco-sym{display:none}
.sc-officina.is-vert .sco-card{height:auto;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px;margin-bottom:10px}
.sc-officina.is-vert .sco-tap{right:24px}
.sc-officina.is-vert .sco-ph .sco-tap{right:8px}
.sc-officina.is-vert .sco-head .sco-st{display:none}
.sc-officina.is-vert .sco-title b{font-size:20px}
.sc-officina.is-vert .sco-timer{flex-direction:column;align-items:flex-start;justify-content:center;height:84px;padding:0 16px;gap:0}
.sc-officina.is-vert .sco-time{font-size:40px;line-height:1.15}
.sc-officina.is-vert .sco-panels{grid-template-columns:1fr;gap:10px}
.sc-officina.is-vert .sco-panel{height:auto}
.sc-officina.is-vert .sco-photos figure{flex:none;width:84px}
.sc-officina.is-vert .sco-sig{height:48px}
.sc-officina.is-vert .sco-toast{height:34px}