body.kr-redesign{background:linear-gradient(#091828a8,#09182855),url('../assets/img/kaufhausradio-header-2.jpg') center/cover fixed!important;color:#edf4fa;font:14px/1.5 system-ui,sans-serif;padding:20px 12px 65px}.kr-shell{max-width:1360px;margin:auto;padding:26px;border:2px solid #84accd;border-radius:23px;background:#102030ed;box-shadow:0 20px 65px #0009,0 0 0 5px #142b3a66}.kr-shell *{box-sizing:border-box}.kr-shell [hidden]{display:none!important}.kr-shell h1{font-size:23px}.kr-shell h2,.kr-shell h3,.kr-shell .h3{font-size:18px!important;margin-bottom:12px;font-weight:700}.kr-shell p{margin:6px 0 12px}.kr-shell .small,.kr-shell small{font-size:12px;line-height:1.5;color:#b4c8d8}.kr-header,.kr-actions,.kr-title,.kr-local-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kr-header{justify-content:space-between;margin-bottom:20px}.kr-shell button,.kr-shell .btn{border:1px solid #577188;border-radius:8px;background:#284056;color:#eff6ff;padding:9px 12px;font:inherit;font-size:12px;white-space:normal;height:auto;min-height:36px}.kr-shell button:hover{background:#3d5e78}.kr-shell button:disabled{opacity:.45}.kr-shell a{color:#b5daff}.kr-local-info{border:1px solid #607f98;border-radius:12px;padding:12px 16px;margin-bottom:16px}.kr-local-info strong,.kr-local-info small{display:block}.kr-local-info strong{font-size:19px;font-variant-numeric:tabular-nums}.kr-local-info>div:nth-child(2){flex:1}.kr-local-info small{font-size:10px}.kr-top,.kr-workspace{display:grid;grid-template-columns:minmax(245px,1fr) minmax(0,1.45fr) minmax(260px,1fr);gap:18px;align-items:stretch}.kr-controls{grid-column:2/4}.kr-logo{border:1px solid #84accd;border-radius:16px;padding:10px;background:#1c3043;display:flex;flex-direction:column;justify-content:center;gap:9px;text-align:center}.kr-logo-white{background:white;border-radius:12px;padding:8px;display:flex;align-items:center;flex-direction:column}.kr-logo video{display:block;width:174px;height:174px;object-fit:contain}.kr-logo img{display:block;width:100%;height:auto}.kr-logo small{font-size:10px}.kr-shell .player_play_kachel_pro,.kr-card{background:#1a2e40;border:1px solid #3f586d;border-radius:14px;color:#edf4fa;box-shadow:none;min-width:0;padding:18px!important;margin:0!important;height:auto!important}.kr-controls{border:2px solid #84b6d8;padding:20px!important}.kr-title{justify-content:space-between}.kr-title #nowPlaying{font-size:20px;font-weight:700;flex:1;min-width:150px}.kr-shell #musicRightsBadge{font-size:11px;padding:8px!important;border-radius:16px;max-width:210px}.kr-shell .custom-audio-player{padding:0!important;border:0;margin:18px 0!important;background:none}.kr-shell .player-duration{display:flex;align-items:center;gap:10px}.kr-shell #volumeBar,.kr-shell .player-duration>.fa-volume-up{display:none}.kr-shell #progressBar{flex:1;width:auto;min-width:40px;height:auto}.kr-shell #playPauseBtn{border-radius:50%;width:44px;height:44px;background:#c4e5ff;color:#173048}.kr-shell #btnShuffle,.kr-shell #btnNext{width:auto!important;margin:0!important}.kr-sound{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #486278;margin-top:14px;padding-top:14px}.kr-sound label,.kr-favorite-mix label{display:flex;justify-content:space-between;font-size:12px;gap:8px}.kr-shell input[type=range]{width:100%;accent-color:#81c8f4;cursor:pointer}.kr-sound small{font-size:10px}.kr-favorites{margin:12px 0!important;padding:12px 16px!important}.kr-shell summary{cursor:pointer;font-weight:650;font-size:15px}.kr-shell #trackRatings{margin:0}.kr-shell .rating-actions:empty{display:none}.kr-config{margin:18px 0!important;border:2px solid #84b6d8!important}.kr-column{display:flex;flex-direction:column;gap:16px;min-width:0}.kr-column>.player_play_kachel_pro:last-child{flex:1}.kr-shell #infoAnnouncements{background:#eef4f8;color:#172e42}.kr-shell #infoAnnouncements .small{color:#50687b}.kr-shell #infoAnnouncements button{background:#fff;color:#16314a;border-color:#b9ccd9;font-size:11px;min-height:44px;margin:0!important}.kr-shell #infoAnnouncements .row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.kr-shell #infoAnnouncements .row>div{width:auto!important;padding:0!important;margin:0!important}.kr-shell .announcement-microphone{text-align:center;margin-top:14px}.kr-shell .announcement-microphone button{background:#263f55!important;color:white!important}.kr-shell .announcement-microphone details{text-align:left}.kr-shell #programQueuePanel{border-top:3px solid #84b6d8}.kr-shell #programQueue,.kr-shell #playlistMusic{max-height:350px!important;overflow:auto;scrollbar-color:#82c5f0 #13283a}.kr-shell #programQueue li{margin-bottom:8px;overflow-wrap:anywhere}.kr-shell #playlistMusic{padding:0;list-style:none}.kr-shell #playlistMusic li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #39536a}.kr-shell .wdg_liste{height:auto;max-height:350px;overflow:auto}.kr-shell .playlist-actions{display:flex;flex-wrap:wrap;gap:7px}.kr-shell #startProgramQueue,.kr-shell #customerApply{background:#c2e5ff;color:#132d42;font-weight:750}.kr-shell #customerApply{font-size:16px;padding:14px 20px;margin-top:18px}.kr-shell #customerGenres{max-height:380px;overflow:auto;margin-top:15px}.kr-shell #customerGenres>div{width:50%;font-size:12px}.kr-shell #customerGenres label{font-size:12px}.kr-shell #customerConfigForm>.row>div:first-child{width:60%}.kr-shell #customerConfigForm>.row>div:last-child{width:40%}.kr-shell input:not([type=range]):not([type=checkbox]):not([type=file]),.kr-shell select{background:#102436;color:#edf5fc;border:1px solid #607a90;border-radius:7px;padding:9px;font-size:13px;max-width:100%}.kr-shell input[type=checkbox]{accent-color:#85caff}.kr-operations{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px!important}.kr-operations>h2{display:none}.kr-operations .operation-section{border:1px solid #56738b;border-radius:10px;padding:14px;min-width:0}.kr-shell .kr-footer{font-size:11px;margin:20px 0 0;color:#a9c2d6}.kr-favorite-mix{padding:12px;background:#102436;border-radius:10px;margin-bottom:14px}.kr-favorite-mix p{font-size:11px;margin-top:7px}.kr-history{margin-top:20px;border-top:1px solid #56738b;padding-top:12px}.kr-history-list{max-height:190px;overflow:auto;display:flex;flex-direction:column;gap:5px}.kr-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #405f76;border-radius:8px;padding:7px 10px}.kr-history-row>span{flex:1;font-size:12px;overflow-wrap:anywhere}.kr-history-row button{padding:5px 9px;min-height:30px}.kr-compact .kr-config,.kr-compact .kr-favorites,.kr-compact .kr-operations,.kr-compact #demoProFeatures,.kr-compact .kr-column:not(:first-child),.kr-compact .kr-column:first-child> :not(#infoAnnouncements){display:none!important}.kr-compact .kr-workspace{display:block;margin-top:16px}.kr-compact #infoAnnouncements .row{grid-template-columns:repeat(5,1fr)}.kr-shell .player-statistics{flex:0}.kr-shell #demoProFeatures{margin-top:16px!important}.kr-shell #demoProFeatures .demo-pro-grid{display:none}.kr-shell #player,.kr-shell #infoPlayer{display:none}
@media(max-width:1050px){.kr-top,.kr-workspace{grid-template-columns:1fr 1fr}.kr-controls{grid-column:auto}.kr-workspace>.kr-column:last-child{grid-column:1/-1}.kr-shell{padding:18px}.kr-title #nowPlaying{font-size:17px}.kr-header{align-items:flex-start}.kr-sound{gap:12px}.kr-shell #customerConfigForm>.row>div{width:100%!important}}
@media(max-width:700px){body.kr-redesign{padding:8px 6px 65px}.kr-shell{padding:12px}.kr-top,.kr-workspace,.kr-operations{grid-template-columns:1fr}.kr-controls{grid-column:auto}.kr-logo-white{flex-direction:row}.kr-logo video{width:100px;height:100px}.kr-logo img{width:calc(100% - 100px)}.kr-sound{grid-template-columns:1fr}.kr-shell #customerGenres>div{width:100%}.kr-local-info{gap:12px}.kr-local-info>div{min-width:100%}.kr-compact #infoAnnouncements .row{grid-template-columns:1fr 1fr}.kr-history-row{flex-wrap:wrap}.kr-title{align-items:flex-start}}
.kr-shell #infoAnnouncements{background:#eef4f8!important;color:#172e42!important}.kr-shell #infoAnnouncements h2{color:#172e42!important}.kr-shell #infoAnnouncements .small,.kr-shell #infoAnnouncements p{color:#50687b!important}.kr-shell .player-duration{width:100%;max-width:none}.kr-shell .custom-audio-player{width:100%;max-width:none}

.kr-demo-config>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kr-pro-label{color:#ffe3a6;background:#4a3820;border:1px solid #bb9350;border-radius:20px;font-size:12px;padding:6px 12px;white-space:normal}.kr-demo-explanation{margin:16px 0;padding:15px;border-left:4px solid #edc778;border-radius:8px;background:#253d51;color:#f3f7fc}.kr-demo-explanation p{margin:6px 0 10px}.kr-demo-config fieldset{opacity:1!important;padding:14px;border:1px dashed #6b879b;border-radius:10px}.kr-demo-config fieldset :disabled{opacity:1!important;color:#c5d6e2!important;cursor:not-allowed}.kr-demo-config fieldset label{display:block;margin:10px 0}.kr-demo-config>section{margin-top:12px}.kr-local-info>div{align-self:center}
.kr-demo-config>section{padding:12px 0!important}.kr-demo-config fieldset select:disabled,.kr-demo-config fieldset input:disabled:not([type=range]):not([type=checkbox]){background:#152a3c!important;color:#d9e7f2!important;-webkit-text-fill-color:#d9e7f2}

/* Shared, aligned completion area for customer setup and demo preview. */
.kr-shell .kr-startbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:24px;align-items:end;margin-top:22px;padding:18px;background:#12283b;border:1px solid #739bbb;border-radius:12px}.kr-startbar-name{min-width:0}.kr-startbar-name label{display:block;margin:0 0 7px!important;font-size:12px}.kr-shell .kr-startbar-name input{display:block;width:100%}.kr-startbar-action{display:flex;flex-direction:column;gap:7px;text-align:center}.kr-shell .kr-startbar-action button,.kr-shell .kr-startbar-action #customerApply{width:100%;margin:0!important;padding:13px 16px;font-size:15px;min-height:48px;line-height:1.4}.kr-startbar-action small{font-size:11px}.kr-startbar-note{display:block;margin-top:10px}.kr-startbar-demo{align-items:center!important}.kr-startbar-name>small{display:block;margin-top:6px}.kr-shell .kr-startbar-demo button:disabled{background:#29445a;color:#dae9f4!important;border-color:#69869d;opacity:1}
@media(max-width:700px){.kr-shell .kr-startbar{grid-template-columns:1fr;gap:16px;padding:14px}.kr-startbar-action{width:100%}}

.kr-startbar-action{gap:0}.kr-startbar-action>label{display:block;text-align:left;font-size:12px;font-weight:inherit;line-height:1.5;margin:0 0 7px!important}.kr-shell .kr-startbar-name input{height:48px}.kr-startbar-action>small{margin-top:7px}
/* Compact controls shrink with the available window width, with readable minimums. */
.kr-shell.kr-compact{padding:clamp(10px,1.8vw,24px);font-size:clamp(11px,1.05vw,14px)}
.kr-compact .kr-header{gap:8px;margin-bottom:clamp(8px,1.3vw,18px)}
.kr-compact h1{font-size:clamp(16px,1.8vw,23px)}
.kr-compact .kr-header p{font-size:clamp(11px,1vw,14px);margin-bottom:0}
.kr-compact .kr-actions{gap:clamp(5px,.7vw,10px)}
.kr-compact button,.kr-compact .btn{font-size:clamp(11px,.95vw,12px);padding:clamp(5px,.7vw,9px) clamp(7px,.9vw,12px);min-height:32px}
.kr-compact .kr-header a{font-size:clamp(11px,.95vw,14px)}
.kr-compact .kr-local-info{padding:clamp(8px,1vw,12px);gap:14px;margin-bottom:clamp(8px,1vw,16px)}
.kr-compact .kr-local-info strong{font-size:clamp(13px,1.5vw,19px)}
.kr-compact .kr-top{grid-template-columns:minmax(120px,.85fr) minmax(0,2fr);gap:clamp(8px,1.4vw,18px)}
.kr-compact .kr-controls{grid-column:auto;padding:clamp(10px,1.5vw,20px)!important}
.kr-compact .kr-logo{padding:clamp(6px,.8vw,10px);gap:5px}
.kr-compact .kr-logo-white{flex-direction:column;padding:5px}
.kr-compact .kr-logo video{width:clamp(75px,12vw,150px);height:clamp(75px,12vw,150px)}
.kr-compact .kr-logo img{width:100%}
.kr-compact .kr-title #nowPlaying{font-size:clamp(14px,1.5vw,20px);min-width:0}
.kr-compact #musicRightsBadge{font-size:clamp(10px,.85vw,11px);padding:5px 7px!important;max-width:160px}
.kr-compact .custom-audio-player{margin:clamp(8px,1vw,14px) 0!important}
.kr-compact .player-duration{gap:6px;font-size:clamp(11px,.95vw,14px)}
.kr-compact #playPauseBtn{width:clamp(32px,3.3vw,44px);height:clamp(32px,3.3vw,44px);flex-shrink:0;padding:0}
.kr-compact .kr-sound{grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,20px);padding-top:9px;margin-top:9px}
.kr-compact .kr-sound label{font-size:clamp(11px,.95vw,12px);flex-wrap:wrap;margin-bottom:3px}
.kr-compact input[type=range]{min-height:22px}
.kr-compact .kr-sound small{font-size:10px}
.kr-compact #infoAnnouncements{padding:clamp(10px,1.3vw,18px)!important}
.kr-compact #infoAnnouncements h2{font-size:clamp(15px,1.5vw,18px)!important;margin-bottom:6px}
.kr-compact #infoAnnouncements .row{gap:clamp(5px,.65vw,8px);margin:8px 0}
.kr-compact #infoAnnouncements button{font-size:clamp(11px,.9vw,12px);min-height:36px;padding:6px!important;overflow-wrap:anywhere}
.kr-compact .announcement-microphone{margin-top:8px}
.kr-compact .small,.kr-compact small{font-size:clamp(10px,.9vw,12px)}
.kr-compact .kr-footer{margin-top:10px}
@media(max-width:700px){.kr-compact .kr-title{gap:6px}.kr-compact .kr-title #nowPlaying{flex-basis:100%}.kr-compact #infoAnnouncements .row{grid-template-columns:repeat(3,minmax(0,1fr))}.kr-compact .kr-local-info>div{min-width:0}.kr-compact .kr-local-info>div:nth-child(2){flex:1}.kr-compact .kr-local-info button{padding:5px 7px}.kr-compact .kr-sound small{display:none}}
@media(max-width:450px){.kr-compact .kr-top{grid-template-columns:1fr}.kr-compact .kr-logo-white{flex-direction:row;gap:8px}.kr-compact .kr-logo img{width:calc(100% - 83px)}.kr-compact .kr-logo video{width:75px;height:75px}.kr-compact .kr-logo{gap:2px}.kr-compact .kr-header .kr-actions{width:100%}.kr-compact .kr-local-info{gap:8px}.kr-compact #infoAnnouncements .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
