/* BOTVIET SHOPEE VIDEO PUBLISH R58 — scoped to /app/content composer */
.r58-shopee-panel{margin:12px 0 0;padding:14px;border:1px solid rgba(255,120,58,.38);border-radius:16px;background:linear-gradient(145deg,rgba(12,38,70,.96),rgba(5,24,49,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 14px 34px rgba(0,0,0,.18)}
.r58-shopee-panel[hidden]{display:none!important}
.r58-shopee-active .content-message-box,
.r58-shopee-active .content-media-hashtag-row,
.r58-shopee-active #facebook-publish-fields,
.r58-shopee-active #tiktok-publish-fields,
.r58-shopee-active #commerce-publish-fields,
.r58-shopee-active .content-submit-row,
.r58-shopee-active + .content-preview-card{display:none!important}
.r58-head,.r58-products-head,.r58-publish-bar,.r58-brand{display:flex;align-items:center}
.r58-head{justify-content:space-between;gap:12px;margin-bottom:12px}
.r58-brand{gap:10px;min-width:0}
.r58-brand>div{min-width:0}
.r58-brand b{display:block;font-size:16px;color:#fff}
.r58-brand small,.r58-products-head small,.r58-publish-bar small{display:block;margin-top:3px;color:#8da8c6;font-size:10px}
.r58-shopee-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#ff783e,#f04428);color:#fff;font-size:23px;font-weight:900;box-shadow:0 0 22px rgba(255,91,41,.20)}
.r58-permission{flex:0 0 auto;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:850}
.r58-permission.is-ok{color:#56f1c5;background:rgba(12,171,128,.13);border:1px solid rgba(44,213,169,.22)}
.r58-permission.is-bad{color:#ffc26c;background:rgba(181,109,11,.12);border:1px solid rgba(255,165,45,.25)}
.r58-alert{margin:0 0 12px;padding:10px 12px;border-radius:11px;font-size:10px;line-height:1.45}
.r58-alert.is-error{color:#ffd0c2;background:rgba(133,44,24,.20);border:1px solid rgba(255,95,53,.28)}
.r58-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:12px}
.r58-box{min-width:0;padding:12px;border:1px solid rgba(37,105,168,.42);border-radius:13px;background:rgba(2,19,39,.46)}
.r58-file-zone{min-height:82px;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 10px;padding:10px;border:1px dashed rgba(53,168,255,.55);border-radius:12px;cursor:pointer;background:rgba(8,43,84,.52)}
.r58-file-zone input{display:none}
.r58-file-icon{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#ff7b39,#ff3d2e);color:#fff}
.r58-file-zone b{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r58-file-zone small{font-size:9px;color:#87a4c5}
.r58-preview{width:100%;aspect-ratio:16/9;margin-top:9px;border-radius:10px;background:#020b18;object-fit:contain}
.r58-label{display:block;margin-top:10px;color:#cfe0f3;font-size:10px;font-weight:750}
.r58-label textarea{width:100%;min-height:92px;margin-top:6px;padding:10px;border:1px solid rgba(52,112,168,.55);border-radius:10px;background:#071b35;color:#fff;resize:vertical}
.r58-label>small{display:block;text-align:right;color:#7392b6;margin-top:3px}
.r58-products-head{justify-content:space-between;gap:9px;margin-bottom:9px}
.r58-products-head>div{min-width:0}
.r58-products-head b{display:block;color:#fff;font-size:12px}
.r58-products-head button{flex:0 0 auto;min-height:31px;padding:0 9px;border:1px solid rgba(43,157,255,.45);border-radius:9px;background:#082952;color:#68cfff;font-size:9px;font-weight:800;cursor:pointer}
.r58-products{max-height:270px;overflow:auto;display:grid;gap:6px;padding-right:3px}
.r58-product{display:grid;grid-template-columns:18px 42px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid rgba(34,93,151,.34);border-radius:10px;background:rgba(8,39,76,.48);cursor:pointer}
.r58-product:has(input:checked){border-color:rgba(44,194,255,.72);background:linear-gradient(90deg,rgba(17,94,182,.36),rgba(7,53,108,.35))}
.r58-product input{width:15px;height:15px}
.r58-product-img{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#0a2c54}
.r58-product-img img{width:100%;height:100%;object-fit:cover}
.r58-product-copy{min-width:0}
.r58-product-copy b,.r58-product-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r58-product-copy b{color:#fff;font-size:10px}
.r58-product-copy small{margin-top:3px;color:#7e9fc2;font-size:8px}
.r58-selected{margin-top:7px;text-align:right;color:#76a3cf;font-size:9px}
.r58-empty{padding:20px 10px;text-align:center;color:#7e9dbc;font-size:10px;border:1px dashed rgba(43,112,177,.35);border-radius:10px}
.r58-publish-bar{justify-content:space-between;gap:12px;margin-top:12px;padding:11px;border:1px solid rgba(45,134,207,.34);border-radius:12px;background:rgba(5,29,57,.72)}
.r58-publish-bar>div{min-width:0}
.r58-publish-bar b{display:block;color:#fff;font-size:11px}
.r58-publish-bar code{color:#64d4ff}
.r58-publish-bar button{flex:0 0 auto;min-height:42px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(90deg,#ff6b31,#ff432b);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(255,73,38,.20)}
.r58-publish-bar button:disabled{opacity:.45;cursor:not-allowed}
.r58-shopee-toast{position:fixed;z-index:20000;right:18px;bottom:22px;max-width:420px;padding:11px 14px;border-radius:11px;color:#fff;font-size:11px;font-weight:750;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.r58-shopee-toast.is-ok{background:#076d56;border:1px solid #20d5a4}
.r58-shopee-toast.is-error{background:#7d281d;border:1px solid #ff674c}

@media(max-width:768px){
  .r58-shopee-panel{padding:10px;margin-top:9px;border-radius:13px}
  .r58-head{align-items:flex-start;gap:8px}
  .r58-brand b{font-size:14px}
  .r58-shopee-logo{width:36px;height:36px;border-radius:11px;font-size:20px}
  .r58-permission{padding:6px 7px;font-size:8px}
  .r58-grid{grid-template-columns:1fr;gap:8px}
  .r58-box{padding:9px}
  .r58-products{max-height:245px}
  .r58-publish-bar{align-items:stretch;flex-direction:column}
  .r58-publish-bar button{width:100%}
  .r58-shopee-toast{left:10px;right:10px;bottom:78px;max-width:none}
}