/* Craftlo v0.9.7.140 — Streamlabs Control Room hard layout containment.
   Loaded globally on purpose. Do NOT gate this stylesheet behind is_page(). */
[data-streamlabs-control-room].cl-sl-control-room-v140{
  position:relative!important;display:block!important;isolation:isolate!important;overflow:hidden!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  margin:18px 0 22px!important;padding:18px!important;
  border:1px solid rgba(184,255,64,.14)!important;border-radius:18px!important;
  background:linear-gradient(180deg,#12131c 0%,#0d0e15 100%)!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140>.cl-sl-control-head{
  position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
  gap:18px!important;width:100%!important;margin:0 0 16px!important;padding:0 0 15px!important;box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140>.cl-sl-control-head small{display:block!important;color:#b8ff40!important;font-size:11px!important;font-weight:900!important;letter-spacing:.1em!important}
[data-streamlabs-control-room].cl-sl-control-room-v140>.cl-sl-control-head h2{margin:5px 0 6px!important;color:#fff!important;font-size:22px!important;line-height:1.2!important}
[data-streamlabs-control-room].cl-sl-control-room-v140>.cl-sl-control-head p{margin:0!important;max-width:760px!important;color:#aeb0bd!important;font-size:13px!important;line-height:1.6!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px!important}

[data-streamlabs-control-room].cl-sl-control-room-v140>.cl-sl-control-grid{
  position:relative!important;display:grid!important;grid-template-columns:minmax(220px,260px) minmax(330px,1fr) minmax(270px,320px)!important;
  gap:14px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor,
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat,
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-products{
  position:relative!important;inset:auto!important;float:none!important;display:flex!important;flex-direction:column!important;
  width:auto!important;max-width:none!important;min-width:0!important;height:520px!important;min-height:520px!important;max-height:520px!important;
  margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;background:#0b0c13!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-panel-head{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  flex:0 0 66px!important;min-height:66px!important;width:100%!important;padding:12px 13px!important;box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.018)!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-panel-head small{display:block!important;color:#b8ff40!important;font-size:9px!important;font-weight:900!important;letter-spacing:.1em!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-panel-head h3{margin:4px 0 0!important;color:#fff!important;font-size:15px!important;line-height:1.25!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-panel-head>span{color:#d4d5df!important;font-size:10px!important;font-weight:800!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-muted{padding:5px 8px!important;border:1px solid rgba(255,197,91,.18)!important;border-radius:999px!important;background:rgba(255,197,91,.07)!important;color:#ffd07b!important}

/* Return monitor: generic .cl-livekit-viewer is absolute globally, so contain it here. */
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-frame{
  position:relative!important;inset:auto!important;display:block!important;flex:0 0 auto!important;
  width:min(calc(100% - 28px),220px)!important;max-width:220px!important;height:auto!important;aspect-ratio:9/16!important;
  margin:13px auto 9px!important;padding:0!important;overflow:hidden!important;contain:layout paint!important;box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;background:#020205!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-frame>.cl-livekit-viewer,
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-frame .cl-livekit-media{
  position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;transform:none!important;background:#020205!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-frame video,
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-frame .cl-livekit-video{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;background:#020205!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-frame audio{display:none!important;width:1px!important;height:1px!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-frame .cl-livekit-viewer-state{
  position:absolute!important;inset:0!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;padding:16px!important;box-sizing:border-box!important;text-align:center!important;
  color:#dedee7!important;font-size:11px!important;background:linear-gradient(180deg,rgba(2,2,5,.2),rgba(2,2,5,.72))!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-livekit-viewer.has-video .cl-livekit-viewer-state{display:none!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-note{margin-top:auto!important;display:grid!important;gap:3px!important;padding:10px 13px 13px!important;border-top:1px solid rgba(255,255,255,.05)!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-note b{color:#fff!important;font-size:12px!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor-note span{color:#999cab!important;font-size:10.5px!important;line-height:1.45!important}

/* Chat */
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-list{
  position:relative!important;flex:1 1 auto!important;width:100%!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:11px!important;overflow:auto!important;box-sizing:border-box!important;background:transparent!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-row{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;width:100%!important;max-width:100%!important;margin:0 0 8px!important;padding:0!important;box-sizing:border-box!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-row>img{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;border-radius:50%!important;object-fit:cover!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-row>div{min-width:0!important;max-width:100%!important;padding:8px 9px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:10px!important;background:#151621!important;box-sizing:border-box!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-row-head b,
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-row p{font-size:11.5px!important;line-height:1.45!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-form{
  position:relative!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;
  width:100%!important;margin:0!important;padding:10px!important;box-sizing:border-box!important;border-top:1px solid rgba(255,255,255,.07)!important;background:#0d0e15!important;
}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-form input{width:100%!important;min-width:0!important;height:40px!important;margin:0!important;padding:0 11px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:#151620!important;color:#fff!important;font-size:12px!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat .cl-live-chat-form button{min-width:64px!important;height:40px!important;margin:0!important;padding:0 13px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#8f5dff,#ff48a7)!important;color:#fff!important;font-size:11px!important;font-weight:850!important}

/* Products */
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-search{position:relative!important;flex:0 0 auto!important;width:calc(100% - 20px)!important;height:40px!important;margin:10px!important;padding:0 11px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;background:#151620!important;color:#fff!important;font-size:12px!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-list{position:relative!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 10px 10px!important;overflow:auto!important;box-sizing:border-box!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-item{position:relative!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:7px 9px!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:9px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;background:#14151e!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-item>img,
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-item img,
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-noimage{position:relative!important;grid-column:1!important;grid-row:1/3!important;display:block!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important;margin:0!important;padding:0!important;object-fit:cover!important;border-radius:9px!important;background:#1b1d27!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-item>div{grid-column:2!important;grid-row:1!important;min-width:0!important;overflow:hidden!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-item b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:11.5px!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-item small{display:block!important;margin-top:3px!important;color:#a8aab6!important;font-size:10px!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-item .cdb-btn{grid-column:2!important;grid-row:2!important;justify-self:start!important;width:max-content!important;max-width:100%!important;min-height:31px!important;margin:0!important;padding:0 10px!important;font-size:10px!important}
[data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-feedback{position:relative!important;flex:0 0 auto!important;width:100%!important;padding:9px 10px!important;box-sizing:border-box!important;border-top:1px solid rgba(255,255,255,.06)!important;color:#9fa1ae!important;font-size:10px!important;line-height:1.4!important}

@media(max-width:1180px){
  [data-streamlabs-control-room].cl-sl-control-room-v140>.cl-sl-control-grid{grid-template-columns:240px minmax(0,1fr)!important}
  [data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-products{grid-column:1/-1!important;height:auto!important;min-height:0!important;max-height:none!important}
  [data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:270px!important}
}
@media(max-width:760px){
  [data-streamlabs-control-room].cl-sl-control-room-v140{padding:13px!important}
  [data-streamlabs-control-room].cl-sl-control-room-v140>.cl-sl-control-head{display:grid!important}
  [data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-head-actions{justify-content:flex-start!important}
  [data-streamlabs-control-room].cl-sl-control-room-v140>.cl-sl-control-grid{grid-template-columns:1fr!important}
  [data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-monitor,
  [data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat,
  [data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-products{grid-column:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}
  [data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-control-chat{height:430px!important;min-height:430px!important;max-height:430px!important}
  [data-streamlabs-control-room].cl-sl-control-room-v140 .cl-sl-product-list{display:flex!important;max-height:330px!important}
}
