/* Instrumentele (26.10.2026): calculatoarele ca aplicații curate. Turcoaz, cadran în erou, bara de instrumente, rezultat care se desenează. */

.pu{--pa:#2dd4bf;--pa2:#5eead4;--pal:rgba(45,212,191,.45);--pad:rgba(45,212,191,.12);--pap:linear-gradient(140deg,rgba(45,212,191,.7),rgba(255,255,255,.07) 42%,rgba(94,234,212,.35))}
.pu .se-eyebrow{color:var(--pa2)}
.pu .se-h1__line--2{background-image:linear-gradient(92deg,#fff 0%,#b8f6ec 32%,#2dd4bf 66%,#a7f3e4 100%)}
.pu .cs-progress{background:linear-gradient(90deg,#0f766e,var(--pa),#ccfbf1)}
.pu .pg-sum{background:linear-gradient(#0e0f15,#0b0c11) padding-box,var(--pap) border-box}

/* eroul: cadranul unui instrument */
.pu-hero{position:relative;overflow:hidden}
.pu-hero>:not(.pu-bg){position:relative;z-index:1}
.pu-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(800px 460px at 88% 0,rgba(45,212,191,.15),transparent 65%),radial-gradient(600px 380px at 0 100%,rgba(20,184,166,.08),transparent 70%)}
.pu-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 72%)}
.pu-bg svg{position:absolute;right:-160px;top:-120px;width:720px;height:720px;opacity:.9}
.pu-bg .c{fill:none;stroke:rgba(94,234,212,.12)}
.pu-bg .tk{fill:none;stroke:rgba(94,234,212,.28);stroke-width:10;stroke-dasharray:1.5 11.6}
.pu-bg .rot{transform-origin:360px 360px;animation:pu-rot 90s linear infinite}
.pu-bg .nd{transform-origin:360px 360px;animation:pu-needle 9s cubic-bezier(.45,0,.55,1) infinite alternate}
.pu-bg .nd line{stroke:url(#pug);stroke-width:2;stroke-linecap:round}
.pu-bg .nd circle{fill:#ccfbf1;filter:drop-shadow(0 0 6px #2dd4bf)}
.pu-bg.is-off *{animation-play-state:paused}
@keyframes pu-rot{to{transform:rotate(360deg)}}
@keyframes pu-needle{from{transform:rotate(-58deg)}to{transform:rotate(38deg)}}

/* bara de instrumente: toate uneltele legate între ele */
.pu-dock{position:relative;z-index:2;padding:22px 0 30px}
.pu-dock__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px;font:600 .7rem/1 var(--se-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--se-ink3)}
.pu-dock__h span{color:var(--pa2)}
.pu-dock ul{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid var(--se-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.pu-dock a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 11px;border-radius:14px;text-decoration:none;color:var(--se-ink2);font-size:.78rem;line-height:1.2;text-align:center;transition:background .3s,color .3s,transform .15s}
.pu-dock a:hover{background:rgba(45,212,191,.07);color:var(--se-ink)}
.pu-dock a:active{transform:scale(.97)}
.pu-dock a i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#121821,#0b0e13);border:1px solid var(--se-line2);color:var(--pa2);transition:border-color .3s,box-shadow .3s,transform .3s var(--se-ease)}
.pu-dock a:hover i{transform:translateY(-2px);border-color:var(--pal)}
.pu-dock svg{width:18px;height:18px}
.pu-dock a[aria-current]{background:rgba(45,212,191,.09);color:var(--se-ink)}
.pu-dock a[aria-current] i{border-color:var(--pa);box-shadow:0 0 28px -6px rgba(45,212,191,.8);background:linear-gradient(180deg,#123030,#0b1515)}

/* aplicația: cadrul din jurul unealtei */
.pu-app{position:relative;border-radius:24px;padding:1px;background:var(--pap);box-shadow:0 40px 120px -40px rgba(0,0,0,.9),0 0 90px -40px rgba(45,212,191,.45);min-width:0}
.pu-app__in{border-radius:23px;background:linear-gradient(180deg,#0f1319,#0a0c11);padding:0 0 4px;min-width:0}
.pu-app__in>:not(.pu-app__bar):not(.pu-meter){border-color:transparent}
.pu-app__bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--se-line)}
.pu-app__bar>i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.pu-app__bar>span{flex:1;min-width:0;margin-left:6px;font:500 .74rem/1.2 var(--se-mono);color:var(--se-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu-app__bar>span b{color:var(--se-ink);font-weight:500}
.pu-app__bar>.pu-live{flex:none;margin-left:auto}
.pu-live{display:inline-flex;align-items:center;gap:7px;flex:none;font:500 .7rem/1 var(--se-mono);color:var(--pa2)}
.pu-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pa);box-shadow:0 0 10px var(--pa)}
.pu-app.is-tick .pu-live::before{animation:pu-ping .6s var(--se-ease)}
@keyframes pu-ping{40%{transform:scale(1.8);opacity:.6}}
.pu-send{display:inline-flex;align-items:center;gap:8px;flex:none;margin-left:6px;padding:7px 11px;border-radius:99px;border:1px solid rgba(94,234,212,.35);background:var(--pad);color:var(--pa2);font-size:.74rem;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,transform .15s}
.pu-send:hover{background:rgba(45,212,191,.2)}
.pu-send:active{transform:scale(.97)}
.pu-send svg{width:14px;height:14px}
.pu-app__in>.se-unealta,.pu-app__in>.sp-calc,.pu-app__in>.calc-wrapper,.pu-app__in>.calc-grid,.pu-app__in>.pg-sum,.pu-app__in>.pg-quote{margin:0;box-shadow:none;background:transparent;border-radius:0 0 23px 23px}
.pu-app__in>.calc-grid,.pu-app__in>.se-unealta{padding:16px}

/* rezultatul se desenează: bare pe rânduri, cifra mare clipește când se schimbă */
.pu-app .se-unealta__tabel td{position:relative}
.pu-app td.pu-v{padding-bottom:14px}
.pu-app td.pu-v::after{content:"";position:absolute;right:0;bottom:5px;height:4px;width:min(100%,180px);border-radius:9px;background:linear-gradient(90deg,#0f766e,#5eead4);transform-origin:100% 50%;transform:scaleX(var(--v,0));transition:transform .9s var(--se-ease);opacity:.85}
.pu-app td.pu-v.is-neg::after{background:linear-gradient(90deg,#7f1d1d,#f87171)}
.pu-flash{animation:pu-flash .6s var(--se-ease)}
@keyframes pu-flash{0%{opacity:.35;transform:translateY(4px)}100%{opacity:1;transform:none}}
.pu-meter{position:relative;margin:14px 16px 4px;padding-top:18px;overflow:hidden}
.pu-meter__t{position:relative;height:8px;border-radius:9px;background:linear-gradient(90deg,rgba(248,113,113,.55),rgba(250,204,21,.5) 45%,rgba(45,212,191,.75))}
.pu-meter__m{position:absolute;top:-16px;left:0;transform:translateX(calc(var(--x,0) * 1%));transition:transform .9s var(--se-ease);width:100%;pointer-events:none}
.pu-meter__m b{display:inline-block;transform:translateX(-50%);font:600 .72rem/1 var(--se-mono);color:#03140f;background:var(--pa2);border-radius:99px;padding:4px 7px;box-shadow:0 0 18px rgba(45,212,191,.6)}
.pu-meter__s{display:flex;justify-content:space-between;margin-top:6px;font:.66rem/1 var(--se-mono);color:var(--se-ink3)}

/* verificarea: cadranul cu 29 de puncte și scorul care urcă */
.pu-dial{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--se-line)}
.pu-dial svg{width:132px;height:132px;transform:rotate(-90deg)}
.pu-dial .sg{fill:none;stroke-width:9;transition:opacity .6s var(--se-ease)}
.pu-dial.is-in .sg:nth-of-type(2){transition-delay:.15s}.pu-dial.is-in .sg:nth-of-type(3){transition-delay:.3s}.pu-dial.is-in .sg:nth-of-type(4){transition-delay:.45s}.pu-dial.is-in .sg:nth-of-type(5){transition-delay:.6s}.pu-dial.is-in .sg:nth-of-type(6){transition-delay:.75s}
.pu-dial .bg{fill:none;stroke:rgba(255,255,255,.06);stroke-width:9}
.pu-dial .sc{fill:none;stroke:#ccfbf1;stroke-width:9;stroke-dasharray:6 283;filter:drop-shadow(0 0 5px #2dd4bf);transform-origin:66px 66px;animation:pu-rot 3.2s linear infinite}
.pu-dial__c{position:relative;width:132px;height:132px}
.pu-dial__c p{position:absolute;inset:0;display:grid;place-content:center;text-align:center;margin:0}
.pu-dial__c b{font:700 2rem/1 var(--se-display);color:var(--se-ink);letter-spacing:-.03em}
.pu-dial__c small{font:.66rem/1.3 var(--se-mono);color:var(--se-ink3)}
.pu-dial ol{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.8rem;color:var(--se-ink2)}
.pu-dial li{display:flex;align-items:center;gap:8px}
.pu-dial li i{width:9px;height:9px;border-radius:3px;flex:none}
.pu-dial li em{margin-left:auto;font:normal .7rem/1 var(--se-mono);color:var(--se-ink3)}
.pu-js .pu-dial:not(.is-in) .sg{opacity:0}
.pu-app .se-check__score{position:relative}
.pu-app .se-check__score.pu-ring{display:flex;align-items:center;gap:14px}
.pu-app .se-check__score.pu-ring::before{content:"";flex:none;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--pa) calc(var(--s,0) * 1%),rgba(255,255,255,.07) 0);-webkit-mask:radial-gradient(circle,transparent 21px,#000 22px);mask:radial-gradient(circle,transparent 21px,#000 22px);box-shadow:0 0 30px -8px rgba(45,212,191,.7)}

.pu #seCheck{display:block;margin:0;cursor:auto;font-size:inherit;color:inherit}
.pu #seCheck .se-field input{width:100%;box-sizing:border-box}
.pu-note{margin:12px 4px 0;font-size:.78rem;color:var(--se-ink3)}

@media (max-width:980px){.pu-dock ul{grid-template-columns:repeat(4,minmax(0,1fr))}.pu-bg svg{right:-260px;top:-220px;opacity:.6}}
@media (max-width:640px){.pu-app__bar>.pu-live,.pu-dock__h span{display:none}.pu-send{margin-left:auto}.pu-dock a{padding:10px 2px;font-size:.7rem}.pu-dock a i{width:34px;height:34px}.pu-app__bar>i{display:none}.pu-app__bar>span{margin-left:0}.pu-send span{display:none}.pu-dial{grid-template-columns:110px minmax(0,1fr);gap:14px}.pu-dial svg,.pu-dial__c{width:110px;height:110px}.pu-dial__c b{font-size:1.6rem}.pu-app__in>.calc-grid,.pu-app__in>.se-unealta{padding:10px}.pu-app td.pu-v::after{width:min(100%,110px)}}
@media (prefers-reduced-motion:reduce){.pu-bg .rot,.pu-bg .nd,.pu-dial .sc{animation:none!important}.pu-dial .sc{opacity:0}.pu-app td.pu-v::after,.pu-meter__m,.pu-dial .sg{transition:none!important}.pu-dial .sg{opacity:1!important}}
html.se-calm .pu-bg .rot,html.se-calm .pu-bg .nd,html.se-calm .pu-dial .sc{animation:none}
html.se-calm .pu-dial .sc{opacity:0}