/* Metal Pro V4 — faithful full-console arrangement layered over V2. */
.v4-extra-pad{display:none}
.interface-metal-pro-v4 .topbar{height:50px!important}.interface-metal-pro-v4 .logo{font-size:19px!important}
.interface-metal-pro-v4 .controller-grille{height:34px!important}.interface-metal-pro-v4 .controller-grille strong{font-size:16px!important}.interface-metal-pro-v4 .controller-grille small{font-size:7px!important}
.interface-metal-pro-v4 .hardware-layout{grid-template-columns:minmax(430px,1fr) minmax(370px,430px) minmax(430px,1fr)!important;align-items:stretch!important}
.interface-metal-pro-v4 .hardware-layout>.deck,.interface-metal-pro-v4 .hardware-layout>.pro-center-mixer{height:690px!important;min-height:690px!important;overflow:hidden!important}
.interface-metal-pro-v4 .deck-head{height:62px!important;grid-template-columns:70px minmax(0,1fr) auto!important}
.interface-metal-pro-v4 .deck-lcd{height:58px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 110px!important}.interface-metal-pro-v4 .deck-lcd canvas{height:58px!important}
.interface-metal-pro-v4 .deck-body{height:300px!important;min-height:300px!important;grid-template-columns:72px minmax(250px,1fr) 108px!important}.interface-metal-pro-v4 .deck-b .deck-body{grid-template-columns:108px minmax(250px,1fr) 72px!important}
.interface-metal-pro-v4 .platter{width:292px!important;height:292px!important}
.interface-metal-pro-v4 .pitch-box{height:280px!important}.interface-metal-pro-v4 .pitch-box input{height:215px!important}
.interface-metal-pro-v4 .eq-strip{gap:6px!important}.interface-metal-pro-v4 .eq-strip input{width:100%!important}
.interface-metal-pro-v4 .performance{height:128px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,52px)!important;gap:7px!important;padding:8px 13px!important}
.interface-metal-pro-v4 .performance .v4-extra-pad{display:block!important}
.interface-metal-pro-v4 .performance button{height:52px!important;font-size:8px!important}
.interface-metal-pro-v4 .performance button:nth-child(5){background:linear-gradient(#68f49b,#20a857)!important}.interface-metal-pro-v4 .performance button:nth-child(6){background:linear-gradient(#df83ff,#8f3ee0)!important}.interface-metal-pro-v4 .performance button:nth-child(7){background:linear-gradient(#63dfff,#258dcc)!important}.interface-metal-pro-v4 .performance button:nth-child(8){background:linear-gradient(#cb7bff,#7235c9)!important}
.interface-metal-pro-v4 .pad-mode-buttons{height:30px!important;margin:0 13px 2px!important}.interface-metal-pro-v4 .pad-mode-buttons button{height:27px!important}
.interface-metal-pro-v4 .transport{height:81px!important}
.interface-metal-pro-v4 .pro-center-mixer{display:flex!important;flex-direction:column!important;padding:7px 10px!important}
.interface-metal-pro-v4 .mixer-title{height:28px!important}.interface-metal-pro-v4 .mixer-top-row{height:58px!important}.interface-metal-pro-v4 .pro-meter-screen{height:118px!important}.interface-metal-pro-v4 .pro-meter-screen .meters{height:82px!important}
.interface-metal-pro-v4 .mixer-channel-eq{height:208px!important;grid-template-columns:1fr 82px 1fr!important}.interface-metal-pro-v4 .mixer-channel{gap:4px!important}.interface-metal-pro-v4 .mixer-channel label{font-size:7px!important}.interface-metal-pro-v4 .mixer-channel input{width:100%!important}
.interface-metal-pro-v4 .channel-faders{height:146px!important;min-height:146px!important}.interface-metal-pro-v4 .channel-faders input{height:125px!important}
.interface-metal-pro-v4 .cue-row{height:37px!important}.interface-metal-pro-v4 .head-controls{height:40px!important}.interface-metal-pro-v4 .cross-label{margin-top:3px!important}
.interface-metal-pro-v4 .performance-studio{margin-top:8px!important;border-color:#4d555b!important;background:linear-gradient(#1b1f22,#070809)!important}.interface-metal-pro-v4 .performance-studio:not(.collapsed){max-height:430px;overflow:auto}
.interface-metal-pro-v4 .browser{display:grid!important;grid-template-columns:245px minmax(0,1fr)!important;min-height:355px!important;max-height:46vh!important;margin-top:7px!important;border:2px solid #555d63!important}
.interface-metal-pro-v4 .browser>aside{display:block!important;width:auto!important;padding:10px!important;border-right:1px solid #50575d!important;background:linear-gradient(145deg,#1d2226,#070809)!important;overflow:auto!important}
.interface-metal-pro-v4 .library-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.interface-metal-pro-v4 .library-actions button,.interface-metal-pro-v4 .playlist-folder{min-height:34px!important;border:1px solid #4e565c!important;background:linear-gradient(#30363b,#080a0b 55%,#202428)!important;color:#e9edef!important}
.interface-metal-pro-v4 .library-view-tabs{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:9px!important}.interface-metal-pro-v4 .library-view-tabs button{text-align:left!important;min-height:34px!important}.interface-metal-pro-v4 .library-view-tabs button.active{border-left:4px solid #ff7a00!important;background:#20262b!important;color:#fff!important}
.interface-metal-pro-v4 .library{min-width:0!important;background:#050607!important;overflow:auto!important}.interface-metal-pro-v4 .library-head{position:sticky;top:0;z-index:3;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:66px!important;padding:10px 16px!important}.interface-metal-pro-v4 .library h2{font-size:20px!important}.interface-metal-pro-v4 .drop-area{min-height:46px!important;margin:7px 12px!important}.interface-metal-pro-v4 .library table{width:100%!important}.interface-metal-pro-v4 .library tbody tr{height:45px!important}
.interface-metal-pro-v4 .playlist-folders{max-height:115px!important;overflow:auto!important}
@media(max-width:1650px){.interface-metal-pro-v4 .hardware-layout{grid-template-columns:minmax(370px,1fr) 340px minmax(370px,1fr)!important}.interface-metal-pro-v4 .platter{width:245px!important;height:245px!important}.interface-metal-pro-v4 .deck-body{grid-template-columns:58px minmax(210px,1fr) 90px!important}.interface-metal-pro-v4 .deck-b .deck-body{grid-template-columns:90px minmax(210px,1fr) 58px!important}}
@media(max-width:1180px){.interface-metal-pro-v4 .hardware-layout{grid-template-columns:1fr!important}.interface-metal-pro-v4 .hardware-layout>.deck,.interface-metal-pro-v4 .hardware-layout>.pro-center-mixer{height:auto!important;min-height:650px!important}.interface-metal-pro-v4 .browser{grid-template-columns:190px minmax(0,1fr)!important}}

/* V4 fit correction: all controls stay inside the deck at common 15-inch resolutions. */
.interface-metal-pro-v4 .hardware-layout>.deck:not(.floating-deck){zoom:1!important}
.interface-metal-pro-v4 .hardware-layout{height:620px!important;min-height:620px!important;overflow:hidden!important;resize:none!important}
.interface-metal-pro-v4 .hardware-layout>.deck,.interface-metal-pro-v4 .hardware-layout>.pro-center-mixer{height:610px!important;min-height:610px!important;max-height:610px!important}
.interface-metal-pro-v4 .deck-head{height:50px!important;padding-block:5px!important}
.interface-metal-pro-v4 .source-tabs{height:31px!important;box-sizing:border-box;padding-block:3px!important}
.interface-metal-pro-v4 .source{height:24px!important;padding:3px 6px!important;font-size:7px!important}
.interface-metal-pro-v4 .deck-lcd{height:42px!important;min-height:42px!important}.interface-metal-pro-v4 .deck-lcd canvas{height:42px!important}
.interface-metal-pro-v4 .deck-body{height:245px!important;min-height:245px!important;padding-block:3px!important}
.interface-metal-pro-v4 .platter{width:232px!important;height:232px!important;border-width:7px!important}
.interface-metal-pro-v4 .pitch-box{height:225px!important}.interface-metal-pro-v4 .pitch-box input{height:165px!important}
.interface-metal-pro-v4 .performance{height:96px!important;grid-template-rows:repeat(2,38px)!important;gap:5px!important;padding:7px 12px!important}
.interface-metal-pro-v4 .performance button{height:38px!important;min-height:38px!important;font-size:7px!important}
.interface-metal-pro-v4 .pad-mode-buttons{height:25px!important;margin-block:0!important}.interface-metal-pro-v4 .pad-mode-buttons button{height:23px!important;min-height:23px!important;padding:2px!important}
.interface-metal-pro-v4 .transport{height:72px!important;min-height:72px!important;padding:5px!important}.interface-metal-pro-v4 .transport .play{width:58px!important;height:58px!important;min-width:58px!important}.interface-metal-pro-v4 .transport .cue{width:50px!important;height:50px!important;min-width:50px!important}
.interface-metal-pro-v4 .mixer-title{height:25px!important;min-height:25px!important}.interface-metal-pro-v4 .mixer-top-row{height:50px!important;min-height:50px!important}.interface-metal-pro-v4 .pro-meter-screen{height:94px!important;min-height:94px!important}.interface-metal-pro-v4 .pro-meter-screen .meters{height:61px!important}
.interface-metal-pro-v4 .mixer-channel-eq{height:150px!important;min-height:150px!important}.interface-metal-pro-v4 .mixer-channel{gap:2px!important;padding-block:4px!important}.interface-metal-pro-v4 .channel-faders{height:128px!important;min-height:128px!important}.interface-metal-pro-v4 .channel-faders input{height:107px!important}.interface-metal-pro-v4 .cue-row{height:33px!important}.interface-metal-pro-v4 .head-controls{height:37px!important}.interface-metal-pro-v4 .cross-label{height:43px!important;margin:0!important}
.interface-metal-pro-v4 .browser{height:340px!important;min-height:340px!important;max-height:340px!important;resize:none!important}
@media(min-width:1660px){.interface-metal-pro-v4 .hardware-layout{grid-template-columns:minmax(420px,1fr) 500px minmax(420px,1fr)!important}.interface-metal-pro-v4 .platter{width:244px!important;height:244px!important}}
@media(max-height:760px) and (min-width:1181px){.interface-metal-pro-v4 .hardware-layout{height:575px!important;min-height:575px!important}.interface-metal-pro-v4 .hardware-layout>.deck,.interface-metal-pro-v4 .hardware-layout>.pro-center-mixer{height:565px!important;min-height:565px!important;max-height:565px!important}.interface-metal-pro-v4 .deck-body{height:210px!important;min-height:210px!important}.interface-metal-pro-v4 .platter{width:202px!important;height:202px!important}.interface-metal-pro-v4 .pitch-box{height:195px!important}.interface-metal-pro-v4 .pitch-box input{height:140px!important}.interface-metal-pro-v4 .performance{height:88px!important;grid-template-rows:repeat(2,34px)!important}.interface-metal-pro-v4 .performance button{height:34px!important;min-height:34px!important}.interface-metal-pro-v4 .transport{height:65px!important;min-height:65px!important}}
