*{box-sizing:border-box}.wkr6-touch{min-height:100vh;background:#07111f;color:#fff;padding:22px;font-family:Arial,sans-serif}.wkr6-touch header{max-width:1450px;margin:auto;display:flex;justify-content:space-between;align-items:center}.logo{color:#38bdf8;letter-spacing:4px;font-weight:bold}.wkr6-touch h1{margin:5px 0 18px;font-size:32px}.countdown{background:#10253a;border:1px solid #2563eb;border-radius:15px;padding:8px 18px;text-align:center}.countdown small{display:block;color:#93c5fd}.countdown strong{font-size:28px;color:#facc15}.locked{max-width:1450px;margin:10px auto;padding:16px;text-align:center;background:#3b1720;border-radius:12px;color:#fecaca}.search,.cats,.layout{max-width:1450px;margin:12px auto}.search{display:flex;gap:10px}.search input{flex:1;padding:18px;border-radius:13px;border:2px solid #334155;background:#0b1220;color:#fff;font-size:19px}.search button{padding:0 26px;border:0;border-radius:13px;background:#22c55e;font-weight:bold}.cats{display:flex;gap:8px;overflow:auto}.cats button{white-space:nowrap;padding:12px 16px;border:0;border-radius:10px;background:#172236;color:#fff}.layout{display:grid;grid-template-columns:1fr 390px;gap:18px}.layout main,.layout aside{background:#0d192a;padding:18px;border-radius:17px}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{display:flex;gap:12px;background:#17253a;padding:11px;border-radius:12px}.card img{width:145px;height:82px;object-fit:cover;border-radius:8px}.card div{flex:1}.card b{display:block;font-size:14px}.pick{margin-top:10px;padding:10px;border:0;border-radius:8px;background:#facc15;font-weight:bold}.qitem{display:flex;gap:10px;align-items:center;background:#17253a;padding:9px;border-radius:10px;margin:8px 0}.qitem img{width:85px;height:50px;object-fit:cover;border-radius:6px}.qitem div{flex:1}.qitem small{display:block;opacity:.6;margin-top:4px}.qitem.playing{outline:2px solid #22c55e}.empty,.error,.welcome{padding:20px;background:#172236;border-radius:10px;color:#94a3b8}.error{color:#fecaca}.wkr6-tv{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;background:#000;color:#fff;overflow:hidden;font-family:Arial,sans-serif;z-index:2147483000;isolation:isolate}.wkr6-tv .player{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#000}.wkr6-tv .player iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;display:block!important}.wkr6-tv .tv-top{position:absolute;z-index:4;left:0;right:0;top:0;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,0));pointer-events:none}.wkr6-tv .tv-brand{font-size:20px;font-weight:900;letter-spacing:4px;color:#38bdf8;text-shadow:0 2px 8px #000}.wkr6-tv .tv-room{font-size:18px;font-weight:800;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.45);text-shadow:0 2px 8px #000}.wkr6-tv .tv-wait{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 28px;border-radius:14px;background:rgba(0,0,0,.7);font-size:28px;font-weight:800;letter-spacing:.5px;text-align:center;display:none;pointer-events:none}.wkr6-tv .tv-bottom{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:65px 28px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,0));pointer-events:none}.wkr6-tv .title{position:static;max-width:calc(100% - 230px);font-size:25px;line-height:1.25;font-weight:800;text-shadow:0 2px 10px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wkr6-tv .time-box{min-width:190px;text-align:center;padding:10px 18px;border-radius:12px;background:rgba(5,15,28,.82);border:1px solid rgba(56,189,248,.65);box-shadow:0 8px 25px rgba(0,0,0,.35)}.wkr6-tv .time-box small{display:block;color:#93c5fd;font-size:13px;font-weight:800;letter-spacing:1px}.wkr6-tv .time{display:block;position:static;font-size:30px;line-height:1.1;color:#facc15;font-weight:900;text-shadow:0 2px 8px #000}.wkr6-tv.tv-waiting .tv-wait{display:block}.wkr6-tv.tv-waiting .tv-bottom{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}body.wkr6-tv-mode{overflow:hidden!important;margin:0!important;padding:0!important}.wkr6-tv .player iframe{object-fit:contain!important}@media(max-width:700px){.wkr6-tv .tv-top{padding:12px 14px}.wkr6-tv .tv-brand{font-size:14px;letter-spacing:2px}.wkr6-tv .tv-room{font-size:13px;padding:6px 10px}.wkr6-tv .tv-bottom{padding:50px 14px 14px;gap:10px}.wkr6-tv .title{font-size:17px;max-width:calc(100% - 150px)}.wkr6-tv .time-box{min-width:135px;padding:8px 10px}.wkr6-tv .time{font-size:22px}.wkr6-tv .tv-wait{font-size:20px;white-space:nowrap}}
.wkr6-op{max-width:1400px;margin:25px auto;font-family:Arial}.rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:15px}.op-room{background:#0f172a;color:#fff;border-radius:16px;padding:18px}.op-status{font-size:18px;margin:8px 0}.op-time{font-size:34px;color:#facc15;margin:10px 0}.buttons{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0}.buttons button{padding:11px;border:0;border-radius:9px;font-weight:bold;cursor:pointer}.open{background:#22c55e}.addtime{background:#38bdf8}.close{background:#f59e0b}.end{background:#ef4444;color:#fff}.op-queue{margin-top:12px;background:#172236;padding:10px;border-radius:9px}.op-queue div{padding:5px;border-bottom:1px solid #334155}.remove{float:right}@media(max-width:900px){.layout{grid-template-columns:1fr}.results{grid-template-columns:1fr}}@media(max-width:600px){.wkr6-touch{padding:12px}.wkr6-touch h1{font-size:25px}.countdown strong{font-size:21px}.search button{padding:0 14px}.card img{width:105px;height:60px}}
.service-box{max-width:1450px;margin:10px auto;background:#10253a;border:1px solid #1e40af;border-radius:12px;padding:9px 12px}.service-compact .service-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.service-head strong{font-size:15px}.service-head small{display:block;color:#94a3b8;margin-top:2px;font-size:11px}.service-toggle{border:0;border-radius:8px;padding:8px 11px;background:#38bdf8;color:#062033;font-weight:900;cursor:pointer}.service-buttons{display:flex;flex-wrap:wrap;gap:6px}.service-buttons button{padding:8px 11px;border:0;border-radius:8px;background:#facc15;color:#111;font-size:12px;font-weight:800;cursor:pointer}.service-buttons button:disabled{opacity:.5}.service-message{display:none;margin-top:8px;padding:8px;background:#0b1728;border-radius:9px}.request-message{width:100%;resize:none;padding:8px;border:1px solid #334155;border-radius:7px;background:#07111f;color:#fff;font:inherit;font-size:13px}.service-message-actions{display:flex;gap:6px;margin-top:6px}.send-message,.cancel-message{border:0;border-radius:7px;padding:7px 10px;font-weight:800;cursor:pointer}.send-message{background:#22c55e;color:#06210f}.cancel-message{background:#334155;color:#fff}.request-sent{display:none;margin-top:7px;padding:8px;background:#14532d;border-radius:8px;color:#bbf7d0;font-size:12px;font-weight:bold}.op-tools{display:flex;gap:12px;align-items:center;margin:10px 0 18px}.enable-sound{padding:12px 16px;border:0;border-radius:10px;background:#22c55e;font-weight:bold;cursor:pointer}.sound-state{color:#64748b}.request-panel{margin-bottom:20px;background:#fff7ed;border:2px solid #f59e0b;border-radius:15px;padding:15px}.request-panel h2{margin:0 0 12px;color:#9a3412}.request-list{display:grid;gap:10px}.no-request{padding:14px;color:#78716c;background:#fffbeb;border-radius:10px}.request-item{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;border:2px solid #f59e0b;border-radius:12px;padding:12px;box-shadow:0 5px 20px rgba(0,0,0,.08)}.request-item strong{display:block;font-size:18px}.request-item b{display:block;font-size:17px;color:#dc2626;margin-top:4px}.request-item small{display:block;color:#78716c;margin-top:4px}.request-item p{margin:7px 0 0}.resolve-request{white-space:nowrap;padding:12px 15px;border:0;border-radius:9px;background:#22c55e;font-weight:bold;cursor:pointer}@media(max-width:600px){.service-compact .service-head{align-items:flex-start}.service-buttons button{flex:1 1 auto}.service-head strong{font-size:13px}.service-head small{font-size:10px}.op-tools{flex-direction:column;align-items:flex-start}.request-item{align-items:flex-start;flex-direction:column}.resolve-request{width:100%}}

.manual-time{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:12px 14px;background:#18243c;border-radius:12px}.manual-time label{color:#fff;font-weight:800;margin-right:5px}.manual-time input{width:70px;padding:9px 8px;border:1px solid #53627e;border-radius:8px;background:#0e1729;color:#fff;font-weight:700}.manual-time span{color:#aab6ca}.manual-time .open-manual{border:0;border-radius:9px;padding:10px 14px;background:#7c3aed;color:#fff;font-weight:900;cursor:pointer}.manual-time .open-manual:hover{background:#6d28d9}.wkr6-op-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.wkr6-op-head h1{margin:0}.wkr6-logout{display:inline-block;padding:11px 16px;border-radius:10px;background:#ef4444;color:#fff;text-decoration:none;font-weight:800}.wkr6-logout:hover{background:#dc2626;color:#fff}.wkr6-login{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:30px;font-family:Arial,sans-serif;background:#f8fafc}.wkr6-login-card{width:min(460px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;box-shadow:0 20px 50px rgba(15,23,42,.12);text-align:center}.wkr6-login-logo{font-size:48px}.wkr6-login-card h1{margin:8px 0;color:#0f172a;font-size:30px}.wkr6-login-card>p{color:#64748b;line-height:1.5}.wkr6-login-card form{text-align:left;margin-top:22px}.wkr6-login-card form p{margin:0 0 14px}.wkr6-login-card label{display:block;font-weight:700;color:#334155;margin-bottom:6px}.wkr6-login-card input[type=text],.wkr6-login-card input[type=password]{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px}.wkr6-login-card input[type=checkbox]{margin-right:6px}.wkr6-login-card .login-submit input{width:100%;border:0;border-radius:10px;padding:13px;background:#22c55e;color:#fff;font-weight:800;font-size:16px;cursor:pointer}.wkr6-login-card .login-submit input:hover{background:#16a34a}.wkr6-login-note{font-size:13px!important;margin-top:20px!important}
@media(max-width:600px){.wkr6-op-head{align-items:flex-start;flex-direction:column}.wkr6-logout{width:100%;text-align:center}.wkr6-login{padding:15px}.wkr6-login-card{padding:24px 18px}}

/* V6.2.6 responsive/full-viewport fixes */
html,body{max-width:100%;overflow-x:hidden}
.wkr6-touch{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  min-height:100vh;
  min-height:100dvh;
  padding:clamp(14px,2vw,28px);
}
.wkr6-touch header,.wkr6-touch .search,.wkr6-touch .cats,.wkr6-touch .layout,.wkr6-touch .service-box{max-width:1600px;width:100%;margin-left:auto;margin-right:auto}
.wkr6-touch .layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}
.wkr6-touch .results{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
.wkr6-touch .card{min-width:0}
.wkr6-touch .card b{overflow-wrap:anywhere}
.wkr6-touch .service-box{margin-top:16px}
.wkr6-touch .queue{min-width:0}
.wkr6-touch .qitem{min-width:0}
.wkr6-touch .qitem div{min-width:0}
.wkr6-touch .qitem b{overflow-wrap:anywhere}

.wkr6-op{width:100%;max-width:1600px;padding:0 18px}
.wkr6-op-head{padding:10px 0 8px}
.wkr6-op .rooms{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.op-room{min-width:0}
.op-queue-wrap{margin-top:14px;background:#172236;border-radius:12px;padding:12px}
.op-queue-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.op-add-song{border:0;border-radius:9px;padding:9px 12px;background:#38bdf8;color:#06111f;font-weight:900;cursor:pointer}
.op-add-song:hover{background:#0ea5e9}
.op-queue{background:transparent!important;padding:0!important}
.op-q-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #334155}
.op-q-row:last-child{border-bottom:0}
.op-q-row img{width:58px;height:40px;object-fit:cover;border-radius:6px;background:#0b1220}
.op-q-title{min-width:0}
.op-q-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-q-title small{display:block;margin-top:3px;color:#94a3b8}
.op-q-row.is-playing{background:rgba(34,197,94,.08);border-radius:8px;padding-left:7px;padding-right:7px}
.op-q-row .remove{float:none;white-space:nowrap;background:#ef4444;color:#fff;border:0;border-radius:7px;padding:7px 9px;cursor:pointer;font-weight:800}
.op-add-panel{margin-top:12px;border-top:1px solid #334155;padding-top:12px}
.op-add-row{display:flex;gap:8px}
.op-search-q{flex:1;min-width:0;padding:11px 12px;border-radius:8px;border:1px solid #475569;background:#0b1220;color:#fff}
.op-search-go{border:0;border-radius:8px;padding:0 14px;background:#22c55e;font-weight:900;cursor:pointer}
.op-search-results{display:grid;gap:8px;margin-top:10px}
.op-search-item{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;align-items:center;background:#0f1b2e;padding:8px;border-radius:9px}
.op-search-item img{width:95px;height:54px;object-fit:cover;border-radius:6px}
.op-search-item strong{display:block;font-size:13px;line-height:1.3}
.op-pick-song{margin-top:7px;border:0;border-radius:7px;padding:7px 10px;background:#facc15;font-weight:900;cursor:pointer}

.wkr6-tv{width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;left:0!important;top:0!important;right:0!important;bottom:0!important}
.wkr6-tv .player{z-index:1}
.wkr6-tv .player iframe{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important}
.wkr6-tv.tv-has-video .tv-wait{display:none}
.wkr6-tv .tv-wait{z-index:8}
.wkr6-tv .tv-top,.wkr6-tv .tv-bottom{z-index:10}
@media(max-width:900px){
  .wkr6-touch .layout{grid-template-columns:1fr}
  .wkr6-touch .results{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
@media(max-width:600px){
  .wkr6-touch{padding:10px}
  .wkr6-touch header{align-items:flex-start;gap:10px}
  .wkr6-touch h1{font-size:24px}
  .wkr6-touch .logo{font-size:14px;letter-spacing:2px}
  .wkr6-touch .countdown{padding:7px 10px}
  .wkr6-touch .countdown strong{font-size:19px}
  .wkr6-touch .service-box{padding:13px}
  .wkr6-touch .service-box h2{font-size:20px}
  .wkr6-touch .service-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .wkr6-touch .service-buttons button{padding:12px 8px}
  .wkr6-touch .results{grid-template-columns:1fr}
  .wkr6-touch .card{display:grid;grid-template-columns:110px minmax(0,1fr)}
  .wkr6-touch .card img{width:110px;height:62px}
  .wkr6-op{padding:0 10px}
  .op-queue-head{align-items:flex-start;flex-direction:column}
  .op-add-song{width:100%}
  .op-add-row{flex-direction:column}
  .op-search-go{padding:11px}
  .op-q-row{grid-template-columns:52px minmax(0,1fr);position:relative;padding-right:0}
  .op-q-row .remove{grid-column:1/-1;width:100%}
  .op-q-row img{width:52px;height:38px}
  .wkr6-tv .tv-top{padding:10px 12px}
  .wkr6-tv .tv-brand{font-size:12px}
  .wkr6-tv .tv-room{font-size:11px;padding:5px 8px}
  .wkr6-tv .tv-bottom{padding:45px 12px 12px}
  .wkr6-tv .title{font-size:15px;max-width:calc(100% - 120px)}
  .wkr6-tv .time-box{min-width:105px;padding:7px 8px}
  .wkr6-tv .time{font-size:18px}
}


/* V6.2.7 operator visibility fixes: use plugin-specific class names so theme/Elementor CSS cannot hide the room cards. */
.wkr6-op .wkr6-rooms{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important;gap:15px!important;width:100%!important;visibility:visible!important;opacity:1!important;}
.wkr6-op .wkr6-op-room{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;background:#0f172a!important;color:#fff!important;border-radius:16px!important;padding:18px!important;min-width:0!important;}
.wkr6-op .wkr6-op-room .op-time{display:block!important;visibility:visible!important;opacity:1!important;font-size:34px!important;line-height:1.2!important;color:#facc15!important;margin:10px 0!important;font-variant-numeric:tabular-nums!important;}
.wkr6-op .wkr6-op-room .op-status{display:block!important;visibility:visible!important;opacity:1!important;}
.wkr6-op .wkr6-op-room .buttons,.wkr6-op .wkr6-op-room .manual-time,.wkr6-op .wkr6-op-room .op-queue-wrap{display:block!important;visibility:visible!important;opacity:1!important;}
.wkr6-op .wkr6-op-room .buttons{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:7px 0!important;}
.wkr6-op .request-panel,.wkr6-op .request-list{visibility:visible!important;opacity:1!important;}
.wkr6-op .request-error{color:#991b1b!important;background:#fee2e2!important;}
@media(max-width:600px){.wkr6-op .wkr6-rooms{grid-template-columns:1fr!important;}.wkr6-op .wkr6-op-room{padding:14px!important;}}

/* V6.3.0 touchscreen queue controls */
.wkr6-touch .qitem{display:flex;align-items:flex-start;gap:10px;}
.wkr6-touch .qitem-main{flex:1;min-width:0;}
.wkr6-touch .q-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;}
.wkr6-touch .q-controls button{border:0;border-radius:8px;padding:8px 10px;font-weight:900;cursor:pointer;font-size:12px;}
.wkr6-touch .touch-pause{background:#f59e0b;color:#111;}
.wkr6-touch .touch-play,.wkr6-touch .touch-play-now{background:#22c55e;color:#062b13;}
.wkr6-touch .touch-next{background:#38bdf8;color:#062033;}
.wkr6-touch .touch-remove{background:#ef4444;color:#fff;}
.wkr6-touch .q-controls button:disabled{opacity:.5;cursor:wait;}
@media(max-width:600px){.wkr6-touch .q-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.wkr6-touch .q-controls button{width:100%;padding:9px 6px;font-size:11px;}}


/* V6.3.1 compact touchscreen queue: list-only layout with all controls visible */
.wkr6-touch .qitem.qitem-list{display:block!important;margin:0!important;padding:11px 0!important;border-bottom:1px solid #334155!important;border-radius:0!important;background:transparent!important;outline:none!important;}
.wkr6-touch .qitem.qitem-list.playing{background:rgba(34,197,94,.08)!important;border-radius:10px!important;padding:11px!important;margin:4px 0!important;outline:1px solid #22c55e!important;}
.wkr6-touch .qitem.qitem-list .qitem-main{width:100%!important;}
.wkr6-touch .qitem.qitem-list .q-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;}
.wkr6-touch .qitem.qitem-list .q-title-row b{font-size:15px;line-height:1.35;overflow-wrap:anywhere;}
.wkr6-touch .qitem.qitem-list .q-title-row small{display:block;white-space:nowrap;color:#94a3b8;margin:0;font-size:12px;}
.wkr6-touch .qitem.qitem-list .q-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px!important;}
.wkr6-touch .qitem.qitem-list .q-controls button{width:100%!important;min-height:36px;padding:8px 7px!important;border:0;border-radius:8px;font-weight:900;font-size:11px;cursor:pointer;}
.wkr6-touch .qitem.qitem-list .touch-play{background:#22c55e;color:#062b13;}
.wkr6-touch .qitem.qitem-list .touch-pause{background:#f59e0b;color:#111;}
.wkr6-touch .qitem.qitem-list .touch-next{background:#38bdf8;color:#062033;}
.wkr6-touch .qitem.qitem-list .touch-remove{background:#ef4444;color:#fff;}
.wkr6-touch .qitem.qitem-list .q-controls button:disabled{opacity:.35!important;cursor:not-allowed;}
@media(max-width:600px){
  .wkr6-touch .qitem.qitem-list .q-title-row{display:block;}
  .wkr6-touch .qitem.qitem-list .q-title-row small{margin-top:4px;}
  .wkr6-touch .qitem.qitem-list .q-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* V6.3.2 search results: show the COMPLETE YouTube thumbnail without cropping. */
.wkr6-touch .results .card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.wkr6-touch .results .card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#0b1220!important;
  border-radius:9px!important;
  flex:0 0 auto!important;
}
.wkr6-touch .results .card > div{
  min-width:0!important;
  width:100%!important;
}
.wkr6-touch .results .card b{
  display:block!important;
  min-height:2.7em;
  line-height:1.35!important;
}
.wkr6-touch .results .card .pick{
  display:inline-block!important;
  margin-top:9px!important;
}
@media(max-width:900px){
  .wkr6-touch .results{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:600px){
  .wkr6-touch .results{grid-template-columns:1fr!important;}
  .wkr6-touch .results .card img{aspect-ratio:16/9!important;}
}

/* V6.3.3 responsive touch controls + instant feedback */
.wkr6-touch .q-controls button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:transform .08s ease,filter .08s ease,opacity .08s ease;}
.wkr6-touch .q-controls button:active{transform:scale(.96);filter:brightness(1.12);}
.wkr6-touch .q-controls button.is-busy{transform:scale(.96);filter:brightness(1.15);opacity:.7;}
.wkr6-touch .qitem.qitem-list{contain:layout paint;}
@media(max-width:700px){.wkr6-touch{padding:14px}.wkr6-touch .qitem.qitem-list .q-controls{gap:6px!important}.wkr6-touch .qitem.qitem-list .q-controls button{min-height:44px!important;font-size:12px!important;padding:9px 5px!important;border-radius:9px!important}.wkr6-touch .qitem.qitem-list .q-title-row b{font-size:14px!important}.wkr6-touch .qitem.qitem-list .q-title-row small{font-size:11px!important}}

/* V6.3.5: native fullscreen + visual fallback */
.wkr6-tv .tv-top-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}
.wkr6-tv .tv-fullscreen{pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:8px 12px;background:rgba(0,0,0,.72);color:#fff;font-weight:800;line-height:1;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.wkr6-tv .tv-fullscreen:hover{background:rgba(30,41,59,.95)}
.wkr6-tv .tv-fullscreen:active{transform:scale(.96)}
.wkr6-tv.tv-force-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2147483647!important;background:#000!important}
.wkr6-tv.tv-force-fullscreen .player,.wkr6-tv.tv-force-fullscreen .player iframe{width:100%!important;height:100%!important}
.wkr6-tv:fullscreen,.wkr6-tv:-webkit-full-screen{width:100vw!important;height:100vh!important;height:100dvh!important;background:#000!important}
.wkr6-tv:fullscreen .player,.wkr6-tv:-webkit-full-screen .player,.wkr6-tv:fullscreen .player iframe,.wkr6-tv:-webkit-full-screen .player iframe{width:100%!important;height:100%!important}

/* V6.3.6 TV player stability */
.wkr6-tv .wkr6-yt-host{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;}
.wkr6-tv .wkr6-yt-host iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;display:block!important;}
.wkr6-tv.tv-force-fullscreen .tv-top,.wkr6-tv.tv-force-fullscreen .tv-bottom{z-index:2147483646!important;}

/* Multi-room portal */
.wkr6-portal{max-width:900px;margin:30px auto;padding:24px;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.wkr6-portal h2{text-align:center;margin:0 0 20px}
.wkr6-portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.wkr6-portal-room{display:flex;align-items:center;justify-content:center;min-height:72px;border-radius:16px;text-decoration:none;font-weight:800;background:#0b6bff;color:#fff}
.wkr6-portal-room:active{transform:scale(.98)}

/* v6.3.7.4 - one-time TV player unlock overlay */
.wkr6-tv{position:relative}
.wkr6-tv.tv-locked .tv-unlock{display:flex}
.tv-unlock{display:none;position:absolute;inset:0;z-index:30;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.tv-unlock-card{width:min(520px,86vw);padding:32px 28px;text-align:center;border:1px solid rgba(0,174,239,.6);border-radius:20px;background:#071321;box-shadow:0 20px 60px rgba(0,0,0,.55);color:#fff}
.tv-unlock-icon{font-size:48px;color:#ffd21a;margin-bottom:8px}
.tv-unlock-card h2{margin:8px 0 10px;font-size:28px}
.tv-unlock-card p{margin:0 0 22px;color:#b9c5d6;font-size:16px}
.tv-unlock-btn{border:0;border-radius:10px;padding:14px 24px;font-size:17px;font-weight:800;background:#19c55b;color:#06120a;cursor:pointer}
.tv-unlock-btn:active{transform:scale(.98)}

/* V6.3.7.5 - Room controls: compact list, no TV popup */
.wkr6-touch .qitem-list{display:block;padding:12px 14px}
.wkr6-touch .qitem-main{width:100%;min-width:0}
.wkr6-touch .q-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wkr6-touch .q-title-row b{flex:1;min-width:0;overflow-wrap:anywhere}
.wkr6-touch .q-title-row small{white-space:nowrap;color:#94a3b8}
.wkr6-touch .q-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.wkr6-touch .q-controls button{border:0;border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer;touch-action:manipulation}
.wkr6-touch .q-controls .touch-play{background:#22c55e;color:#052e16}
.wkr6-touch .q-controls .touch-pause{background:#f59e0b;color:#111827}
.wkr6-touch .q-controls .touch-next{background:#38bdf8;color:#082f49}
.wkr6-touch .q-controls .touch-remove{background:#ef4444;color:#fff}
.wkr6-touch .q-controls button:disabled{opacity:.45;cursor:not-allowed}
.wkr6-touch .q-controls button.is-busy{opacity:.55;pointer-events:none}
.wkr6-tv .tv-unlock{display:none!important}
@media(max-width:700px){
  .wkr6-touch .q-title-row{display:block}
  .wkr6-touch .q-title-row small{display:block;margin-top:5px}
  .wkr6-touch .q-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .wkr6-touch .q-controls button{width:100%;min-height:44px}
}

/* Business logo + karaoke intro animation */
.wkr6-touch .business-logo{display:block;max-width:210px;max-height:62px;width:auto;height:auto;object-fit:contain;border-radius:8px}
.wkr6-tv .tv-logo{display:block;max-width:220px;max-height:62px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.75))}
.wkr6-tv .karaoke-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:430px;min-height:280px;background:radial-gradient(circle at center,rgba(15,23,42,.95),rgba(0,0,0,.88) 65%,rgba(0,0,0,.98));overflow:hidden}
.wkr6-tv .karaoke-intro.karaoke-intro-active{display:flex;animation:karaokeIntroIn .45s ease-out both}
.wkr6-tv .karaoke-mic{font-size:74px;line-height:1;filter:drop-shadow(0 0 18px rgba(56,189,248,.8));animation:karaokeMic 1s ease-in-out infinite alternate}
.wkr6-tv .karaoke-word{margin-top:14px;font-size:clamp(42px,7vw,96px);font-weight:1000;letter-spacing:.16em;line-height:1;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.8),0 0 28px rgba(56,189,248,.85);animation:karaokePulse 1.2s ease-in-out infinite}
.wkr6-tv .karaoke-sub{margin-top:16px;font-size:clamp(14px,2vw,26px);font-weight:800;letter-spacing:.28em;color:#facc15;text-shadow:0 0 12px rgba(250,204,21,.55);animation:karaokeSub 1.1s ease-in-out infinite}
.wkr6-tv .karaoke-orbit{position:absolute;width:min(58vw,520px);height:min(58vw,520px);max-height:520px;border:1px solid rgba(56,189,248,.25);border-radius:50%;animation:karaokeOrbit 5s linear infinite}
.wkr6-tv .karaoke-orbit span{position:absolute;font-size:42px;font-weight:900;color:#38bdf8;text-shadow:0 0 15px rgba(56,189,248,.9)}
.wkr6-tv .karaoke-orbit span:nth-child(1){left:8%;top:20%;animation:karaokeFloat 1.4s ease-in-out infinite}
.wkr6-tv .karaoke-orbit span:nth-child(2){right:6%;top:46%;color:#facc15;animation:karaokeFloat 1.8s ease-in-out infinite reverse}
.wkr6-tv .karaoke-orbit span:nth-child(3){left:24%;bottom:5%;color:#a78bfa;animation:karaokeFloat 1.6s ease-in-out infinite .2s}
@keyframes karaokeIntroIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@keyframes karaokeMic{from{transform:translateY(6px) rotate(-4deg) scale(.96)}to{transform:translateY(-8px) rotate(4deg) scale(1.04)}}
@keyframes karaokePulse{0%,100%{transform:scale(1);opacity:.82}50%{transform:scale(1.06);opacity:1}}
@keyframes karaokeSub{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes karaokeOrbit{to{transform:rotate(360deg)}}
@keyframes karaokeFloat{0%,100%{transform:translateY(0) scale(.9)}50%{transform:translateY(-14px) scale(1.08)}}
@media(max-width:700px){.wkr6-touch .business-logo{max-width:150px;max-height:48px}.wkr6-tv .tv-logo{max-width:150px;max-height:45px}.wkr6-tv .karaoke-intro{min-width:0;width:90vw;min-height:230px}.wkr6-tv .karaoke-mic{font-size:58px}.wkr6-tv .karaoke-orbit{width:76vw;height:76vw}.wkr6-tv .karaoke-orbit span{font-size:30px}}

/* v6.3.7.8 - Compact business logo on Operator Control */
.wkr6-op-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.wkr6-op-brand{display:flex;align-items:center;gap:14px;min-width:0}
.wkr6-op-logo{width:64px!important;height:46px!important;display:flex;align-items:center;justify-content:center;flex:0 0 64px;overflow:hidden}
.wkr6-op .wkr6-op-logo img{display:block!important;width:auto!important;height:auto!important;max-width:64px!important;max-height:46px!important;object-fit:contain!important;border-radius:6px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}
.wkr6-op-logo span{font-size:38px}
.wkr6-op-brand h1{margin:0}
.wkr6-op-subtitle{margin-top:4px;font-size:12px;opacity:.7;font-weight:700}
.wkr6-touch header .logo{display:flex;align-items:center;min-height:62px}
@media(max-width:700px){.wkr6-op-logo{width:52px!important;height:40px!important;flex-basis:52px}.wkr6-op .wkr6-op-logo img{max-width:52px!important;max-height:40px!important}.wkr6-op-logo span{font-size:26px}.wkr6-op-brand{gap:9px}.wkr6-op-brand h1{font-size:20px}.wkr6-op-subtitle{font-size:10px}}

/* V6.3.7.9 - Full width operator dashboard + 4 room columns */
.wkr6-op{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:22px clamp(14px,2.2vw,34px) 34px!important;
  font-family:Arial,sans-serif!important;
}
.wkr6-op .wkr6-op-head,
.wkr6-op .op-tools,
.wkr6-op .request-panel,
.wkr6-op .wkr6-rooms{
  width:100%!important;
  max-width:none!important;
}
.wkr6-op .wkr6-op-head{padding:4px 0 12px!important}
.wkr6-op .wkr6-op-logo{
  width:86px!important;
  height:60px!important;
  flex:0 0 86px!important;
}
.wkr6-op .wkr6-op-logo img{
  max-width:86px!important;
  max-height:60px!important;
  width:auto!important;
  height:auto!important;
}
.wkr6-op .wkr6-op-brand{gap:16px!important}
.wkr6-op .wkr6-op-brand h1{font-size:clamp(22px,2vw,32px)!important}
.wkr6-op .wkr6-rooms{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.wkr6-op .wkr6-op-room{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  height:auto!important;
}
@media(max-width:1250px){
  .wkr6-op .wkr6-rooms{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .wkr6-op{padding:18px 14px 28px!important}
  .wkr6-op .wkr6-rooms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .wkr6-op .wkr6-op-head{align-items:center!important}
  .wkr6-op .wkr6-op-logo{width:72px!important;height:52px!important;flex-basis:72px!important}
  .wkr6-op .wkr6-op-logo img{max-width:72px!important;max-height:52px!important}
  .wkr6-op .wkr6-op-brand{gap:10px!important}
  .wkr6-op .wkr6-op-brand h1{font-size:19px!important}
  .wkr6-op .wkr6-rooms{grid-template-columns:1fr!important;gap:12px!important}
}

/* V6.3.7.10 - True full-width operator + 6 rooms per desktop row */
html,body{overflow-x:hidden!important}
.wkr6-op{
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:clamp(10px,1.2vw,22px)!important;
  padding-right:clamp(10px,1.2vw,22px)!important;
}
.wkr6-op *, .wkr6-op *::before, .wkr6-op *::after{box-sizing:border-box!important}
.wkr6-op .wkr6-rooms{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
.wkr6-op .wkr6-op-room{min-width:0!important}
@media(max-width:1500px){
  .wkr6-op .wkr6-rooms{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  .wkr6-op .wkr6-rooms{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .wkr6-op .wkr6-rooms{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:520px){
  .wkr6-op .wkr6-rooms{grid-template-columns:1fr!important}
}

/* v6.3.7.14 - responsive TV playback and layout */
.wkr6-tv .player,.wkr6-tv .wkr6-yt-host,.wkr6-tv .player iframe{aspect-ratio:16/9}
.wkr6-tv .player iframe{object-fit:contain;background:#000}
@media (max-width:1100px){.wkr6-tv .tv-top{padding:14px 18px}.wkr6-tv .tv-bottom{padding:58px 18px 18px}.wkr6-tv .title{font-size:21px}}
@media (max-width:700px){.wkr6-tv .tv-top{padding:9px 10px}.wkr6-tv .tv-top-actions{gap:6px}.wkr6-tv .tv-fullscreen{font-size:10px;padding:7px 9px}.wkr6-tv .tv-room{font-size:11px;padding:5px 8px}.wkr6-tv .tv-logo{max-width:120px;max-height:40px}.wkr6-tv .tv-bottom{padding:42px 10px 10px;gap:8px}.wkr6-tv .title{font-size:13px;max-width:calc(100% - 112px)}.wkr6-tv .time-box{min-width:102px;padding:6px 7px}.wkr6-tv .time-box small{font-size:9px}.wkr6-tv .time{font-size:17px}}
@media (orientation:portrait) and (max-width:900px){.wkr6-tv .tv-bottom{align-items:center}.wkr6-tv .title{white-space:normal;max-height:2.5em}.wkr6-tv .time-box{min-width:110px}}

/* v6.3.7.15 - Operator reply + customer reply */
.request-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.request-item.request-replied{border-color:#36a9e1;background:#f4fbff}
.request-item .request-content{min-width:0;flex:1}
.operator-reply-preview{margin-top:8px;padding:8px 10px;border-radius:8px;background:#e9f7ff;color:#14516e}
.operator-reply-preview strong{display:block;margin-bottom:3px}
.reply-box{margin-top:10px;padding:10px;border-radius:8px;background:#f7f7f7}
.operator-reply-input{width:100%;box-sizing:border-box;min-height:58px;border:1px solid #cbd5e1;border-radius:7px;padding:8px;font:inherit;resize:vertical}
.send-operator-reply{margin-top:7px!important;background:#20a9e8!important;color:#fff!important;border:0!important;border-radius:7px!important;padding:9px 13px!important;font-weight:700!important;cursor:pointer}
.operator-replies{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.operator-reply{padding:10px 12px;border-radius:10px;background:#e9f7ff;border-left:4px solid #20a9e8}
.operator-reply strong{display:block;color:#0b6590;font-size:13px}
.operator-reply small{display:block;color:#718096;font-size:11px;margin-top:2px}
.operator-reply p{margin:5px 0 0;font-size:14px;line-height:1.45;color:#1f2937}

/* v6.3.7.16 - visible operator reply controls */
.request-item{align-items:flex-start!important}
.request-content{flex:1;min-width:0}
.reply-box{display:block!important;margin-top:10px;padding:10px;border:1px solid #dbe4ee;border-radius:9px;background:#f8fafc}
.operator-reply-input{display:block!important;width:100%!important;min-height:58px!important;box-sizing:border-box!important;background:#fff!important;color:#111827!important}
.send-operator-reply{display:inline-block!important;visibility:visible!important;opacity:1!important;margin-top:7px!important}
.request-actions{display:flex;align-items:flex-start;gap:8px}
.operator-reply-preview{display:block!important}
.operator-reply-preview span{display:block;margin-top:3px}
@media(max-width:600px){.request-item{flex-direction:column}.request-actions{width:100%}.resolve-request{width:100%}.send-operator-reply{width:100%}}

/* V6.3.7.38: tombol volume TV dihapus; volume player diminta 100%. */


/* V6.3.7.23 — classic jukebox touchscreen interface */
.wkr6-touch{
  --touch-bg:#05070b;--touch-panel:#090d14;--touch-panel-2:#101721;--touch-line:#354456;--touch-blue:#73c9f2;--touch-blue-2:#1689c5;--touch-pink:#e88bc7;
  position:relative!important;display:flex!important;flex-direction:column!important;gap:9px!important;
  min-height:100vh!important;min-height:100dvh!important;padding:12px clamp(10px,1.5vw,22px) 10px!important;
  color:#f4f7fb!important;background:radial-gradient(ellipse at 42% 42%,#132a3d 0,#07101b 48%,#020407 100%)!important;
  font-family:Arial,Helvetica,sans-serif!important;overflow:hidden!important;
}
.wkr6-touch:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 4px);}
.wkr6-touch>*{position:relative;z-index:1}
.wkr6-touch .touch-header{width:100%;max-width:1700px;min-height:54px;margin:0 auto!important;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(105,168,205,.24);padding:0 2px 8px;}
.wkr6-touch .touch-brand{display:flex;align-items:center;gap:16px;min-width:0}
.wkr6-touch .logo{display:flex;align-items:center;color:#eaf7ff!important;font-size:clamp(15px,1.5vw,21px);font-weight:1000;letter-spacing:2px!important;text-shadow:0 0 13px rgba(75,187,255,.48);}
.wkr6-touch .business-logo{max-width:190px!important;max-height:45px!important;}
.wkr6-touch .touch-room-label{color:#8ba2b5;font-size:10px;font-weight:900;letter-spacing:1.15px;white-space:nowrap}
.wkr6-touch .touch-room-label i{display:inline-block;width:6px;height:6px;margin:0 5px 1px;border-radius:50%;background:#49d58a;box-shadow:0 0 8px #49d58a}
.wkr6-touch .touch-head-actions{display:flex;align-items:center;gap:9px}
.wkr6-touch .countdown{min-width:128px;padding:5px 12px!important;border:1px solid #315775!important;border-radius:3px!important;background:linear-gradient(180deg,#101d2b,#080e15)!important;box-shadow:inset 0 0 14px rgba(73,170,230,.08);}
.wkr6-touch .countdown small{color:#8eb8d4!important;font-size:9px;font-weight:900;letter-spacing:1.1px}
.wkr6-touch .countdown strong{display:block;color:#f9d66a!important;font-size:20px!important;line-height:1.25;font-variant-numeric:tabular-nums;text-shadow:0 0 9px rgba(249,214,106,.25)}
.wkr6-touch .touch-fullscreen{width:38px;height:38px;border:1px solid #49647c;border-radius:4px;background:#111b27;color:#d8efff;font-size:22px;cursor:pointer;touch-action:manipulation}
.wkr6-touch .touch-categories{display:flex!important;flex-wrap:nowrap;gap:4px!important;width:100%;max-width:1700px;margin:0 auto!important;padding:0 0 4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#526e83 transparent}
.wkr6-touch .touch-categories button{flex:1 0 auto;min-width:58px;min-height:35px;padding:7px 10px!important;border:1px solid #3d5265!important;border-radius:3px!important;background:linear-gradient(180deg,#293541,#111923)!important;color:#e1e9ef!important;font-size:10px;font-weight:1000;letter-spacing:.35px;box-shadow:inset 0 1px rgba(255,255,255,.1),0 2px 5px rgba(0,0,0,.3);cursor:pointer;touch-action:manipulation}
.wkr6-touch .touch-categories button:hover,.wkr6-touch .touch-categories button:focus-visible{background:linear-gradient(180deg,#2c85b6,#155277)!important;border-color:#70caff!important;color:#fff!important}
.wkr6-touch .touch-categories button:disabled{opacity:.42;cursor:not-allowed}
.wkr6-touch .locked{width:100%;max-width:1700px;margin:0 auto!important;padding:6px 10px!important;border:1px solid rgba(240,171,89,.35);border-radius:3px!important;background:rgba(83,43,17,.68)!important;color:#ffd79a!important;font-size:11px;font-weight:900;letter-spacing:.5px}
.wkr6-touch .locked.expired{background:rgba(93,24,31,.85)!important;color:#ffd5d5!important}
.wkr6-touch .touch-layout{width:100%;max-width:1700px;min-height:0;flex:1 1 auto;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(245px,28%)!important;gap:10px!important;margin:0 auto!important;}
.wkr6-touch .song-browser,.wkr6-touch .queue-panel{min-width:0;min-height:0;padding:12px!important;border:1px solid #253b4e;border-radius:4px!important;background:linear-gradient(160deg,rgba(11,21,32,.97),rgba(3,7,12,.98))!important;box-shadow:0 7px 24px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);}
.wkr6-touch .song-browser{display:flex;flex-direction:column;overflow:hidden}
.wkr6-touch .browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 10px;border-bottom:1px solid #293c4d}
.wkr6-touch .browser-heading{flex:0 0 auto}
.wkr6-touch .browser-heading h2,.wkr6-touch .queue-heading h2{margin:0!important;color:#d9efff!important;font-size:14px!important;font-weight:1000;letter-spacing:1px}
.wkr6-touch .browser-heading small,.wkr6-touch .queue-heading small{display:block;margin-top:4px;color:#71889b;font-size:9px;font-weight:800;letter-spacing:1px}
.wkr6-touch .search{display:flex;gap:5px;flex:1;max-width:640px;margin:0!important}
.wkr6-touch .search input{min-width:0;height:38px;padding:8px 12px!important;border:1px solid #526b7f!important;border-radius:2px!important;background:#07101a!important;color:#fff!important;font-size:14px!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.55)}
.wkr6-touch .search input::placeholder{color:#7f91a1}
.wkr6-touch .search button{min-width:76px;padding:0 14px!important;border:1px solid #74c5eb!important;border-radius:2px!important;background:linear-gradient(180deg,#7bd4f8,#2c8dbf)!important;color:#06121b!important;font-size:11px;font-weight:1000;letter-spacing:.5px;cursor:pointer}
.wkr6-touch .search button:disabled{opacity:.45;cursor:not-allowed}
.wkr6-touch .results-label{display:flex;justify-content:space-between;align-items:center;padding:9px 8px 7px;color:#8ea9bd;font-size:9px;font-weight:1000;letter-spacing:1.1px;border-bottom:1px solid rgba(111,151,180,.2)}
.wkr6-touch .results{display:flex!important;flex-direction:column;gap:0!important;min-height:0;flex:1 1 auto;overflow:auto;padding:0 3px 3px 0;scrollbar-width:thin;scrollbar-color:#49657a transparent}
.wkr6-touch .results .card{display:flex!important;align-items:center;gap:10px!important;min-height:58px;margin:0!important;padding:7px 8px!important;border:0!important;border-bottom:1px solid rgba(108,138,162,.19)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.wkr6-touch .results .card:nth-child(odd){background:rgba(255,255,255,.018)!important}
.wkr6-touch .results .card:hover{background:rgba(72,158,208,.12)!important}
.wkr6-touch .results .card img{flex:0 0 68px;width:68px!important;height:39px!important;aspect-ratio:16/9;object-fit:cover!important;border:1px solid #334b60;border-radius:2px!important}
.wkr6-touch .results .card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
.wkr6-touch .results .card b{flex:1;min-width:0;color:#e9f3fa!important;font-size:12px!important;line-height:1.35;font-weight:800;overflow-wrap:anywhere}
.wkr6-touch .results .card .pick{flex:0 0 auto;min-width:66px;min-height:34px;margin:0!important;padding:7px 9px!important;border:1px solid #8dd4f6!important;border-radius:2px!important;background:linear-gradient(180deg,#a4e5ff,#4ca8d4)!important;color:#071521!important;font-size:9px;font-weight:1000;cursor:pointer}
.wkr6-touch .results .welcome,.wkr6-touch .results .empty,.wkr6-touch .results .error{margin:12px 0;padding:18px!important;border:1px solid #263f52;border-radius:3px!important;background:rgba(15,29,42,.8)!important;color:#9ab3c5!important;text-align:center;font-size:12px}
.wkr6-touch .results .error{color:#ffc4c4!important}
.wkr6-touch .queue-panel{display:flex;flex-direction:column;overflow:hidden}
.wkr6-touch .queue-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:41px;padding-bottom:9px;border-bottom:1px solid #293c4d}
.wkr6-touch .queue-count{flex:0 0 auto;padding:5px 7px;border:1px solid #405a6f;border-radius:2px;background:#111d28;color:#b8d5e8;font-size:9px;font-weight:1000;letter-spacing:.5px;white-space:nowrap}
.wkr6-touch .queue{display:block!important;flex:1 1 auto;min-height:90px;overflow:auto;padding:2px 3px 6px 0;scrollbar-width:thin;scrollbar-color:#49657a transparent}
.wkr6-touch .queue .qitem.qitem-list{padding:9px 4px!important;border-bottom:1px solid rgba(108,138,162,.2)!important}
.wkr6-touch .queue .qitem.qitem-list.playing{padding:9px 7px!important;border:1px solid rgba(81,202,145,.5)!important;background:rgba(24,96,66,.13)!important}
.wkr6-touch .queue .q-title-row{display:block!important}
.wkr6-touch .queue .q-title-row b{display:block;color:#edf6fc;font-size:11px!important;line-height:1.35}
.wkr6-touch .queue .q-title-row small{display:block;margin-top:4px!important;color:#7fc4e7!important;font-size:9px!important;font-weight:900;letter-spacing:.5px}
.wkr6-touch .queue .q-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-top:7px!important}
.wkr6-touch .queue .q-controls button{min-width:0;min-height:31px!important;padding:5px 2px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:2px!important;font-size:8px!important;font-weight:1000!important;white-space:nowrap}
.wkr6-touch .queue .q-controls .touch-play{background:#1c9b61!important;color:#fff!important}
.wkr6-touch .queue .q-controls .touch-pause{background:#bd8a28!important;color:#fff!important}
.wkr6-touch .queue .q-controls .touch-next{background:#237ca4!important;color:#fff!important}
.wkr6-touch .queue .q-controls .touch-remove{background:#a63b42!important;color:#fff!important}
.wkr6-touch .queue .q-controls button:disabled{opacity:.32!important}
.wkr6-touch .queue .empty{margin:12px 0;padding:18px 8px!important;border:1px dashed #344c60;border-radius:3px!important;background:rgba(255,255,255,.02)!important;color:#8098aa!important;text-align:center;font-size:11px}
.wkr6-touch .queue-panel .service-box{flex:0 0 auto;width:100%;max-width:none;margin:8px 0 0!important;padding:8px!important;border:1px solid #2c465b!important;border-radius:3px!important;background:#08111a!important}
.wkr6-touch .service-compact .service-head{align-items:center;margin:0!important}
.wkr6-touch .service-head strong{color:#b6d4e8;font-size:10px!important;letter-spacing:.5px}
.wkr6-touch .service-head small{font-size:9px!important}
.wkr6-touch .service-toggle{min-height:29px;padding:5px 9px!important;border:1px solid #7abbdc!important;border-radius:2px!important;background:#214f6b!important;color:#f3fbff!important;font-size:9px;font-weight:1000}
.wkr6-touch .service-buttons{display:flex;flex-wrap:wrap;gap:4px!important;margin-top:7px}
.wkr6-touch .service-buttons button{flex:1 1 auto;min-height:27px;padding:5px 6px!important;border:1px solid #695b33!important;border-radius:2px!important;background:#3b321c!important;color:#f6dfa1!important;font-size:8px!important;font-weight:1000}
.wkr6-touch .service-message{padding:7px!important;border:1px solid #31495b;background:#050b11!important}
.wkr6-touch .request-message{min-height:48px;background:#09121c!important;font-size:11px!important}
.wkr6-touch .send-message,.wkr6-touch .cancel-message{min-height:30px;font-size:9px}
.wkr6-touch .request-sent{padding:6px;font-size:10px}
.wkr6-touch .operator-reply{margin-top:6px;padding:7px;border:1px solid #30516a;border-radius:2px;background:#0a1925;color:#c9e4f6;font-size:10px}
.wkr6-touch .touch-deck{width:100%;max-width:1700px;min-height:52px;margin:0 auto!important;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2b4356;border-radius:4px;background:linear-gradient(180deg,#121e2b,#05090f);box-shadow:0 -5px 22px rgba(0,0,0,.28)}
.wkr6-touch .deck-transport{display:flex;align-items:center;gap:6px}
.wkr6-touch .deck-caption{margin-right:7px;color:#7f9aad;font-size:9px;font-weight:1000;letter-spacing:.8px;white-space:nowrap}
.wkr6-touch .deck-transport button{width:35px;height:35px;border:1px solid #6b879d;border-radius:50%;background:radial-gradient(circle at 35% 25%,#3a566c,#101b26 70%);color:#f0f8ff;font-size:15px;font-weight:1000;cursor:pointer;touch-action:manipulation;box-shadow:0 2px 5px rgba(0,0,0,.35)}
.wkr6-touch .deck-transport button:active{transform:scale(.94);filter:brightness(1.25)}
.wkr6-touch .deck-play{color:#73e5a5!important;border-color:#54a982!important}
.wkr6-touch .deck-pause{color:#f5d27a!important}
.wkr6-touch .deck-next{color:#8bd8ff!important}
.wkr6-touch .deck-track{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:0 12px;color:#a7bfd0;font-size:10px;font-weight:900;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wkr6-touch .deck-track span:last-child{overflow:hidden;text-overflow:ellipsis}
.wkr6-touch .deck-live{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#4bd48c;box-shadow:0 0 9px #4bd48c}
.wkr6-touch .deck-room{color:#8ca6b8;font-size:9px;font-weight:1000;letter-spacing:.8px;white-space:nowrap}
.wkr6-touch .deck-room b{margin-left:5px;color:#59d99b;font-size:8px}
@media(max-width:760px) and (orientation:portrait){
 .wkr6-touch{overflow:visible!important;min-height:100dvh!important}
 .wkr6-touch .touch-layout{grid-template-columns:1fr!important;flex:initial}
 .wkr6-touch .song-browser{min-height:340px}
 .wkr6-touch .queue-panel{min-height:250px}
 .wkr6-touch .results{max-height:360px}
 .wkr6-touch .queue{max-height:300px}
 .wkr6-touch .touch-deck{position:sticky;bottom:4px;z-index:5}
}
@media(max-width:760px) and (orientation:landscape){
 .wkr6-touch{gap:5px!important;padding:7px!important}
 .wkr6-touch .touch-header{min-height:42px;padding-bottom:5px}
 .wkr6-touch .logo{font-size:13px}
 .wkr6-touch .business-logo{max-height:34px!important;max-width:135px!important}
 .wkr6-touch .touch-room-label{font-size:8px}
 .wkr6-touch .countdown{min-width:102px;padding:3px 7px!important}
 .wkr6-touch .countdown strong{font-size:15px!important}
 .wkr6-touch .touch-fullscreen{width:32px;height:32px}
 .wkr6-touch .touch-categories button{min-height:28px;padding:5px 8px!important;font-size:8px}
 .wkr6-touch .locked{padding:4px 8px!important;font-size:9px}
 .wkr6-touch .touch-layout{grid-template-columns:minmax(0,1fr) minmax(190px,28%)!important;gap:6px!important}
 .wkr6-touch .song-browser,.wkr6-touch .queue-panel{padding:8px!important}
 .wkr6-touch .browser-toolbar{padding-bottom:6px}
 .wkr6-touch .browser-heading h2,.wkr6-touch .queue-heading h2{font-size:11px!important}
 .wkr6-touch .browser-heading small,.wkr6-touch .queue-heading small{font-size:7px}
 .wkr6-touch .search input{height:31px;font-size:11px!important}
 .wkr6-touch .search button{min-width:55px;font-size:9px}
 .wkr6-touch .results-label{padding:5px 6px;font-size:7px}
 .wkr6-touch .results .card{min-height:43px;padding:4px 6px!important;gap:6px!important}
 .wkr6-touch .results .card img{flex-basis:52px;width:52px!important;height:30px!important}
 .wkr6-touch .results .card b{font-size:9px!important}
 .wkr6-touch .results .card .pick{min-width:50px;min-height:27px;padding:4px!important;font-size:7px}
 .wkr6-touch .queue-heading{min-height:32px;padding-bottom:5px}
 .wkr6-touch .queue-count{font-size:7px;padding:3px 5px}
 .wkr6-touch .queue .qitem.qitem-list{padding:5px 3px!important}
 .wkr6-touch .queue .q-title-row b{font-size:9px!important}
 .wkr6-touch .queue .q-title-row small{font-size:7px!important}
 .wkr6-touch .queue .q-controls{gap:3px!important;margin-top:4px!important}
 .wkr6-touch .queue .q-controls button{min-height:24px!important;font-size:6px!important}
 .wkr6-touch .queue-panel .service-box{margin-top:4px!important;padding:5px!important}
 .wkr6-touch .service-head strong{font-size:8px!important}
 .wkr6-touch .service-head small{font-size:7px!important}
 .wkr6-touch .service-toggle{min-height:23px;font-size:7px}
 .wkr6-touch .service-buttons{margin-top:4px}
 .wkr6-touch .service-buttons button{min-height:21px;font-size:6px!important;padding:3px!important}
 .wkr6-touch .touch-deck{min-height:40px;padding:4px 7px}
 .wkr6-touch .deck-caption{font-size:7px;margin-right:3px}
 .wkr6-touch .deck-transport button{width:28px;height:28px;font-size:12px}
 .wkr6-touch .deck-track{font-size:8px}
 .wkr6-touch .deck-room{font-size:7px}
}
@media(max-width:480px){
 .wkr6-touch .touch-brand{gap:7px;flex-direction:column;align-items:flex-start}
 .wkr6-touch .touch-room-label{font-size:7px}
 .wkr6-touch .browser-toolbar{align-items:stretch;flex-direction:column;gap:7px}
 .wkr6-touch .search{max-width:none;width:100%}
 .wkr6-touch .deck-caption{display:none}
 .wkr6-touch .deck-room{font-size:7px}
 .wkr6-touch .deck-track{padding:0 4px;font-size:8px}
}

/* V6.3.7.24: YouTube-style search cards with responsive grid and paging. */
.wkr6-touch .results{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important;
  align-content:start!important;
  align-items:start!important;
  gap:13px!important;
  min-height:0!important;
  flex:1 1 auto!important;
  overflow:auto!important;
  padding:10px 5px 12px!important;
  scrollbar-width:thin;
  scrollbar-color:#49657a transparent;
}
.wkr6-touch .results .yt-video-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:8px!important;
  overflow:hidden!important;
  border:1px solid #263f54!important;
  border-radius:7px!important;
  background:linear-gradient(160deg,#142334,#09121c)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.3)!important;
  transition:border-color .15s ease,transform .15s ease,background .15s ease;
}
.wkr6-touch .results .yt-video-card:hover{border-color:#4aa8d5!important;background:linear-gradient(160deg,#1b3044,#0b1723)!important;transform:translateY(-1px)}
.wkr6-touch .results .yt-thumbnail{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:4px!important;
  background:#050b11!important;
  cursor:pointer;
}
.wkr6-touch .results .yt-thumbnail img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:#050b11!important;
}
.wkr6-touch .results .yt-thumb-overlay{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:13px;font-weight:1000;letter-spacing:.5px;
  background:rgba(0,0,0,.0);text-shadow:0 2px 5px #000;opacity:0;transition:opacity .15s ease,background .15s ease;
}
.wkr6-touch .results .yt-thumbnail:hover .yt-thumb-overlay,
.wkr6-touch .results .yt-thumbnail:focus-visible .yt-thumb-overlay{opacity:1;background:rgba(0,0,0,.48)}
.wkr6-touch .results .yt-thumb-mark{
  position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:2px;
  background:rgba(0,0,0,.82);color:#d8efff;font-size:8px;font-weight:1000;letter-spacing:.6px;
}
.wkr6-touch .results .yt-video-meta{display:flex!important;align-items:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important}
.wkr6-touch .results .yt-channel-avatar{
  display:flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;
  border:1px solid #3d6683;border-radius:50%;background:#17354b;color:#9cddff;font-size:15px;font-weight:900;
}
.wkr6-touch .results .yt-video-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0!important;width:auto!important}
.wkr6-touch .results .yt-video-copy b{
  display:-webkit-box!important;min-height:0!important;max-height:2.8em;overflow:hidden;
  color:#f0f6fb!important;font-size:12px!important;line-height:1.4!important;font-weight:800!important;
  overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.wkr6-touch .results .yt-video-copy small{display:block;color:#8ba7bb;font-size:10px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wkr6-touch .results .yt-add-song{
  display:block!important;width:100%!important;min-height:34px!important;margin:0!important;padding:7px 8px!important;
  border:1px solid #64b8e4!important;border-radius:4px!important;
  background:linear-gradient(180deg,#3b9dcc,#17648f)!important;color:#fff!important;
  font-size:9px!important;font-weight:1000!important;letter-spacing:.45px;cursor:pointer;touch-action:manipulation;
}
.wkr6-touch .results .yt-add-song:active{transform:scale(.98);filter:brightness(1.18)}
.wkr6-touch .results .search-more-wrap,.wkr6-touch .results .search-end-note{
  grid-column:1/-1!important;width:100%;margin:4px 0 2px;padding:8px;text-align:center;
}
.wkr6-touch .results .load-more{
  min-height:42px;width:min(100%,420px);padding:9px 18px;border:1px solid #62bce8;border-radius:4px;
  background:linear-gradient(180deg,#274e69,#153147);color:#eaf8ff;font-size:11px;font-weight:1000;letter-spacing:.6px;cursor:pointer;
}
.wkr6-touch .results .load-more:disabled{opacity:.55;cursor:wait}
.wkr6-touch .results .search-end-note,.wkr6-touch .results .search-loading{
  color:#91aabd;font-size:11px;font-weight:800;
}
.wkr6-touch .results .search-page-error{display:block;margin:0 0 8px;color:#ffc4c4;font-size:10px}
.wkr6-touch .results .welcome,.wkr6-touch .results .empty,.wkr6-touch .results .error,.wkr6-touch .results .search-loading{
  grid-column:1/-1!important;margin:8px 0;padding:20px!important;border:1px solid #263f52;border-radius:4px!important;background:rgba(15,29,42,.8)!important;color:#9ab3c5!important;text-align:center;font-size:12px
}
@media(max-width:900px){.wkr6-touch .results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.wkr6-touch .results .yt-video-card{padding:6px!important}}
@media(max-width:420px){.wkr6-touch .results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:7px 2px!important}.wkr6-touch .results .yt-video-card{padding:5px!important;gap:6px!important}.wkr6-touch .results .yt-video-copy b{font-size:10px!important}.wkr6-touch .results .yt-video-copy small{font-size:9px}.wkr6-touch .results .yt-channel-avatar{flex-basis:22px;width:22px;height:22px;font-size:12px}.wkr6-touch .results .yt-add-song{min-height:32px!important;font-size:8px!important;padding:6px 4px!important}}

/* V6.3.7.25 - YouTube-inspired full-screen touchscreen layout. */
.wkr6-touch.wkr6-youtube-ui{
  --yt-bg:#0f0f0f;--yt-panel:#181818;--yt-hover:#272727;--yt-line:#303030;--yt-text:#f1f1f1;--yt-muted:#aaa;--yt-red:#f00;
  display:flex!important;flex-direction:column!important;gap:0!important;
  width:100%!important;max-width:none!important;min-height:100vh!important;min-height:100dvh!important;
  margin:0!important;padding:0!important;overflow:visible!important;
  background:var(--yt-bg)!important;color:var(--yt-text)!important;
  font-family:Roboto,Arial,sans-serif!important;font-size:14px!important;
}
.wkr6-touch.wkr6-youtube-ui button{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.wkr6-touch.wkr6-youtube-ui .touch-header{
  position:sticky!important;top:0!important;z-index:80!important;
  display:grid!important;grid-template-columns:245px minmax(260px, min(48vw,720px)) minmax(250px,1fr)!important;
  align-items:center!important;gap:22px!important;width:100%!important;max-width:none!important;height:66px!important;min-height:66px!important;
  margin:0!important;padding:0 24px!important;border:0!important;border-bottom:1px solid #252525!important;border-radius:0!important;
  background:#0f0f0f!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important;
}
.wkr6-touch.wkr6-youtube-ui .touch-brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:18px!important;min-width:0!important}
.wkr6-touch.wkr6-youtube-ui .touch-menu-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#f1f1f1;font-size:22px;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .touch-menu-toggle:hover{background:#272727}
.wkr6-touch.wkr6-youtube-ui .touch-brand .logo{display:flex!important;align-items:center!important;gap:7px!important;min-height:0!important;margin:0!important;color:#f1f1f1!important;font-size:16px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.6px!important;white-space:nowrap!important}
.wkr6-touch.wkr6-youtube-ui .touch-youtube-mark{display:flex;align-items:center;justify-content:center;width:29px;height:20px;border-radius:6px;background:#f00;color:#fff;font-size:13px;line-height:1}
.wkr6-touch.wkr6-youtube-ui .touch-brand-name{display:flex;flex-direction:column;gap:2px;letter-spacing:.2px}
.wkr6-touch.wkr6-youtube-ui .touch-brand-name small{font-size:8px;letter-spacing:2px;color:#aaa}
.wkr6-touch.wkr6-youtube-ui .touch-brand .business-logo{max-width:175px!important;max-height:42px!important}
.wkr6-touch.wkr6-youtube-ui .touch-header .touch-search{
  display:flex!important;align-items:center!important;width:100%!important;max-width:none!important;height:42px!important;min-height:42px!important;
  margin:0!important;padding:0!important;overflow:hidden!important;gap:0!important;border:1px solid #303030!important;border-radius:24px!important;background:#121212!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.4)!important;
}
.wkr6-touch.wkr6-youtube-ui .touch-search:focus-within{border-color:#3f3f3f!important;box-shadow:inset 1px 1px 2px rgba(0,0,0,.5),0 0 0 1px #1c62b9!important}
.wkr6-touch.wkr6-youtube-ui .touch-search input.q{
  flex:1 1 auto!important;min-width:0!important;width:100%!important;height:40px!important;margin:0!important;padding:0 18px!important;
  border:0!important;border-radius:24px 0 0 24px!important;outline:0!important;background:transparent!important;color:#f1f1f1!important;
  font-size:15px!important;font-weight:400!important;box-shadow:none!important;
}
.wkr6-touch.wkr6-youtube-ui .touch-search input.q::placeholder{color:#888!important}
.wkr6-touch.wkr6-youtube-ui .touch-search button.go{
  display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 60px!important;width:60px!important;height:42px!important;min-width:60px!important;margin:0!important;padding:0!important;
  border:0!important;border-left:1px solid #303030!important;border-radius:0 24px 24px 0!important;background:#222!important;color:#f1f1f1!important;font-size:23px!important;font-weight:400!important;cursor:pointer;
}
.wkr6-touch.wkr6-youtube-ui .touch-search button.go:hover{background:#303030!important}
.wkr6-touch.wkr6-youtube-ui .touch-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;min-width:0!important}
.wkr6-touch.wkr6-youtube-ui .touch-queue-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border:0;border-radius:22px;background:#272727;color:#f1f1f1;font-size:11px;font-weight:800;letter-spacing:.25px;white-space:nowrap;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .touch-queue-toggle:hover{background:#3a3a3a}
.wkr6-touch.wkr6-youtube-ui .queue-symbol{font-size:18px;line-height:1}
.wkr6-touch.wkr6-youtube-ui .touch-queue-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:12px;background:#f00;color:#fff;font-size:10px}
.wkr6-touch.wkr6-youtube-ui .countdown{min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:right!important;white-space:nowrap}
.wkr6-touch.wkr6-youtube-ui .countdown small{display:block;color:#aaa!important;font-size:8px!important;letter-spacing:.6px!important}
.wkr6-touch.wkr6-youtube-ui .countdown strong{display:block;color:#f1f1f1!important;font-size:13px!important;line-height:1.35!important;font-weight:800!important}
.wkr6-touch.wkr6-youtube-ui .touch-fullscreen{display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#f1f1f1!important;font-size:22px!important;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .touch-fullscreen:hover{background:#272727!important}

.wkr6-touch.wkr6-youtube-ui .touch-main{display:grid!important;grid-template-columns:205px minmax(0,1fr)!important;align-items:stretch!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important}
.wkr6-touch.wkr6-youtube-ui .touch-sidebar{position:sticky;top:66px;align-self:start;display:flex;flex-direction:column;gap:6px;width:205px;max-height:calc(100dvh - 128px);min-height:calc(100dvh - 128px);overflow-y:auto;overflow-x:hidden;padding:13px 12px 15px;border-right:1px solid #242424;background:#0f0f0f;scrollbar-width:thin;scrollbar-color:#444 transparent}
.wkr6-touch.wkr6-youtube-ui .side-group{display:grid;gap:3px;margin:0;padding:0}
.wkr6-touch.wkr6-youtube-ui .side-nav{display:flex;align-items:center;gap:20px;width:100%;min-height:42px;margin:0;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#eee;text-align:left;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .side-nav:hover{background:#272727}
.wkr6-touch.wkr6-youtube-ui .side-nav.active{background:#272727;font-weight:800}
.wkr6-touch.wkr6-youtube-ui .side-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;color:#ddd;font-size:19px;line-height:1}
.wkr6-touch.wkr6-youtube-ui .side-divider{height:1px;flex:0 0 1px;margin:9px 3px;background:#303030}
.wkr6-touch.wkr6-youtube-ui .side-section-title{padding:4px 13px 6px;color:#aaa;font-size:10px;font-weight:900;letter-spacing:.8px}
.wkr6-touch.wkr6-youtube-ui .side-room-info{display:flex;align-items:center;gap:9px;padding:8px 13px;color:#ddd;font-size:10px;font-weight:800}
.wkr6-touch.wkr6-youtube-ui .side-room-dot{width:7px;height:7px;border-radius:50%;background:#2ea66e;box-shadow:0 0 7px rgba(46,166,110,.6)}
.wkr6-touch.wkr6-youtube-ui .side-footer{margin-top:auto;padding:16px 13px 0;border-top:1px solid #303030;color:#777;font-size:9px;font-weight:900;letter-spacing:1px;line-height:1.8}
.wkr6-touch.wkr6-youtube-ui .side-footer small{font-size:8px;font-weight:600;letter-spacing:.6px}
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .touch-main{grid-template-columns:76px minmax(0,1fr)!important}
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .touch-sidebar{width:76px;padding-right:8px;padding-left:8px}
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .side-nav{justify-content:center;gap:0;padding:0}
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .side-nav>span:not(.side-icon),
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .side-section-title,
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .side-room-info>span:not(.side-room-dot),
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .side-footer{display:none}
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .side-divider{margin:6px 0}
.wkr6-touch.wkr6-youtube-ui .touch-content{min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 22px 12px!important;overflow:visible!important;background:#0f0f0f!important}
.wkr6-touch.wkr6-youtube-ui .touch-categories{position:sticky;top:66px;z-index:40;display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;max-width:none!important;height:61px!important;min-height:61px!important;margin:0!important;padding:10px 0!important;overflow-x:auto!important;overflow-y:hidden!important;background:#0f0f0f!important;scrollbar-width:none}
.wkr6-touch.wkr6-youtube-ui .touch-categories::-webkit-scrollbar{display:none}
.wkr6-touch.wkr6-youtube-ui .touch-categories button{flex:0 0 auto!important;min-height:34px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:8px!important;background:#272727!important;color:#f1f1f1!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .touch-categories button:hover{background:#3f3f3f!important}
.wkr6-touch.wkr6-youtube-ui .touch-categories button.active{background:#f1f1f1!important;color:#0f0f0f!important}
.wkr6-touch.wkr6-youtube-ui .locked{width:100%!important;max-width:none!important;margin:0 0 10px!important;padding:9px 13px!important;border:1px solid #453434!important;border-radius:7px!important;background:#241819!important;color:#f2b8b8!important;text-align:left!important;font-size:11px!important}
.wkr6-touch.wkr6-youtube-ui .locked:empty{display:none!important}
.wkr6-touch.wkr6-youtube-ui .touch-layout{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important}
.wkr6-touch.wkr6-youtube-ui .song-browser{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.wkr6-touch.wkr6-youtube-ui .browser-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;margin:0!important;padding:4px 0 8px!important;border:0!important}
.wkr6-touch.wkr6-youtube-ui .browser-heading h2{margin:0!important;color:#f1f1f1!important;font-size:19px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.3px!important;text-transform:none!important}
.wkr6-touch.wkr6-youtube-ui .browser-heading small{display:block;margin-top:2px;color:#aaa!important;font-size:9px!important;letter-spacing:.8px!important;font-weight:800!important}
.wkr6-touch.wkr6-youtube-ui .results-label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 5px!important;padding:5px 0 8px!important;border:0!important;border-bottom:1px solid #222!important;background:transparent!important;color:#aaa!important;font-size:9px!important;font-weight:900!important;letter-spacing:.8px!important}
.wkr6-touch.wkr6-youtube-ui .results-count{color:#aaa!important;font-size:9px!important;font-weight:700!important;letter-spacing:.2px!important}
.wkr6-touch.wkr6-youtube-ui .results{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-content:start!important;align-items:start!important;gap:27px 17px!important;
  width:100%!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important;margin:0!important;padding:14px 0 22px!important;
  overflow:visible!important;background:transparent!important;scrollbar-width:thin;scrollbar-color:#444 transparent;
}
.wkr6-touch.wkr6-youtube-ui .results .yt-video-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:transform .15s ease!important}
.wkr6-touch.wkr6-youtube-ui .results .yt-video-card:hover{border:0!important;background:transparent!important;transform:translateY(-2px)!important}
.wkr6-touch.wkr6-youtube-ui .results .yt-thumbnail{position:relative!important;display:block!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:11px!important;background:#272727!important;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .results .yt-thumbnail img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:11px!important;background:#202020!important;transition:transform .2s ease}
.wkr6-touch.wkr6-youtube-ui .results .yt-video-card:hover .yt-thumbnail img{transform:scale(1.025)}
.wkr6-touch.wkr6-youtube-ui .results .yt-thumb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:900;letter-spacing:.3px;background:rgba(0,0,0,0);text-shadow:0 2px 5px #000;opacity:0;transition:opacity .15s ease,background .15s ease}
.wkr6-touch.wkr6-youtube-ui .results .yt-thumbnail:hover .yt-thumb-overlay,.wkr6-touch.wkr6-youtube-ui .results .yt-thumbnail:focus-visible .yt-thumb-overlay{opacity:1;background:rgba(0,0,0,.48)}
.wkr6-touch.wkr6-youtube-ui .results .yt-thumb-mark{position:absolute;right:6px;bottom:6px;padding:3px 5px;border-radius:3px;background:rgba(0,0,0,.82);color:#fff;font-size:8px;font-weight:900;letter-spacing:.6px}
.wkr6-touch.wkr6-youtube-ui .results .yt-video-meta{display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;margin:10px 0 8px!important}
.wkr6-touch.wkr6-youtube-ui .results .yt-channel-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:0!important;border-radius:50%;background:#303030!important;color:#eee!important;font-size:16px;font-weight:900}
.wkr6-touch.wkr6-youtube-ui .results .yt-video-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0!important;width:auto!important}
.wkr6-touch.wkr6-youtube-ui .results .yt-video-copy b{display:-webkit-box!important;min-height:0!important;max-height:2.8em;overflow:hidden;color:#f1f1f1!important;font-size:13px!important;line-height:1.4!important;font-weight:800!important;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.wkr6-touch.wkr6-youtube-ui .results .yt-video-copy small{display:block;color:#aaa!important;font-size:11px!important;line-height:1.35!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wkr6-touch.wkr6-youtube-ui .results .yt-add-song{display:block!important;width:100%!important;min-height:34px!important;margin:0!important;padding:7px 9px!important;border:0!important;border-radius:18px!important;background:#272727!important;color:#f1f1f1!important;font-size:9px!important;font-weight:900!important;letter-spacing:.45px;cursor:pointer;touch-action:manipulation}
.wkr6-touch.wkr6-youtube-ui .results .yt-add-song:hover{background:#3f3f3f!important}
.wkr6-touch.wkr6-youtube-ui .results .yt-add-song:active{transform:scale(.98);background:#444!important}
.wkr6-touch.wkr6-youtube-ui .results .search-more-wrap,.wkr6-touch.wkr6-youtube-ui .results .search-end-note{grid-column:1/-1!important;width:100%;margin:6px 0 2px;padding:10px;text-align:center}
.wkr6-touch.wkr6-youtube-ui .results .load-more{min-height:42px;width:min(100%,420px);padding:9px 18px;border:1px solid #444;border-radius:22px;background:#272727;color:#f1f1f1;font-size:11px;font-weight:900;letter-spacing:.3px;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .results .load-more:hover{background:#3f3f3f}
.wkr6-touch.wkr6-youtube-ui .results .load-more:disabled{opacity:.55;cursor:wait}
.wkr6-touch.wkr6-youtube-ui .results .search-end-note,.wkr6-touch.wkr6-youtube-ui .results .search-loading{color:#aaa;font-size:11px;font-weight:700}
.wkr6-touch.wkr6-youtube-ui .results .search-page-error{display:block;margin:0 0 8px;color:#ffb4b4;font-size:10px}
.wkr6-touch.wkr6-youtube-ui .results .welcome,.wkr6-touch.wkr6-youtube-ui .results .empty,.wkr6-touch.wkr6-youtube-ui .results .error,.wkr6-touch.wkr6-youtube-ui .results .search-loading{grid-column:1/-1!important;margin:8px 0;padding:24px!important;border:1px solid #303030!important;border-radius:9px!important;background:#181818!important;color:#aaa!important;text-align:center;font-size:13px!important}

.wkr6-touch.wkr6-youtube-ui .queue-panel{display:none!important;position:fixed!important;z-index:110!important;top:77px!important;right:18px!important;bottom:78px!important;width:min(360px,calc(100vw - 26px))!important;max-width:none!important;min-height:0!important;margin:0!important;padding:14px!important;overflow:hidden!important;border:1px solid #383838!important;border-radius:12px!important;background:#181818!important;box-shadow:0 16px 50px rgba(0,0,0,.65)!important;color:#f1f1f1!important}
.wkr6-touch.wkr6-youtube-ui.queue-open .queue-panel{display:flex!important;flex-direction:column!important}
.wkr6-touch.wkr6-youtube-ui .queue-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;min-height:48px!important;padding:0 0 11px!important;border-bottom:1px solid #333!important}
.wkr6-touch.wkr6-youtube-ui .queue-heading h2{margin:0!important;color:#f1f1f1!important;font-size:16px!important;font-weight:800!important;text-transform:none!important}
.wkr6-touch.wkr6-youtube-ui .queue-heading small{display:block;margin-top:3px;color:#aaa!important;font-size:9px!important;letter-spacing:.6px!important}
.wkr6-touch.wkr6-youtube-ui .queue-count{flex:0 0 auto;padding:5px 8px!important;border:0!important;border-radius:16px!important;background:#303030!important;color:#eee!important;font-size:9px!important;font-weight:900!important}
.wkr6-touch.wkr6-youtube-ui .touch-queue-close{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#303030;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .touch-queue-close:hover{background:#454545}
.wkr6-touch.wkr6-youtube-ui .queue{display:block!important;flex:1 1 auto!important;min-height:90px!important;max-height:none!important;margin-top:5px!important;overflow:auto!important;padding:2px 3px 6px 0!important;scrollbar-width:thin;scrollbar-color:#555 transparent}
.wkr6-touch.wkr6-youtube-ui .queue .qitem.qitem-list{padding:11px 4px!important;border-bottom:1px solid #303030!important;background:transparent!important}
.wkr6-touch.wkr6-youtube-ui .queue .qitem.qitem-list.playing{padding:10px 7px!important;border:1px solid rgba(255,0,0,.38)!important;border-radius:7px!important;background:rgba(255,0,0,.07)!important}
.wkr6-touch.wkr6-youtube-ui .queue .q-title-row{display:block!important}
.wkr6-touch.wkr6-youtube-ui .queue .q-title-row b{display:block;color:#f1f1f1!important;font-size:12px!important;line-height:1.4!important}
.wkr6-touch.wkr6-youtube-ui .queue .q-title-row small{display:block;margin-top:4px!important;color:#aaa!important;font-size:9px!important;font-weight:800;letter-spacing:.4px}
.wkr6-touch.wkr6-youtube-ui .queue .q-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-top:8px!important}
.wkr6-touch.wkr6-youtube-ui .queue .q-controls button{min-width:0;min-height:31px!important;padding:5px 2px!important;border:0!important;border-radius:5px!important;background:#303030!important;color:#eee!important;font-size:8px!important;font-weight:900!important;white-space:nowrap}
.wkr6-touch.wkr6-youtube-ui .queue .q-controls .touch-play{background:#c00!important;color:#fff!important}
.wkr6-touch.wkr6-youtube-ui .queue .q-controls .touch-pause{background:#3a3a3a!important;color:#fff!important}
.wkr6-touch.wkr6-youtube-ui .queue .q-controls .touch-next{background:#3a3a3a!important;color:#fff!important}
.wkr6-touch.wkr6-youtube-ui .queue .q-controls .touch-remove{background:#4a2424!important;color:#fff!important}
.wkr6-touch.wkr6-youtube-ui .queue .q-controls button:disabled{opacity:.32!important}
.wkr6-touch.wkr6-youtube-ui .queue .empty{margin:12px 0;padding:22px 8px!important;border:1px dashed #444!important;border-radius:7px!important;background:#202020!important;color:#aaa!important;text-align:center;font-size:11px}
.wkr6-touch.wkr6-youtube-ui .queue-panel .service-box{flex:0 0 auto;width:100%;max-width:none;margin:9px 0 0!important;padding:10px!important;border:1px solid #383838!important;border-radius:8px!important;background:#202020!important}
.wkr6-touch.wkr6-youtube-ui .service-head strong{color:#eee!important;font-size:10px!important;letter-spacing:.3px}
.wkr6-touch.wkr6-youtube-ui .service-head small{color:#aaa!important;font-size:9px!important}
.wkr6-touch.wkr6-youtube-ui .service-toggle{min-height:29px;padding:5px 9px!important;border:0!important;border-radius:16px!important;background:#383838!important;color:#fff!important;font-size:9px;font-weight:900}
.wkr6-touch.wkr6-youtube-ui .service-buttons{display:flex;flex-wrap:wrap;gap:5px!important;margin-top:8px}
.wkr6-touch.wkr6-youtube-ui .service-buttons button{flex:1 1 auto;min-height:29px;padding:5px 7px!important;border:0!important;border-radius:5px!important;background:#333!important;color:#eee!important;font-size:8px!important;font-weight:900}
.wkr6-touch.wkr6-youtube-ui .service-buttons button:active{background:#555!important}
.wkr6-touch.wkr6-youtube-ui .service-message{padding:8px!important;border:1px solid #383838!important;background:#151515!important}
.wkr6-touch.wkr6-youtube-ui .request-message{min-height:54px;background:#101010!important;color:#f1f1f1!important;font-size:11px!important}
.wkr6-touch.wkr6-youtube-ui .send-message{background:#c00!important;color:#fff!important}
.wkr6-touch.wkr6-youtube-ui .cancel-message{background:#333!important;color:#fff!important}
.wkr6-touch.wkr6-youtube-ui .request-sent{background:#173c2b!important;color:#c7f5d7!important}
.wkr6-touch.wkr6-youtube-ui .operator-reply{border:1px solid #383838!important;border-radius:6px!important;background:#262626!important;color:#eee!important}

.wkr6-touch.wkr6-youtube-ui .touch-deck{position:sticky!important;bottom:0!important;z-index:75!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;max-width:none!important;min-height:61px!important;margin:0!important;padding:7px 22px!important;border:0!important;border-top:1px solid #282828!important;border-radius:0!important;background:#0f0f0f!important;box-shadow:none!important}
.wkr6-touch.wkr6-youtube-ui .deck-transport{display:flex;align-items:center;gap:7px}
.wkr6-touch.wkr6-youtube-ui .deck-caption{margin-right:8px;color:#aaa!important;font-size:9px!important;font-weight:900;letter-spacing:.5px;white-space:nowrap}
.wkr6-touch.wkr6-youtube-ui .deck-transport button{width:37px;height:37px;border:0!important;border-radius:50%!important;background:#272727!important;color:#f1f1f1!important;font-size:14px!important;font-weight:900;cursor:pointer;box-shadow:none!important}
.wkr6-touch.wkr6-youtube-ui .deck-transport button:hover{background:#3f3f3f!important}
.wkr6-touch.wkr6-youtube-ui .deck-play{background:#c00!important;color:#fff!important}
.wkr6-touch.wkr6-youtube-ui .deck-play:hover{background:#e00!important}
.wkr6-touch.wkr6-youtube-ui .deck-track{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:0 13px;color:#aaa!important;font-size:10px!important;font-weight:800;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wkr6-touch.wkr6-youtube-ui .deck-track span:last-child{overflow:hidden;text-overflow:ellipsis}
.wkr6-touch.wkr6-youtube-ui .deck-live{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#f00;box-shadow:0 0 8px rgba(255,0,0,.65)}
.wkr6-touch.wkr6-youtube-ui .deck-room{color:#aaa!important;font-size:9px!important;font-weight:900;letter-spacing:.5px;white-space:nowrap}
.wkr6-touch.wkr6-youtube-ui .deck-room b{margin-left:5px;color:#57c58b!important;font-size:8px}

@media(max-width:1250px){
 .wkr6-touch.wkr6-youtube-ui .results{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:23px 14px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-header{grid-template-columns:205px minmax(220px,1fr) auto!important;gap:14px!important;padding:0 16px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-main{grid-template-columns:185px minmax(0,1fr)!important}
 .wkr6-touch.wkr6-youtube-ui .touch-sidebar{width:185px}
}
@media(max-width:900px){
 .wkr6-touch.wkr6-youtube-ui .results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-header{grid-template-columns:175px minmax(180px,1fr) auto!important;gap:10px!important;padding:0 12px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-brand{gap:8px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-queue-toggle{padding:0 9px;font-size:9px}
 .wkr6-touch.wkr6-youtube-ui .touch-head-actions{gap:8px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-main{grid-template-columns:160px minmax(0,1fr)!important}
 .wkr6-touch.wkr6-youtube-ui .touch-sidebar{width:160px;padding:10px 8px}
 .wkr6-touch.wkr6-youtube-ui .side-nav{gap:12px;padding:0 10px}
 .wkr6-touch.wkr6-youtube-ui .touch-content{padding-right:14px!important;padding-left:14px!important}
}
@media(max-width:700px){
 .wkr6-touch.wkr6-youtube-ui .touch-header{position:sticky!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:48px 43px!important;height:auto!important;min-height:91px!important;padding:0 11px 8px!important;gap:0 8px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-brand{grid-column:1;grid-row:1}
 .wkr6-touch.wkr6-youtube-ui .touch-head-actions{grid-column:2;grid-row:1}
 .wkr6-touch.wkr6-youtube-ui .touch-header .touch-search{grid-column:1/-1;grid-row:2;width:100%!important;height:39px!important;min-height:39px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-search input.q{height:37px!important;font-size:13px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-search button.go{height:39px!important;flex-basis:48px!important;width:48px!important;min-width:48px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-youtube-mark{width:24px;height:17px;font-size:11px}
 .wkr6-touch.wkr6-youtube-ui .touch-brand .logo{font-size:13px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-queue-toggle{min-height:32px;padding:0 8px;font-size:8px}
 .wkr6-touch.wkr6-youtube-ui .touch-queue-toggle .queue-symbol{font-size:15px}
 .wkr6-touch.wkr6-youtube-ui .countdown small{font-size:6px!important}
 .wkr6-touch.wkr6-youtube-ui .countdown strong{font-size:10px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-fullscreen{width:30px!important;height:30px!important;min-width:30px;font-size:18px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-main{display:block!important;min-height:0!important}
 .wkr6-touch.wkr6-youtube-ui .touch-sidebar{display:none!important}
 .wkr6-touch.wkr6-youtube-ui.sidebar-open .touch-sidebar{position:fixed!important;z-index:120!important;top:91px!important;left:0!important;bottom:61px!important;display:flex!important;width:230px!important;min-height:0!important;max-height:none!important;padding:13px 11px!important;border-right:1px solid #383838!important;background:#0f0f0f!important;box-shadow:8px 0 30px rgba(0,0,0,.6)!important}
 .wkr6-touch.wkr6-youtube-ui .touch-content{padding:0 11px 12px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-categories{top:91px!important;height:53px!important;min-height:53px!important;gap:6px!important;padding:8px 0!important}
 .wkr6-touch.wkr6-youtube-ui .touch-categories button{min-height:31px!important;padding:0 11px!important;font-size:10px!important}
 .wkr6-touch.wkr6-youtube-ui .browser-heading h2{font-size:16px!important}
 .wkr6-touch.wkr6-youtube-ui .results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 9px!important;padding-top:10px!important}
 .wkr6-touch.wkr6-youtube-ui .results .yt-thumbnail,.wkr6-touch.wkr6-youtube-ui .results .yt-thumbnail img{border-radius:8px!important}
 .wkr6-touch.wkr6-youtube-ui .results .yt-video-meta{gap:7px!important;margin:7px 0 7px!important}
 .wkr6-touch.wkr6-youtube-ui .results .yt-channel-avatar{flex-basis:26px;width:26px;height:26px;font-size:13px}
 .wkr6-touch.wkr6-youtube-ui .results .yt-video-copy b{font-size:10px!important}
 .wkr6-touch.wkr6-youtube-ui .results .yt-video-copy small{font-size:9px!important}
 .wkr6-touch.wkr6-youtube-ui .results .yt-add-song{min-height:30px!important;padding:5px!important;font-size:8px!important}
 .wkr6-touch.wkr6-youtube-ui .queue-panel{top:99px!important;right:8px!important;bottom:70px!important;width:min(360px,calc(100vw - 16px))!important}
 .wkr6-touch.wkr6-youtube-ui .touch-deck{position:sticky!important;min-height:55px!important;padding:6px 10px!important}
 .wkr6-touch.wkr6-youtube-ui .deck-caption{display:none}
 .wkr6-touch.wkr6-youtube-ui .deck-transport button{width:32px;height:32px;font-size:12px!important}
 .wkr6-touch.wkr6-youtube-ui .deck-track{padding:0 5px;font-size:8px!important}
 .wkr6-touch.wkr6-youtube-ui .deck-room{font-size:7px!important}
}
@media(max-width:390px){
 .wkr6-touch.wkr6-youtube-ui .touch-head-actions{gap:4px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-queue-toggle{gap:4px;padding:0 6px}
 .wkr6-touch.wkr6-youtube-ui .touch-queue-toggle>span:not(.queue-symbol){display:none}
 .wkr6-touch.wkr6-youtube-ui .touch-brand .business-logo{max-width:125px!important}
 .wkr6-touch.wkr6-youtube-ui .results{gap:14px 7px!important}
}
/* Header search stays centered like the YouTube desktop layout. */
.wkr6-touch.wkr6-youtube-ui .touch-header{grid-template-columns:245px minmax(0,1fr) auto!important}
.wkr6-touch.wkr6-youtube-ui .touch-header .touch-search{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(48vw,650px)!important;max-width:650px!important}
@media(max-width:1250px){
 .wkr6-touch.wkr6-youtube-ui .touch-header{grid-template-columns:205px minmax(0,1fr) auto!important}
 .wkr6-touch.wkr6-youtube-ui .touch-header .touch-search{width:min(44vw,560px)!important}
}
@media(max-width:900px){
 .wkr6-touch.wkr6-youtube-ui .touch-header .touch-search{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:none!important}
}
@media(max-width:700px){
 .wkr6-touch.wkr6-youtube-ui .touch-header .touch-search{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:none!important}
}


/* V6.3.7.26 - Make the touchscreen result area independently scrollable in native fullscreen. */
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen,
.wkr6-touch.wkr6-youtube-ui:fullscreen,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen{
  display:flex!important;
  flex-direction:column!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#0f0f0f!important;
}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-header,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-header,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-header{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-main,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-main,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-main{
  display:grid!important;
  grid-template-rows:minmax(0,1fr)!important;
  flex:1 1 0%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-sidebar,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-sidebar,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-sidebar{
  position:relative!important;
  top:auto!important;
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-content,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-content,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-content{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 0%!important;
  align-self:stretch!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scrollbar-width:thin;
  scrollbar-color:#444 #0f0f0f;
}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-content::-webkit-scrollbar,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-content::-webkit-scrollbar,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-content::-webkit-scrollbar{width:8px}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-content::-webkit-scrollbar-thumb,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-content::-webkit-scrollbar-thumb,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-content::-webkit-scrollbar-thumb{border-radius:8px;background:#444}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-categories,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-categories,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-categories{
  position:sticky!important;
  top:0!important;
  z-index:45!important;
  flex:0 0 auto!important;
}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-layout,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-layout,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-layout{
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-deck,
.wkr6-touch.wkr6-youtube-ui:fullscreen .touch-deck,
.wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-deck{
  position:relative!important;
  bottom:auto!important;
  flex:0 0 auto!important;
}

/* The mobile drawer is hidden by default, so the fullscreen content must use one full-width grid column. */
@media(max-width:700px){
  .wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen .touch-main,
  .wkr6-touch.wkr6-youtube-ui:fullscreen .touch-main,
  .wkr6-touch.wkr6-youtube-ui:-webkit-full-screen .touch-main{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .wkr6-touch.wkr6-youtube-ui.is-touch-fullscreen.sidebar-open .touch-sidebar,
  .wkr6-touch.wkr6-youtube-ui:fullscreen.sidebar-open .touch-sidebar,
  .wkr6-touch.wkr6-youtube-ui:-webkit-full-screen.sidebar-open .touch-sidebar{
    position:fixed!important;
    z-index:120!important;
    top:91px!important;
    left:0!important;
    bottom:61px!important;
    display:flex!important;
    width:230px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:13px 11px!important;
    border-right:1px solid #383838!important;
    background:#0f0f0f!important;
    box-shadow:8px 0 30px rgba(0,0,0,.6)!important;
  }
}


/* V6.3.7.27 - Per-room QR code and non-obstructive inline queue. */
.wkr6-touch.wkr6-youtube-ui .touch-qr-toggle{
  display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 11px;
  border:0!important;border-radius:20px!important;background:#272727!important;color:#f1f1f1!important;
  font-size:10px!important;font-weight:800!important;letter-spacing:.25px;white-space:nowrap;cursor:pointer
}
.wkr6-touch.wkr6-youtube-ui .touch-qr-toggle:hover{background:#3a3a3a!important}
.wkr6-touch.wkr6-youtube-ui .qr-symbol{font-size:17px;line-height:1}
.wkr6-touch.wkr6-youtube-ui .side-qr-card{
  display:flex;flex-direction:column;align-items:center;gap:7px;margin:7px 7px 8px;padding:10px 8px;
  border:1px solid #303030;border-radius:10px;background:#181818;color:#aaa;text-align:center
}
.wkr6-touch.wkr6-youtube-ui .touch-qr-preview{display:block;width:104px;height:104px;max-width:100%;padding:5px;border-radius:6px;background:#fff;object-fit:contain}
.wkr6-touch.wkr6-youtube-ui .side-qr-card>span{font-size:8px;font-weight:900;letter-spacing:.45px;line-height:1.4}
.wkr6-touch.wkr6-youtube-ui .side-qr{min-height:28px;padding:5px 10px;border:0;border-radius:16px;background:#303030;color:#f1f1f1;font-size:8px;font-weight:900;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .side-qr:hover{background:#454545}
.wkr6-touch.wkr6-youtube-ui.sidebar-collapsed .side-qr-card{display:none!important}
.wkr6-touch.wkr6-youtube-ui .touch-qr-modal{display:none;position:fixed!important;inset:0!important;z-index:2147483000!important;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
.wkr6-touch.wkr6-youtube-ui.qr-open .touch-qr-modal{display:flex!important}
.wkr6-touch.wkr6-youtube-ui .touch-qr-card{position:relative;display:flex;flex-direction:column;align-items:center;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;padding:25px 24px 22px;border:1px solid #383838;border-radius:16px;background:#181818;color:#f1f1f1;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.65)}
.wkr6-touch.wkr6-youtube-ui .touch-qr-close{position:absolute;top:9px;right:9px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#303030;color:#fff;font-size:23px;line-height:1;cursor:pointer}
.wkr6-touch.wkr6-youtube-ui .touch-qr-title{margin:3px 0 4px;font-size:16px;font-weight:900;letter-spacing:1px}
.wkr6-touch.wkr6-youtube-ui .touch-qr-room{margin-bottom:14px;color:#aaa;font-size:11px;font-weight:800;letter-spacing:1px}
.wkr6-touch.wkr6-youtube-ui .touch-qr-large{display:block;width:260px;height:260px;max-width:100%;padding:9px;border-radius:10px;background:#fff;object-fit:contain}
.wkr6-touch.wkr6-youtube-ui .touch-qr-card p{max-width:310px;margin:14px 0;color:#bbb;font-size:12px;line-height:1.55}
.wkr6-touch.wkr6-youtube-ui .touch-qr-open-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 17px;border-radius:20px;background:#303030;color:#f1f1f1;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.5px}
.wkr6-touch.wkr6-youtube-ui .touch-qr-open-link:hover{background:#454545;color:#fff}
.wkr6-touch.wkr6-youtube-ui .touch-qr-card.qr-image-error .touch-qr-large{display:none}
.wkr6-touch.wkr6-youtube-ui .touch-qr-card.qr-image-error:after{content:'QR Code tidak dapat dimuat. Periksa koneksi internet pada touchscreen.';display:block;max-width:260px;padding:25px;border:1px dashed #555;border-radius:8px;color:#ffcaca;font-size:12px;line-height:1.5}

/* Queue is part of the document flow: it takes room beside/above results instead of covering them. */
.wkr6-touch.wkr6-youtube-ui .touch-layout{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
.wkr6-touch.wkr6-youtube-ui .queue-panel,
.wkr6-touch.wkr6-youtube-ui.queue-open .queue-panel{
  display:none!important;position:static!important;inset:auto!important;z-index:auto!important;
  width:auto!important;max-width:none!important;min-width:0!important;min-height:0!important;height:auto!important;
  max-height:none!important;margin:0!important;padding:14px!important;overflow:hidden!important;
  border:1px solid #383838!important;border-radius:12px!important;background:#181818!important;
  box-shadow:none!important;color:#f1f1f1!important
}
.wkr6-touch.wkr6-youtube-ui.queue-open .touch-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,350px)!important;align-items:start!important;gap:18px!important}
.wkr6-touch.wkr6-youtube-ui.queue-open .queue-panel{display:flex!important;flex-direction:column!important;align-self:start!important;position:sticky!important;top:12px!important;max-height:min(72vh,740px)!important}
.wkr6-touch.wkr6-youtube-ui.queue-open .queue-panel .queue{flex:1 1 auto!important;min-height:100px!important;max-height:calc(min(72vh,740px) - 220px)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.wkr6-touch.wkr6-youtube-ui.queue-open .song-browser{min-width:0!important;width:100%!important}
.wkr6-touch.wkr6-youtube-ui.queue-open .results{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}
@media(max-width:1100px){
 .wkr6-touch.wkr6-youtube-ui.queue-open .touch-layout{display:flex!important;flex-direction:column!important;gap:13px!important}
 .wkr6-touch.wkr6-youtube-ui.queue-open .queue-panel{order:-1!important;position:relative!important;top:auto!important;width:100%!important;max-height:44vh!important;max-height:44dvh!important}
 .wkr6-touch.wkr6-youtube-ui.queue-open .queue-panel .queue{max-height:calc(44vh - 210px)!important;max-height:calc(44dvh - 210px)!important}
 .wkr6-touch.wkr6-youtube-ui.queue-open .results{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .wkr6-touch.wkr6-youtube-ui .touch-qr-toggle{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;padding:0!important;border-radius:50%!important}
 .wkr6-touch.wkr6-youtube-ui .touch-qr-toggle>span:not(.qr-symbol){display:none!important}
 .wkr6-touch.wkr6-youtube-ui .qr-symbol{font-size:17px}
 .wkr6-touch.wkr6-youtube-ui .side-qr-card{display:none!important}
 .wkr6-touch.wkr6-youtube-ui.queue-open .queue-panel{max-height:42vh!important;max-height:42dvh!important;padding:10px!important}
 .wkr6-touch.wkr6-youtube-ui.queue-open .queue-panel .queue{max-height:calc(42vh - 205px)!important;max-height:calc(42dvh - 205px)!important}
 .wkr6-touch.wkr6-youtube-ui .touch-qr-card{padding:22px 16px 18px}
 .wkr6-touch.wkr6-youtube-ui .touch-qr-large{width:230px;height:230px}
}
@media(max-width:390px){
 .wkr6-touch.wkr6-youtube-ui .touch-head-actions{gap:4px!important}
 .wkr6-touch.wkr6-youtube-ui .touch-qr-toggle{width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important}
}


/* V6.3.7.28 — Touchscreen fills the complete viewport by default (kiosk layout). */
html.wkr6-touchscreen-kiosk,
body.wkr6-touchscreen-kiosk{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.wkr6-touchscreen-kiosk{
  position:relative!important;
  background:#0f0f0f!important;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:2147483001!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#0f0f0f!important;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-header{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-main{
  display:grid!important;
  grid-template-columns:205px minmax(0,1fr)!important;
  flex:1 1 0%!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-sidebar{
  position:relative!important;
  top:auto!important;
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-content{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  flex:1 1 0%!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-width:thin;
  scrollbar-color:#444 #0f0f0f;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-categories{
  position:sticky!important;
  top:0!important;
  z-index:45!important;
  flex:0 0 auto!important;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-layout{
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-deck{
  position:relative!important;
  bottom:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
}
.wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-qr-modal{
  z-index:2147483002!important;
}
@media(max-width:1250px){
  .wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-main{
    grid-template-columns:185px minmax(0,1fr)!important;
  }
}
@media(max-width:900px){
  .wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-main{
    grid-template-columns:160px minmax(0,1fr)!important;
  }
}
@media(max-width:700px){
  .wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-main{
    display:block!important;
    min-height:0!important;
  }
  .wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-sidebar{display:none!important}
  .wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen.sidebar-open .touch-sidebar{
    position:fixed!important;
    z-index:2147483002!important;
    top:91px!important;
    left:0!important;
    bottom:61px!important;
    display:flex!important;
    width:230px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:13px 11px!important;
    border-right:1px solid #383838!important;
    background:#0f0f0f!important;
    box-shadow:8px 0 30px rgba(0,0,0,.6)!important;
  }
  .wkr6-touch.wkr6-youtube-ui.kiosk-fullscreen .touch-content{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:100%!important;
  }
}

/* V6.3.7.29 - Operator POS, product catalog, invoicing and sales reports */
.wkr6-op .wkr6-op-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;padding:8px;background:#0b1220;border:1px solid #25334a;border-radius:14px}
.wkr6-op .wkr6-op-tabs button{border:1px solid #334155;background:#172236;color:#dbeafe;border-radius:10px;padding:12px 16px;font-weight:900;cursor:pointer}
.wkr6-op .wkr6-op-tabs button.active{background:#dc2626;border-color:#ef4444;color:#fff;box-shadow:0 5px 16px #dc262633}
.wkr6-op .wkr6-op-panel{display:none!important}
.wkr6-op .wkr6-op-panel.active{display:block!important}
.wkr6-op .wkr6-commerce-card{min-width:0;background:#0f172a;color:#e5e7eb;border:1px solid #26364d;border-radius:16px;padding:18px;margin:0 0 16px;box-shadow:0 9px 28px #02061722}
.wkr6-op .wkr6-section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.wkr6-op .wkr6-section-heading h2,.wkr6-op .wkr6-commerce-card>h2{color:#fff;margin:0 0 5px;font-size:21px}
.wkr6-op .wkr6-section-heading p{margin:0;color:#94a3b8;font-size:13px}
.wkr6-op .wkr6-primary,.wkr6-op .wkr6-secondary,.wkr6-op .wkr6-product-new{border:0;border-radius:9px;padding:11px 15px;font-weight:900;cursor:pointer}
.wkr6-op .wkr6-primary,.wkr6-op .wkr6-product-new{background:#dc2626;color:#fff}
.wkr6-op .wkr6-primary:hover,.wkr6-op .wkr6-product-new:hover{background:#b91c1c;color:#fff}
.wkr6-op .wkr6-secondary{background:#334155;color:#fff}
.wkr6-op .wkr6-product-form{padding:15px;background:#111e32;border:1px solid #334155;border-radius:12px;margin:12px 0}
.wkr6-op .wkr6-product-form[hidden],.wkr6-op .wkr6-op-panel[hidden]{display:none!important}
.wkr6-op .wkr6-form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wkr6-op .wkr6-form-grid label,.wkr6-op .wkr6-sale-meta label,.wkr6-op .wkr6-sale-discount label,.wkr6-op .wkr6-report-filter label{display:flex;flex-direction:column;gap:6px;color:#cbd5e1;font-weight:800;font-size:12px;min-width:0}
.wkr6-op .wkr6-form-grid input,.wkr6-op .wkr6-sale-meta input,.wkr6-op .wkr6-sale-meta select,.wkr6-op .wkr6-sale-discount input,.wkr6-op .wkr6-report-filter input,.wkr6-op .wkr6-product-filter{width:100%;min-width:0;min-height:42px;padding:10px 11px;border:1px solid #475569;border-radius:8px;background:#080f1c;color:#fff;font:inherit}
.wkr6-op .wkr6-form-actions{display:flex;gap:8px;margin-top:14px}
.wkr6-op .wkr6-product-status,.wkr6-op .wkr6-sale-status{margin-top:10px;font-size:13px;font-weight:800}
.wkr6-op .wkr6-product-status.is-success,.wkr6-op .wkr6-sale-status.is-success{color:#86efac}
.wkr6-op .wkr6-product-status.is-error,.wkr6-op .wkr6-sale-status.is-error{color:#fca5a5}
.wkr6-op .wkr6-sale-status a{display:inline-block;margin-left:8px;background:#16a34a;color:#fff;padding:8px 12px;border-radius:7px;text-decoration:none}
.wkr6-op .wkr6-product-list{display:grid;gap:8px;margin-top:12px}
.wkr6-op .wkr6-product-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 14px;background:#111e32;border:1px solid #26364d;border-radius:10px}
.wkr6-op .wkr6-product-row.is-inactive{opacity:.55}
.wkr6-op .wkr6-product-info{min-width:0}
.wkr6-op .wkr6-product-info strong{display:block;color:#fff;font-size:14px}
.wkr6-op .wkr6-product-info small{display:block;color:#94a3b8;margin-top:4px}
.wkr6-op .wkr6-product-row>b{color:#facc15;white-space:nowrap}
.wkr6-op .wkr6-product-state{color:#86efac;font-size:10px;font-weight:900}
.wkr6-op .wkr6-product-row.is-inactive .wkr6-product-state{color:#fca5a5}
.wkr6-op .wkr6-product-actions{display:flex;gap:6px}
.wkr6-op .wkr6-product-actions button,.wkr6-op .wkr6-print-link{border:0;border-radius:7px;padding:8px 10px;background:#334155;color:#fff;font-weight:800;font-size:11px;text-decoration:none;cursor:pointer}
.wkr6-op .wkr6-product-actions .wkr6-product-disable{background:#991b1b}
.wkr6-op .wkr6-cashier-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:15px;align-items:start}
.wkr6-op .wkr6-product-filter{margin:0 0 12px}
.wkr6-op .wkr6-cashier-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:640px;overflow:auto;padding:2px}
.wkr6-op .wkr6-cashier-product{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:130px;padding:13px;background:#111e32;border:1px solid #334155;border-radius:12px;color:#fff;text-align:left;cursor:pointer}
.wkr6-op .wkr6-cashier-product:hover{border-color:#ef4444;background:#17263e}
.wkr6-op .wkr6-cashier-product-icon{width:25px;height:25px;display:grid;place-items:center;background:#dc2626;border-radius:8px;font-size:19px;font-weight:900}
.wkr6-op .wkr6-cashier-product strong{font-size:13px;line-height:1.35}
.wkr6-op .wkr6-cashier-product small{color:#94a3b8}
.wkr6-op .wkr6-cashier-product b{margin-top:auto;color:#facc15}
.wkr6-op .wkr6-sale-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.wkr6-op .wkr6-cart-lines{display:grid;gap:6px;max-height:360px;overflow:auto}
.wkr6-op .wkr6-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 28px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #27364c}
.wkr6-op .wkr6-cart-product{min-width:0}
.wkr6-op .wkr6-cart-product strong{display:block;color:#fff;font-size:13px}
.wkr6-op .wkr6-cart-product small{display:block;color:#94a3b8;margin-top:3px}
.wkr6-op .wkr6-qty-control{display:flex;align-items:center;gap:7px}
.wkr6-op .wkr6-qty-control button,.wkr6-op .wkr6-cart-remove{width:27px;height:27px;border:0;border-radius:7px;background:#334155;color:#fff;font-weight:900;cursor:pointer}
.wkr6-op .wkr6-cart-line-total{white-space:nowrap;color:#facc15;font-size:12px}
.wkr6-op .wkr6-cart-remove{background:#991b1b;font-size:18px}
.wkr6-op .wkr6-cart-empty,.wkr6-op .wkr6-empty,.wkr6-op .wkr6-loading,.wkr6-op .wkr6-error{padding:16px;background:#111e32;border:1px dashed #475569;border-radius:10px;color:#94a3b8;text-align:center}
.wkr6-op .wkr6-error{color:#fecaca;background:#451a1a;border-color:#991b1b}
.wkr6-op .wkr6-sale-discount{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.wkr6-op .wkr6-cart-total{display:flex;justify-content:space-between;align-items:center;margin:15px 0;padding:14px;background:#111e32;border-radius:10px;color:#fff;font-weight:900}
.wkr6-op .wkr6-cart-total strong{font-size:24px;color:#facc15}
.wkr6-op .wkr6-checkout{width:100%;border:0;border-radius:10px;padding:15px;background:#16a34a;color:#fff;font-size:14px;font-weight:900;cursor:pointer}
.wkr6-op .wkr6-checkout:hover{background:#15803d}
.wkr6-op .wkr6-checkout:disabled{opacity:.45;cursor:not-allowed}
.wkr6-op .wkr6-report-filter{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:15px 0}
.wkr6-op .wkr6-report-filter label{min-width:170px}
.wkr6-op .wkr6-report-filter .wkr6-primary{min-height:42px}
.wkr6-op .wkr6-report-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.wkr6-op .wkr6-report-cards>div{padding:16px;background:#111e32;border:1px solid #334155;border-radius:12px}
.wkr6-op .wkr6-report-cards small{display:block;color:#94a3b8;font-size:11px;font-weight:900}
.wkr6-op .wkr6-report-cards strong{display:block;margin-top:7px;color:#facc15;font-size:clamp(18px,2vw,27px)}
.wkr6-op .wkr6-report-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-top:15px}
.wkr6-op .wkr6-report-table-wrap{min-width:0;overflow:auto}
.wkr6-op .wkr6-report-table-wrap h3{color:#fff;margin:0 0 9px}
.wkr6-op .wkr6-table{width:100%;border-collapse:collapse;color:#e5e7eb;font-size:12px}
.wkr6-op .wkr6-table th,.wkr6-op .wkr6-table td{padding:10px 8px;border-bottom:1px solid #334155;text-align:left;white-space:nowrap}
.wkr6-op .wkr6-table th{color:#94a3b8;background:#111e32}
.wkr6-op .wkr6-table td small{display:block;color:#94a3b8;margin-top:3px}
.wkr6-op .wkr6-print-link{display:inline-block;background:#16a34a}
@media(max-width:1100px){.wkr6-op .wkr6-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wkr6-op .wkr6-cashier-layout{grid-template-columns:1fr}.wkr6-op .wkr6-report-columns{grid-template-columns:1fr}}
@media(max-width:700px){.wkr6-op .wkr6-op-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wkr6-op .wkr6-op-tabs button{padding:11px 6px;font-size:11px}.wkr6-op .wkr6-section-heading{align-items:flex-start;flex-direction:column}.wkr6-op .wkr6-product-new,.wkr6-op .wkr6-secondary{width:100%}.wkr6-op .wkr6-form-grid{grid-template-columns:1fr 1fr}.wkr6-op .wkr6-product-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.wkr6-op .wkr6-product-row>b{grid-column:2;grid-row:1}.wkr6-op .wkr6-product-state{grid-column:1}.wkr6-op .wkr6-product-actions{grid-column:1/-1}.wkr6-op .wkr6-product-actions button{flex:1}.wkr6-op .wkr6-sale-meta{grid-template-columns:1fr}.wkr6-op .wkr6-sale-discount{grid-template-columns:1fr}.wkr6-op .wkr6-report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wkr6-op .wkr6-cart-row{grid-template-columns:minmax(0,1fr) auto 25px}.wkr6-op .wkr6-cart-line-total{grid-column:1}.wkr6-op .wkr6-cart-remove{grid-column:3;grid-row:1}}
@media(max-width:420px){.wkr6-op .wkr6-form-grid{grid-template-columns:1fr}.wkr6-op .wkr6-cart-total strong{font-size:19px}}

/* V6.3.7.30 - Product photos and catalogue controls */
.wkr6-op .wkr6-product-image-field{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:12px;background:#0b1424;border:1px dashed #475569;border-radius:12px}
.wkr6-op .wkr6-product-image-preview{width:104px;height:88px;flex:0 0 104px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#1e293b;color:#94a3b8;font-size:28px}
.wkr6-op .wkr6-product-image-preview img{width:100%;height:100%;object-fit:cover}
.wkr6-op .wkr6-product-image-field strong{display:block;color:#fff;font-size:13px}
.wkr6-op .wkr6-product-image-field p{margin:4px 0 9px;color:#94a3b8;font-size:12px}
.wkr6-op .wkr6-product-thumb{width:64px;height:56px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#1e293b;color:#94a3b8;font-size:22px}
.wkr6-op .wkr6-product-thumb img{width:100%;height:100%;object-fit:cover}
.wkr6-op .wkr6-product-row{grid-template-columns:64px minmax(0,1fr) auto auto auto}
.wkr6-op .wkr6-cashier-product-image{width:100%;height:105px;object-fit:cover;border-radius:8px;background:#1e293b}
.wkr6-op .wkr6-cashier-product-icon{width:100%;height:105px;display:grid;place-items:center;background:#1e293b;border-radius:8px;font-size:32px}
.wkr6-op .wkr6-product-actions .wkr6-product-disable{background:#991b1b}
@media(max-width:700px){.wkr6-op .wkr6-product-row{grid-template-columns:58px minmax(0,1fr);gap:8px}.wkr6-op .wkr6-product-thumb{grid-column:1;grid-row:1 / span 2;width:58px;height:58px}.wkr6-op .wkr6-product-info{grid-column:2;grid-row:1}.wkr6-op .wkr6-product-row>b{grid-column:2;grid-row:2;justify-self:start}.wkr6-op .wkr6-product-state{grid-column:1/-1}.wkr6-op .wkr6-product-actions{grid-column:1/-1}.wkr6-op .wkr6-product-image-field{align-items:flex-start;flex-wrap:wrap}.wkr6-op .wkr6-product-image-field>div:last-child{min-width:0;flex:1}.wkr6-op .wkr6-product-image-field button{margin:3px 3px 0 0}}


/* V6.3.7.31 - Sales report period selectors */
.wkr6-op .wkr6-report-period-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 10px}
.wkr6-op .wkr6-report-period-tabs button{min-height:40px;padding:9px 15px;border:1px solid #334155;border-radius:9px;background:#172236;color:#dbeafe;font-weight:900;cursor:pointer}
.wkr6-op .wkr6-report-period-tabs button.active{background:#dc2626;border-color:#ef4444;color:#fff;box-shadow:0 5px 16px #dc262633}
.wkr6-op .wkr6-report-filter label{min-width:240px}
.wkr6-op .wkr6-report-filter label small{font-weight:500;color:#94a3b8;line-height:1.4}
.wkr6-op .wkr6-report-range{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:12px 14px;background:#111e32;border:1px solid #334155;border-radius:10px}
.wkr6-op .wkr6-report-range strong{color:#facc15}
.wkr6-op .wkr6-report-range span{font-size:12px;color:#94a3b8}
.wkr6-op .wkr6-report-table-wrap h3 small{font-size:10px;color:#94a3b8;font-weight:500}
@media(max-width:700px){.wkr6-op .wkr6-report-period-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wkr6-op .wkr6-report-period-tabs button{padding:10px 6px;font-size:11px}.wkr6-op .wkr6-report-filter label{min-width:100%;width:100%}.wkr6-op .wkr6-report-filter .wkr6-primary{width:100%}}


/* V6.3.7.32 - One-click complete report print */
.wkr6-op .wkr6-report-print{min-height:42px;padding:10px 16px;border:1px solid #16a34a;border-radius:9px;background:#16a34a;color:#fff;font-weight:900;cursor:pointer}
.wkr6-op .wkr6-report-print:hover{background:#15803d;border-color:#15803d}
.wkr6-op .wkr6-report-print:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.wkr6-op .wkr6-report-print{width:100%}}

/* V6.3.7.36 - per-installation business identity */
.wkr6-touch.wkr6-youtube-ui .touch-brand-name{max-width:165px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wkr6-touch.wkr6-youtube-ui .touch-brand-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wkr6-tv .tv-brand{display:flex;align-items:center;gap:12px;max-width:60vw;overflow:hidden}
.wkr6-tv .tv-brand>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wkr6-op .wkr6-op-head h1{overflow-wrap:anywhere}


/* V6.3.7.42 — minimal standby: uploaded background + a small centered ROOM label */
.wkr6-touch .touch-standby-screen{
  position:fixed!important;inset:0!important;z-index:2147482000!important;
  display:block!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;
  overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:radial-gradient(ellipse at 50% 42%,#182b75 0%,#090d2c 62%,#030615 100%)!important;
  pointer-events:auto!important;
}
.wkr6-touch .touch-standby-screen[hidden]{display:none!important}
.wkr6-touch .touch-standby-screen>img{
  display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;user-select:none!important;-webkit-user-drag:none!important;
}
.wkr6-touch .touch-standby-label{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
  color:rgba(255,255,255,.88)!important;font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(11px,1.05vw,16px)!important;font-weight:700!important;letter-spacing:.24em!important;
  line-height:1!important;text-align:center!important;text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
  white-space:nowrap!important;pointer-events:none!important;
}

/* V6.3.8 operator dashboard refresh — inspired by a compact hotel front-desk console. */
.wkr6-op-dashboard{max-width:none!important;width:100%!important;min-height:100vh;padding:0 18px 24px!important;margin:0!important;background:#071426;color:#e5edf8;font-family:Inter,Arial,sans-serif}
.wkr6-op-dashboard .wkr6-op-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 4px 14px;border-bottom:1px solid #1e3552;margin-bottom:14px}
.wkr6-op-dashboard .wkr6-op-brand h1{font-size:17px!important;letter-spacing:.2px!important;color:#f1f5fb!important;margin:0 0 4px!important}
.wkr6-op-dashboard .wkr6-op-subtitle{font-size:11px;color:#91a5c0}
.wkr6-op-dashboard .wkr6-op-logo{width:38px;height:38px;border-radius:11px;background:#102c4c;border:1px solid #24527e;display:grid;place-items:center}
.wkr6-op-dashboard .wkr6-op-logo img{max-width:100%;max-height:100%;object-fit:contain}
.wkr6-op-dashboard .wkr6-logout{background:#172b45!important;border:1px solid #2a4667!important;color:#dce9f8!important;border-radius:8px!important;padding:9px 13px!important;font-size:11px}
.wkr6-op-workspace{display:grid;grid-template-columns:205px minmax(0,1fr);gap:16px;align-items:start}
.wkr6-op-dashboard .wkr6-op-tabs{display:flex!important;flex-direction:column;gap:6px!important;padding:12px 9px!important;background:#0b1a2d;border:1px solid #1b3552;border-radius:13px;min-height:calc(100vh - 100px);position:sticky;top:12px}
.wkr6-op-dashboard .wkr6-op-tabs button{display:flex;align-items:center;gap:10px;text-align:left!important;width:100%;min-height:39px;padding:9px 11px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#a9bbd1!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}
.wkr6-op-dashboard .wkr6-op-tabs button span{width:19px;text-align:center;font-size:17px;color:#7f9fca}
.wkr6-op-dashboard .wkr6-op-tabs button.active{background:linear-gradient(100deg,#164c91,#12396d)!important;border-color:#2863a6!important;color:#fff!important}
.wkr6-op-dashboard .wkr6-op-tabs button.active span{color:#fff}
.wkr6-op-dashboard .op-nav-caption{padding:7px 10px 5px;color:#647e9e;font-size:9px;font-weight:900;letter-spacing:1.2px}
.wkr6-op-dashboard .op-nav-bottom{margin-top:24px;border-top:1px solid #1b3552;padding-top:18px}
.wkr6-op-dashboard .op-nav-info{padding:7px 10px;color:#9eb1c8;font-size:11px}.wkr6-op-dashboard .op-nav-info i,.wkr6-op-dashboard .op-live i{display:inline-block;width:7px;height:7px;background:#22c55e;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #22c55e88}
.wkr6-op-dashboard .op-nav-shortcut{margin-top:auto;padding:12px 10px;border:1px solid #1d3857;border-radius:9px;background:#0d2036;color:#7890ad;font-size:10px;line-height:1.9}.wkr6-op-dashboard .op-nav-shortcut b{color:#d5e3f5}
.wkr6-op-main{min-width:0}.wkr6-op-dashboard .op-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px}.wkr6-op-dashboard .op-welcome small{color:#6f91b7;font-size:9px;letter-spacing:1.3px;font-weight:900}.wkr6-op-dashboard .op-welcome h2{font-size:21px;color:#f4f8ff;margin:4px 0}.wkr6-op-dashboard .op-welcome p{font-size:11px;color:#8da3bf;margin:0}.wkr6-op-dashboard .op-live{white-space:nowrap;padding:8px 11px;border:1px solid #1c4d43;background:#0c2b2a;color:#75dfb1;border-radius:8px;font-size:10px;font-weight:900}.wkr6-op-dashboard .op-clock{margin-left:9px;color:#b8cbe1;font-weight:600}
.wkr6-op-dashboard .op-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.wkr6-op-dashboard .op-kpi{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 13px;background:#0d2036;border:1px solid #1c3859;border-radius:11px;box-shadow:0 8px 24px #02081733}.wkr6-op-dashboard .op-kpi-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;font-size:20px}.wkr6-op-dashboard .op-kpi-icon.green{background:#123c38;color:#4ade80}.wkr6-op-dashboard .op-kpi-icon.blue{background:#16365e;color:#60a5fa}.wkr6-op-dashboard .op-kpi-icon.amber{background:#49371a;color:#fbbf24}.wkr6-op-dashboard .op-kpi-icon.purple{background:#35275a;color:#c4b5fd}.wkr6-op-dashboard .op-kpi small{display:block;color:#8da4c0;font-size:9px;font-weight:900;letter-spacing:.5px}.wkr6-op-dashboard .op-kpi strong{display:block;color:#f8fbff;font-size:23px;line-height:1.2;margin:2px 0}.wkr6-op-dashboard .op-kpi em{display:block;color:#6884a4;font-size:9px;font-style:normal}
.wkr6-op-dashboard .op-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.wkr6-op-dashboard .op-quick-actions button{padding:9px 13px;border:1px solid #2a5689;border-radius:8px;background:#123b70;color:#e8f2ff;font-size:10px;font-weight:900;cursor:pointer}.wkr6-op-dashboard .op-quick-actions button:hover{background:#1b5598}
.wkr6-op-dashboard .wkr6-op-panel{display:none}.wkr6-op-dashboard .wkr6-op-panel.active{display:block}.wkr6-op-dashboard .op-tools,.wkr6-op-dashboard .request-panel,.wkr6-op-dashboard .wkr6-op-room,.wkr6-op-dashboard .wkr6-commerce-card{background:#0c1d32!important;border:1px solid #1c3858!important;border-radius:11px!important;box-shadow:0 8px 24px #02081722}.wkr6-op-dashboard .request-panel{padding:13px!important;margin:0 0 12px!important}.wkr6-op-dashboard .request-panel h2{font-size:12px!important;color:#dceaff!important}.wkr6-op-dashboard .wkr6-rooms{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:11px!important}.wkr6-op-dashboard .wkr6-op-room{padding:14px!important;background:linear-gradient(145deg,#102944,#0c1b2e)!important;border-color:#244b70!important;border-radius:11px!important}.wkr6-op-dashboard .wkr6-op-room h2{font-size:14px!important;color:#f0f6ff!important;margin:0 0 8px!important}.wkr6-op-dashboard .wkr6-op-room .op-time{font-size:28px!important;color:#f8d66d!important}.wkr6-op-dashboard .wkr6-op-room .op-status{font-size:11px!important;color:#8ce0b1!important}.wkr6-op-dashboard .wkr6-op-room button{font-size:10px!important;border-radius:7px!important}.wkr6-op-dashboard .op-queue-wrap{background:#0a1728!important;border:1px solid #1b3552!important}.wkr6-op-dashboard .op-q-row{border-color:#203b5b!important}.wkr6-op-dashboard .wkr6-commerce-card{padding:16px!important}.wkr6-op-dashboard .wkr6-section-heading h2,.wkr6-op-dashboard .wkr6-commerce-card h2{color:#eaf2ff!important}.wkr6-op-dashboard input,.wkr6-op-dashboard select{background:#08182a!important;color:#e5edf8!important;border-color:#2a4665!important}
@media(max-width:900px){.wkr6-op-workspace{grid-template-columns:1fr}.wkr6-op-dashboard .wkr6-op-tabs{position:static;min-height:0;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px!important}.wkr6-op-dashboard .op-nav-caption,.wkr6-op-dashboard .op-nav-info,.wkr6-op-dashboard .op-nav-shortcut{display:none}.wkr6-op-dashboard .wkr6-op-tabs button{justify-content:center;text-align:center!important;padding:9px 5px!important;font-size:10px!important}.wkr6-op-dashboard .wkr6-op-tabs button span{display:none}}
@media(max-width:650px){.wkr6-op-dashboard{padding:0 9px 18px!important}.wkr6-op-dashboard .wkr6-op-head{align-items:flex-start}.wkr6-op-dashboard .wkr6-op-brand h1{font-size:13px!important}.wkr6-op-dashboard .wkr6-op-subtitle{font-size:9px}.wkr6-op-dashboard .op-welcome{align-items:flex-start;flex-direction:column}.wkr6-op-dashboard .op-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wkr6-op-dashboard .op-kpi{padding:10px 8px;gap:8px}.wkr6-op-dashboard .op-kpi-icon{width:30px;height:30px;flex-basis:30px}.wkr6-op-dashboard .op-kpi strong{font-size:19px}.wkr6-op-dashboard .op-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wkr6-op-dashboard .op-quick-actions button{padding:10px 6px}.wkr6-op-dashboard .wkr6-op-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.wkr6-op-dashboard .wkr6-op-tabs button{font-size:10px!important}}


/* V6.3.9: operator benar-benar memenuhi viewport dan tetap bisa dioperasikan di semua tema WordPress. */
.wkr6-op-dashboard{
  position:fixed!important;inset:0!important;z-index:2147481000!important;
  width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;
  min-height:100vh!important;min-height:100dvh!important;margin:0!important;
  padding:clamp(10px,1.4vw,22px)!important;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;background:#071426!important;color:#e5edf8!important;
  box-sizing:border-box!important;isolation:isolate!important;
}
.wkr6-op-dashboard *{box-sizing:border-box}
.wkr6-op-dashboard .wkr6-op-workspace{width:100%!important;min-height:calc(100dvh - 92px);grid-template-columns:minmax(185px,205px) minmax(0,1fr)!important;gap:clamp(10px,1.2vw,18px)!important}
.wkr6-op-dashboard .wkr6-op-main{min-width:0;width:100%;}
.wkr6-op-dashboard .wkr6-op-tabs{z-index:2;align-self:stretch;max-height:calc(100dvh - 75px);overflow-y:auto;}
.wkr6-op-dashboard button,.wkr6-op-dashboard a{touch-action:manipulation;}
.wkr6-op-dashboard button{cursor:pointer;pointer-events:auto!important;position:relative;}
.wkr6-op-dashboard button:disabled{cursor:not-allowed;}
.wkr6-op-dashboard .op-quick-actions button{min-height:40px;}
.wkr6-op-dashboard .wkr6-op-panel{width:100%;min-width:0;}
@media(max-width:900px){
  .wkr6-op-dashboard{padding:10px!important;}
  .wkr6-op-dashboard .wkr6-op-workspace{grid-template-columns:minmax(0,1fr)!important;min-height:0;}
  .wkr6-op-dashboard .wkr6-op-tabs{max-height:none;}
}
@media(max-width:650px){
  .wkr6-op-dashboard{padding:8px!important;}
  .wkr6-op-dashboard .wkr6-op-head{position:relative;}
  .wkr6-op-dashboard .wkr6-op-tabs{position:relative;top:auto;}
}