:root{--navy:#061d2c;--blue:#0b3b57;--cyan:#1ea8c8;--cyan2:#70d5e9;--orange:#f59e0b;--red:#dc3f45;--green:#36b37e;--ink:#18313f;--muted:#637985;--line:#d9e5e9;--paper:#f3f7f8;--white:#fff;--shadow:0 16px 40px rgba(6,29,44,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;background:linear-gradient(135deg,#eef5f6 0,#f8faf9 52%,#edf4f5 100%)}button,input,select{font:inherit}.topbar{min-height:72px;padding:12px clamp(16px,4vw,56px);background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:10;box-shadow:0 5px 20px rgba(2,18,28,.22)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--cyan2);border-radius:11px;color:var(--cyan2);font-weight:900;letter-spacing:-1px}.brand div{display:grid}.brand strong{font-size:15px;letter-spacing:.01em}.brand span{font-size:11px;color:#a8c1cc}.top-actions{display:flex;align-items:center;gap:10px}.status-pill{font-size:11px;border:1px solid #37677d;border-radius:99px;padding:7px 10px;color:#b7dce6}.status-pill::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green)}main{max-width:1700px;margin:auto;padding:0 clamp(12px,3vw,42px) 40px}.hero{padding:36px 4px 24px;display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#5b7b8a;margin:0 0 4px}.hero h1{font-size:clamp(36px,6vw,66px);letter-spacing:-.055em;line-height:.95;margin:0;color:var(--navy)}.hero>div>p:last-child{color:var(--muted);margin:12px 0 0}.safety{border-left:3px solid var(--orange);padding:8px 14px;display:grid;font-size:12px;max-width:310px}.safety span{color:var(--muted);margin-top:3px}.workspace{display:grid;grid-template-columns:minmax(245px,300px) minmax(510px,1fr) minmax(245px,310px);gap:18px;align-items:start}.panel{background:rgba(255,255,255,.94);border:1px solid rgba(205,221,226,.9);border-radius:18px;box-shadow:var(--shadow);padding:20px}.panel-heading{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.panel-heading>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e2f4f7;color:#08758f;font-size:11px;font-weight:900}.panel-heading h2{font-size:17px;margin:0}.panel-heading p{font-size:11px;color:var(--muted);margin:3px 0 0}.setup-panel label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#49616d;margin:12px 0}.setup-panel label span{font-weight:500;float:right}.setup-panel input,.setup-panel select{width:100%;border:1px solid var(--line);background:#fbfdfd;border-radius:9px;padding:10px;color:var(--ink);outline:none}.setup-panel input:focus,.setup-panel select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(30,168,200,.13)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{border:1px solid transparent;border-radius:9px;padding:10px 14px;font-weight:800;font-size:12px;cursor:pointer;text-decoration:none;text-align:center;transition:.15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--cyan);color:#fff}.button.secondary{background:var(--navy);color:#fff}.button.ghost{background:transparent;color:inherit;border-color:#37677d}.panel .button.ghost{color:var(--blue);border-color:var(--line)}.wide{width:100%;margin-top:10px}.diagnostics{font-size:11px;line-height:1.45;border-radius:9px;padding:10px;margin-top:12px}.diagnostics.ok{background:#edf9f4;color:#15704d}.diagnostics.error{background:#fff0f0;color:#a52e35}.notice{padding:16px;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.drive-panel{padding:20px 22px}.drive-grid{display:grid;grid-template-columns:minmax(270px,1fr) minmax(210px,.8fr);gap:18px}.inverter{background:linear-gradient(145deg,#112d3a,#061822);border-radius:16px;padding:18px;color:#fff;box-shadow:inset 0 0 0 2px #254755,0 14px 28px rgba(6,29,44,.22)}.inverter-label{display:flex;justify-content:space-between;align-items:center;color:#cbe0e6}.inverter-label span{font-size:21px;font-style:italic;font-weight:900}.inverter-label small{font-size:8px;letter-spacing:.14em}.display{height:106px;margin:16px 0;background:#121d1c;border:7px solid #41535a;border-radius:10px;display:flex;align-items:center;padding:14px;color:#d7fb63;box-shadow:inset 0 0 20px #000}.display span{font:600 16px ui-monospace,monospace;margin-right:auto;color:#a8be6b}.display strong{font:600 48px ui-monospace,monospace;letter-spacing:-.06em;text-shadow:0 0 12px #8db948}.display em{font:600 11px ui-monospace,monospace;margin-left:7px}.ihm-pad{display:flex;justify-content:center;gap:14px}.round{width:54px;height:54px;border-radius:50%;font-weight:900;font-size:18px;background:#16313d;border:3px solid #506874;color:#fff;cursor:pointer}.round.start{color:#65dda7;border-color:#2a9666}.round.stop{color:#ff777b;border-color:#ae3f45}.round.neutral{color:#7fdaed;border-color:#2e869c}.round:disabled{opacity:.35;cursor:not-allowed}.slider-label{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:18px;font-size:11px;color:#abc2cb}.slider-label output{color:#fff;font-weight:800}.slider-label input{grid-column:1/-1;width:100%;accent-color:var(--cyan)}.motor-card{border:1px solid var(--line);border-radius:16px;padding:22px 18px;background:linear-gradient(#f9fcfc,#eff5f6);display:flex;flex-direction:column;align-items:center}.motor{width:150px;height:112px;margin:18px 0 12px;border-radius:20px 34px 34px 20px;background:repeating-linear-gradient(90deg,#2d6476 0 7px,#39798d 7px 13px);position:relative;box-shadow:inset 10px 0 18px rgba(255,255,255,.15),0 10px 20px rgba(8,43,67,.2)}.fan{position:absolute;left:-28px;top:13px;width:86px;height:86px;border:9px solid #173b49;border-radius:50%;background:#dce9eb}.fan i{position:absolute;left:31px;top:5px;width:8px;height:31px;border-radius:8px;background:#2b687b;transform-origin:4px 38px}.fan i:nth-child(2){transform:rotate(90deg)}.fan i:nth-child(3){transform:rotate(180deg)}.fan i:nth-child(4){transform:rotate(270deg)}.motor.running .fan{animation:spin .7s linear infinite}.motor.reverse .fan{animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.shaft{position:absolute;right:-27px;top:46px;width:30px;height:20px;background:linear-gradient(#95a8ae,#e0e9eb,#879aa0);border-radius:0 6px 6px 0}.motor-stats{text-align:center;display:grid}.motor-stats span,.motor-stats small{font-size:10px;color:var(--muted)}.motor-stats strong{font-size:16px;margin:4px}.meter{height:6px;width:100%;background:#d8e4e7;border-radius:6px;margin:17px 0 7px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--orange));transition:width .2s}.motor-card p{display:flex;justify-content:space-between;width:100%;font-size:11px;margin:6px 0;color:var(--muted)}.motor-card p b{color:var(--ink)}.control-card,.terminals{border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:15px}.control-card{display:grid;grid-template-columns:1fr auto;gap:10px}.control-card div{display:grid}.control-card span{font-size:10px;color:var(--muted)}.control-card output{font-weight:900;color:#08758f}.control-card input{grid-column:1/-1;width:100%;accent-color:var(--cyan)}.section-title{display:flex;justify-content:space-between;gap:10px;align-items:end}.section-title span{font-size:10px;color:var(--muted)}.digital-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.digital{border:1px solid var(--line);border-radius:9px;padding:10px 5px;background:#f7fafb;cursor:pointer;color:#526d79;font-size:10px;font-weight:800}.digital::after{content:"ABERTA";display:block;font-size:8px;margin-top:4px;color:#8ba0a9}.digital.active{background:#e5f8f2;border-color:#63cda5;color:#14744f}.digital.active::after{content:"FECHADA";color:#27875f}.digital:disabled{opacity:.45;cursor:not-allowed}.pulse-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.start-action{background:#e6f8f1;color:#14744f;border-color:#79d4b1}.stop-action{background:#fff0f0;color:#a52e35;border-color:#efaaae}.info-panel details{border-bottom:1px solid var(--line);padding:8px 0}.info-panel summary{cursor:pointer;font-size:12px;font-weight:800;padding:6px 0}.info-panel summary b{float:right;background:#e7f3f6;color:#25758a;padding:2px 7px;border-radius:99px;font-size:9px}.parameter-list{max-height:300px;overflow:auto;margin-top:8px}.parameter{display:grid;grid-template-columns:58px 1fr auto;gap:6px;padding:8px 3px;border-top:1px solid #edf2f3;font-size:10px}.parameter code{font-weight:900;color:#08758f}.parameter span{color:var(--muted)}.parameter b{font-size:10px}.source-info{font-size:10px;line-height:1.6;color:var(--muted);padding:8px 0}.session{display:grid;grid-template-columns:1fr auto;margin:18px 0 5px;border-radius:10px;background:#edf4f6;padding:12px}.session span{font-size:11px;color:var(--muted)}.session span:last-child{grid-column:1/-1;margin-top:4px}footer{text-align:center;color:#718791;font-size:10px;padding:18px}.error-screen{color:#a52e35}
.inverter{position:relative;max-width:360px;margin:auto;background:linear-gradient(100deg,#aeb8bb 0,#edf1f1 15%,#c9d0d1 74%,#929da0 100%);border:1px solid #879397;border-radius:34px 34px 18px 18px;padding:22px 28px 26px;color:#19272d;box-shadow:inset 7px 0 8px rgba(255,255,255,.6),inset -9px 0 13px rgba(33,48,53,.18),0 18px 32px rgba(6,29,44,.25)}
.vfd-vents,.vfd-ribs{display:flex;justify-content:center;gap:7px}.vfd-vents i{width:24px;height:8px;border-radius:5px;background:#708084;box-shadow:inset 0 2px 3px #465256}.vfd-ribs{margin:19px -14px -13px}.vfd-ribs i{width:31px;height:23px;border-radius:4px;background:linear-gradient(90deg,#919da0,#d8dddd,#879396);border:1px solid #829094}
.inverter-label{display:grid;grid-template-columns:auto 1fr;align-items:end;margin:14px 3px 10px;color:#27373d}.inverter-label strong{font-size:24px;font-style:italic;letter-spacing:-.08em;color:#d8262e}.inverter-label span{justify-self:end;font-size:18px;font-style:italic;font-weight:900;color:#27373d}.inverter-label small{grid-column:1/-1;justify-self:end;font-size:7px;letter-spacing:.16em;color:#5d6b70}
.keypad-panel{background:linear-gradient(145deg,#253238,#11191d);border:3px solid #45565c;border-radius:13px;padding:13px 15px 16px;box-shadow:inset 0 0 0 1px #060a0c,0 5px 9px rgba(30,43,47,.32)}
.keypad-panel .display{height:88px;margin:0 0 12px;background:linear-gradient(#3b4729,#171c12);border:6px solid #59686d;border-radius:6px;padding:12px;color:#dff876;box-shadow:inset 0 0 18px #050703,0 1px 0 #819096}.keypad-panel .display span{font-size:14px;color:#b2c66a}.keypad-panel .display strong{font-size:43px;text-shadow:0 0 11px #9db948}.keypad-panel .display em{font-size:9px}
.keypad-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.key{height:35px;border-radius:7px;border:2px solid #718087;background:linear-gradient(#3e4a50,#20292d);color:#dce4e6;font-size:11px;font-weight:800;box-shadow:0 2px 2px #080c0e;cursor:pointer}.small-key{font-size:8px;line-height:1}.arrow-key{color:#f4f6f7;font-size:15px}.key:active,.round:active{transform:translateY(2px);box-shadow:none}.key:disabled{opacity:.35;cursor:not-allowed}
.keypad-panel .ihm-pad{gap:12px}.keypad-panel .round{width:60px;height:60px;display:grid;place-content:center;gap:1px;background:linear-gradient(#405057,#1d292e);border-color:#74848a;box-shadow:0 3px 3px #060a0c}.keypad-panel .round span{font-size:17px}.keypad-panel .round small{font-size:6px;letter-spacing:.06em}.keypad-panel .round.start{color:#6be1a8;border-color:#30a16e}.keypad-panel .round.stop{color:#ff7479;border-color:#bc454c}.keypad-panel .round.neutral{color:#7fdaed;border-color:#398ca0}
.inverter .slider-label{margin-top:16px;font-size:10px;font-weight:700;color:#43565d}.inverter .slider-label output{color:#17282f}.inverter .slider-label input{accent-color:#d8262e}
@media(max-width:1150px){.workspace{grid-template-columns:280px 1fr}.info-panel{grid-column:1/-1}.parameter-list{max-height:220px}.drive-grid{grid-template-columns:1fr 230px}}
@media(max-width:760px){.topbar{position:static;align-items:flex-start}.top-actions{display:grid;justify-items:end}.status-pill{display:none}.button.ghost{font-size:10px}.hero{padding-top:24px;display:block}.safety{margin-top:18px}.workspace{display:block}.panel{margin-bottom:14px;border-radius:14px;padding:16px}.drive-grid{grid-template-columns:1fr}.drive-panel{padding:16px}.inverter{padding:14px}.display strong{font-size:43px}.motor-card{min-height:310px}.digital-grid{grid-template-columns:repeat(5,minmax(50px,1fr));overflow-x:auto}.section-title{display:block}.section-title span{display:block;margin-top:4px}.field-pair{gap:7px}.topbar{padding:12px}.brand div span{display:none}}
@media(max-width:390px){.brand strong{font-size:13px}.top-actions .button{max-width:115px;padding:8px}.hero h1{font-size:42px}.display strong{font-size:39px}.pulse-controls{grid-template-columns:1fr}.field-pair{grid-template-columns:1fr 1fr}}

/* Representacao didatica dos contatos das entradas digitais. */
.digital{min-height:88px;display:grid;grid-template-rows:auto auto 18px auto;place-items:center;gap:2px;padding:8px 4px}
.digital::after{content:none}
.digital b{font-size:11px}
.digital small{font-size:7px;letter-spacing:.04em;color:#718791}
.digital em{font-style:normal;font-size:6px;font-weight:900;color:#8b3a3e;text-align:center}
.digital.active em{color:#16714f}
.contact-symbol{position:relative;display:block;width:38px;height:16px}
.contact-symbol::before,.contact-symbol::after{content:"";position:absolute;top:7px;width:11px;height:2px;background:#6f8188}
.contact-symbol::before{left:0}.contact-symbol::after{right:0}
.contact-symbol i{position:absolute;left:10px;top:7px;width:18px;height:2px;background:#bd3d44;transform-origin:left center;transform:rotate(-24deg);transition:transform .08s,background .08s}
.digital.active .contact-symbol i{transform:rotate(0);background:#15845a}
.digital.stop-nf.active{background:#e5f8f2;border-color:#63cda5;box-shadow:inset 0 0 0 1px #9ce0c4}
.digital.stop-nf:not(.active){background:#fff0f0;border-color:#efaaae}
.wiring-note{grid-column:1/-1;margin:0;padding:9px 10px;border-radius:8px;background:#edf7f4;color:#27624e;font-size:10px;line-height:1.35;text-align:center}
.stop-action:active{background:#d84047;color:#fff}
.multispeed-card{border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:15px;background:#fbfdfd}
.multispeed-card>p{font-size:10px;color:var(--muted);margin:8px 0 12px}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}
.multispeed-table{width:100%;border-collapse:collapse;min-width:520px;font-size:9px;background:#fff}
.multispeed-table th{padding:8px 6px;background:#eaf3f5;color:#345763;text-align:center;white-space:nowrap}
.multispeed-table td{padding:7px 6px;border-top:1px solid #e8eff1;text-align:center;white-space:nowrap}
.multispeed-table code{color:#08758f;font-weight:900}
.multispeed-table .logic-on{color:#14744f;font-weight:800;background:#f0faf6}
.multispeed-table .logic-off{color:#7b8e96}
.multispeed-table tr.selected-speed td{background:#fff4d8;box-shadow:inset 0 1px #e9b94f,inset 0 -1px #e9b94f}
.multispeed-table tr.selected-speed td:first-child{box-shadow:inset 3px 0 #d49300,inset 0 1px #e9b94f,inset 0 -1px #e9b94f;font-weight:900;color:#a26d00}
.motor-plate-panel{margin:16px 0 12px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#f8fbfb}
.motor-plate-panel summary{cursor:pointer;padding:12px 0;font-size:12px;font-weight:900;color:var(--navy)}
.motor-plate-panel summary small{float:right;padding:2px 7px;border-radius:99px;background:#e5f8f2;color:#16714f;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.motor-plate-panel>p{margin:0 0 8px;color:var(--muted);font-size:9px;line-height:1.4}
.motor-plate-panel label{margin:8px 0}
.motor-plate-status{min-height:18px;margin:8px 0;font-size:9px;line-height:1.4}
.motor-plate-status.ok{color:#15704d}.motor-plate-status.error{color:#a52e35}
.motor-plate-summary{width:100%;margin:10px 0 2px;padding:9px 10px;border:1px solid #d7e4e7;border-radius:9px;background:#fff;display:grid;gap:2px;text-align:left}
.motor-plate-summary b{font-size:9px;color:#174b5c}.motor-plate-summary span{font-size:8px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.motor.running .fan{animation-duration:2s}}

/* CFW500 front-panel representation, based on the physical control layout. */
.inverter{width:min(100%,280px);min-height:610px;padding:18px 18px 28px;border-radius:7px 7px 15px 15px;background:linear-gradient(100deg,#aabbd0 0,#e9f1f8 14%,#cbd9e8 72%,#91a6bf 100%);border:1px solid #758da8;box-shadow:inset 8px 0 12px rgba(255,255,255,.65),inset -9px 0 14px rgba(51,72,96,.22),0 20px 35px rgba(6,29,44,.28)}
.vfd-mounts{height:34px;display:grid;grid-template-columns:38px 1fr 38px;align-items:start}.vfd-mounts i{width:23px;height:28px;justify-self:center;background:radial-gradient(circle at 50% 55%,#fff 0 7px,#91a6bf 8px 10px,transparent 11px),linear-gradient(90deg,transparent 7px,#f7fbff 7px 16px,transparent 16px);border-radius:12px}.vfd-mounts b{width:43px;height:8px;justify-self:center;margin-top:2px;border-radius:1px;background:#f8fbfe;box-shadow:0 1px 2px #8094aa}
.vfd-vents{gap:5px;margin:0 -4px 8px}.vfd-vents i{width:23px;height:9px;border-radius:1px 1px 4px 4px;transform:skew(-7deg);background:linear-gradient(#34495c,#7e96ab);box-shadow:inset 0 2px 2px #263847}
.keypad-panel{margin:0 -1px;padding:8px 9px 15px;border:3px solid #6d85a0;border-radius:13px 13px 48px 48px;background:linear-gradient(160deg,#12375b,#071f3c);box-shadow:inset 0 0 0 2px #06172d,0 4px 8px rgba(35,55,79,.38)}
.keypad-panel .display{display:block;height:122px;margin:0 0 8px;padding:8px 10px;border:5px solid #324f66;border-radius:7px;background:linear-gradient(145deg,#e8f33f,#bfd824);color:#18210e;box-shadow:inset 0 0 13px rgba(70,88,4,.34),0 1px 0 #afc2d2}
.lcd-top{display:flex;align-items:center;gap:8px;height:30px;font:700 9px ui-monospace,monospace}.lcd-top span{color:#48530f!important;font-size:9px!important}.lcd-top b{margin-left:auto;font:700 23px ui-monospace,monospace;letter-spacing:1px}.lcd-main{height:67px;display:flex;align-items:center}.lcd-main span{margin:0 auto 0 0!important;color:#45520b!important;font:700 10px ui-monospace,monospace!important;text-transform:uppercase}.lcd-main strong{font:500 47px ui-monospace,monospace!important;letter-spacing:-4px;color:#19200e;text-shadow:1px 1px rgba(255,255,255,.25)!important}.lcd-main em{align-self:flex-end;margin:0 0 13px 5px;font:700 9px ui-monospace,monospace!important;color:#27320c}
.cfw-keypad{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:43px 39px 40px;gap:4px 5px;align-items:center;justify-items:center;padding:0 2px}.cfw-keypad button{cursor:pointer;box-shadow:0 2px 2px #020b16;transition:transform .08s}.cfw-keypad button:active{transform:translateY(2px);box-shadow:none}.cfw-keypad button:disabled{opacity:.38;cursor:not-allowed}.rect-key{height:34px;width:100%;border:2px solid #d7dde2;border-radius:6px;background:linear-gradient(#fafafa,#aeb8c0);color:#53616b;font-size:7px;font-weight:900;line-height:.85}.rect-key small{font-size:6px}.back-key{grid-column:1/3;grid-row:1}.menu-key{grid-column:4/6;grid-row:1}.arrow-stack{grid-column:3;grid-row:1/3;display:grid;gap:3px;z-index:2}.arrow-stack .arrow-key{width:48px;height:36px;border:2px solid #eef2f3;background:linear-gradient(#f8f8f8,#adb7bd);color:#748188;font-size:19px;line-height:1}.arrow-stack .arrow-key:first-child{border-radius:24px 24px 5px 5px}.arrow-stack .arrow-key:last-child{border-radius:5px 5px 24px 24px}.circle-key{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0;border:3px solid #e8eef1;background:linear-gradient(#f9fafb,#9da9b1);font-weight:900}.circle-key span{font-size:15px!important;margin:0!important}.circle-key small{font-size:6px;line-height:.85}.reverse-key{grid-column:1;grid-row:2;color:#fff;background:#0b4d88}.start-key{grid-column:5;grid-row:2;color:#fff;background:#08a747}.loc-key{grid-column:2;grid-row:3;color:#153d63}.jog-key{grid-column:3;grid-row:3;color:#153d63}.stop-key{grid-column:4;grid-row:3;color:#fff;background:#d32b32}
.inverter-label{display:grid;grid-template-columns:auto 1fr;margin:18px 10px 3px;align-items:center}.inverter-label strong{font-size:21px;color:#48617a}.inverter-label span{font-size:22px;color:#435b75;letter-spacing:-1px}.inverter-label small{font-size:6px;color:#647b91;letter-spacing:.12em}.vfd-warning{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 0 12px;color:#536b80}.vfd-warning b{font-size:22px}.vfd-warning span{font-size:7px;line-height:1.35;text-transform:uppercase}.inverter .slider-label{margin:0 5px 8px;padding-top:10px;border-top:1px solid rgba(72,97,122,.25);font-size:9px}.vfd-terminals{position:absolute;left:24px;right:24px;bottom:-12px;display:flex;justify-content:space-around}.vfd-terminals i{width:16px;height:22px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#8696a5,#f4f7f8,#788b9c);border:1px solid #778998}
@media(max-width:760px){body{overflow-x:hidden}.drive-grid{align-items:start;min-width:0}.drive-grid>*{min-width:0;max-width:100%}.inverter{width:100%;max-width:270px;min-height:600px;padding:17px 17px 27px}.inverter .slider-label{width:auto;min-width:0}.motor-card{overflow:hidden}.keypad-panel .display strong{font-size:45px!important}}

/* Movimento em passos reduz o trabalho continuo da GPU, especialmente no celular. */
.motor.running .fan{animation:spin var(--motor-spin-duration,1.2s) linear infinite}

/* Marca assimetrica e seta tornam o sentido perceptivel mesmo com quatro pas iguais. */
.rotation-marker{position:absolute;left:35px;top:2px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#f59e0b;box-shadow:0 1px 3px rgba(0,0,0,.35);z-index:2}
.motor-direction-visual{position:absolute;right:5px;top:-14px;min-width:34px;padding:4px 7px;border-radius:99px;background:#0b3b57;color:#fff;font-size:17px;font-weight:900;line-height:1;text-align:center;box-shadow:0 3px 8px rgba(6,29,44,.25)}
.motor-direction-visual.pending{right:-5px;background:#b97800;color:#fff;font-size:11px;padding:6px 8px}