*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0f1115;color:#f4f5f7}body{margin:0}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;background:#0f1115;border-bottom:1px solid #242832;padding:13px 18px}.topbar-inner{max-width:1100px;margin:auto;display:flex;align-items:center;gap:18px}.brand{font-weight:800;font-size:20px;white-space:nowrap}.search{margin-left:auto;display:flex;width:min(480px,60vw)}.search input{flex:1;border-radius:9px 0 0 9px}.search button{border-radius:0 9px 9px 0}.container{max-width:1100px;margin:auto;padding:18px}.hero{padding:10px 0 22px}.hero h1{font-size:30px;margin:0 0 8px}.hero p,.summary{color:#b8bec9;line-height:1.65}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#171a20;border:1px solid #252a34;border-radius:14px;overflow:hidden}.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#222}.card-body{padding:12px}.card h2,.card h3{margin:8px 0 6px;font-size:17px;line-height:1.3}.card p{margin:0;color:#aeb5c1;font-size:14px;line-height:1.5}.tag{font-size:12px;color:#c9ced7}.series-head{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start}.series-poster{width:100%;border-radius:14px;aspect-ratio:16/10;object-fit:cover;background:#222}.series-head h1{font-size:34px;margin:8px 0}.primary-btn,.nav-btn{display:inline-block;background:#fff;color:#111;border:0;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.episode-section{margin-top:28px}.episode-grid{display:flex;flex-wrap:wrap;gap:9px}.episode-btn{background:#1a1e25;border:1px solid #2b313c;border-radius:9px;padding:9px 13px}.episode-btn:hover,.episode-btn.active{background:#fff;color:#111}.watch-title h1{margin:8px 0 16px}.back-link{color:#aeb5c1}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.nav-row{display:flex;justify-content:space-between;margin:14px 0 6px}.ad-box{margin:24px 0;padding:12px;border:1px solid #2b303a;border-radius:12px;background:#14171c}.ad-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#888f9b;margin-bottom:8px}.placeholder{text-align:center;color:#8f96a2;padding:24px 12px}.footer{border-top:1px solid #242832;margin-top:40px;padding:24px 18px;color:#838a95;text-align:center;font-size:13px}.empty{padding:36px 20px;background:#171a20;border:1px solid #252a34;border-radius:14px;color:#b8bec9}input,textarea,select{width:100%;background:#11141a;color:#fff;border:1px solid #303642;border-radius:9px;padding:11px 12px;font:inherit}button{font:inherit}label{display:block;margin:13px 0 6px;color:#c7ccd5}.admin-wrap{max-width:520px;margin:60px auto;padding:18px}.admin-page{max-width:1100px;margin:auto;padding:20px}.admin-card{background:#171a20;border:1px solid #282e38;border-radius:14px;padding:18px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.success{background:#183320}.error{background:#3a1a1a}.catalog-admin{margin-top:18px}.admin-series{border-top:1px solid #2a303a;padding:14px 0}.admin-series:first-child{border-top:0}.admin-series-head,.admin-episode-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-episodes{margin-top:10px;padding-left:12px}.admin-episode-row{padding:7px 0;color:#c7ccd5}.danger-btn,.tiny-btn{background:#3b1b1b;color:#ffd6d6;border:1px solid #633;border-radius:8px;padding:7px 10px;cursor:pointer}.tiny-btn{font-size:12px;padding:5px 8px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-head{grid-template-columns:1fr}.series-poster{max-width:420px}.admin-columns{grid-template-columns:1fr}}@media(max-width:520px){.topbar-inner{flex-wrap:wrap}.search{width:100%;margin-left:0}.container{padding:12px}.grid{grid-template-columns:1fr}.hero h1{font-size:26px}.series-head h1{font-size:28px}.admin-page{padding:12px}}

.menu-link{white-space:nowrap;color:#d8dde6}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.watch-main{min-width:0}
.watch-heading{margin-bottom:14px}
.watch-heading h1{font-size:28px;margin:7px 0 2px}
.episode-current{font-size:16px;color:#b9c0cb;font-weight:650}
.episode-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:14px 0 24px}
.episode-nav>div:last-child{text-align:right}
.list-btn{padding:10px 13px;border:1px solid #303642;border-radius:10px;background:#171a20}
.watch-sidebar{position:sticky;top:78px;display:flex;flex-direction:column;gap:16px}
.sidebar-box{border:1px solid #292f39;background:#171a20;border-radius:14px;padding:14px}
.sidebar-title{font-size:16px;font-weight:800;margin-bottom:10px}
.sidebar-placeholder,.affiliate-placeholder,.soft-placeholder{min-height:90px;border:1px dashed #3a414d;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:#858e9c;padding:14px}
.hot-list{display:flex;flex-direction:column;gap:10px}
.hot-item{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center}
.hot-item img{width:76px;height:50px;object-fit:cover;border-radius:8px;background:#222}
.hot-item span{font-size:13px;line-height:1.35}
.content-section{margin-top:30px;padding-top:6px;border-top:1px solid #252a34}
.content-section h2{font-size:20px;margin:16px 0}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mini-card{background:#171a20;border:1px solid #292f39;border-radius:12px;overflow:hidden}
.mini-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#222}
.mini-card strong{display:block;padding:10px;font-size:14px;line-height:1.35}
.mobile-only{display:none}
.episode-grid{display:flex;flex-wrap:wrap;gap:8px}
.episode-btn{min-width:42px;text-align:center}
@media(max-width:900px){
  .watch-layout{grid-template-columns:1fr}
  .watch-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}
  .watch-sidebar .sidebar-box:last-child{grid-column:1/-1}
}
@media(max-width:620px){
  .menu-link{display:none}
  .watch-sidebar{grid-template-columns:1fr}
  .watch-sidebar .sidebar-box:last-child{grid-column:auto}
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .episode-nav{grid-template-columns:1fr auto 1fr;font-size:13px}
}

.share-row{display:flex;gap:7px;align-items:center;margin-top:9px;max-width:700px}
.share-input{flex:1;min-width:220px;padding:8px 10px;font-size:13px;color:#bfc6d1}
.copy-btn,.open-btn{border:1px solid #3a424f;background:#20252d;color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;white-space:nowrap}
.copy-btn:hover,.open-btn:hover{background:#2a3039}
@media(max-width:620px){.share-row{flex-wrap:wrap}.share-input{flex-basis:100%}}

.field-hint{font-size:12px;color:#8f98a6;margin-top:6px;line-height:1.45}

.quick-add-card{margin:18px 0;border-color:#394451}
.quick-add-card h2{margin:0 0 5px}
.quick-add-form{display:grid;grid-template-columns:1.25fr 1fr auto;gap:12px;align-items:end}
.quick-field label{margin-top:0}
.quick-action{padding-bottom:1px}
.quick-action .primary-btn{height:44px;white-space:nowrap}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}
.catalog-toolbar h2{margin:0}
#admin-film-search{max-width:360px}
@media(max-width:850px){
  .quick-add-form{grid-template-columns:1fr}
  .quick-action .primary-btn{width:100%}
  .catalog-toolbar{align-items:stretch;flex-direction:column}
  #admin-film-search{max-width:none}
}

.view-count{font-size:12px;color:#9aa3b1;margin:5px 0 3px}
.watch-view-count{font-size:13px;margin-top:9px}
.admin-view-count{display:block;font-size:12px;color:#9da6b4;margin-bottom:3px}
.api-card{margin:18px 0;border-color:#33404c}
.api-card-head{display:flex;justify-content:space-between;gap:18px;align-items:center}
.api-card-head h2{margin:0 0 8px}
.api-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.api-dot{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-weight:900}
.api-dot.good{background:#163e25;color:#67e596}
.api-dot.bad{background:#461f1f;color:#ff7474}
.api-dot.none{background:#303641;color:#9da5b0}
.api-error{color:#ff9494;font-size:12px}
.api-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:14px}
.api-form label{margin-top:0}
.api-remove-form{margin-top:10px}
@media(max-width:700px){
  .api-card-head{align-items:flex-start;flex-direction:column}
  .api-form{grid-template-columns:1fr}
}

.auto-refresh-box{margin-top:16px;padding-top:14px;border-top:1px solid #303742;display:flex;justify-content:space-between;gap:18px;align-items:center}
.auto-refresh-form{display:flex;gap:8px;align-items:center}
.auto-refresh-form select{min-width:110px}
.social-admin-card{margin:18px 0}
.social-add-form{display:grid;grid-template-columns:1.2fr .7fr 1.4fr auto;gap:12px;align-items:end}
.social-add-form label{margin-top:0}
.social-add-action{padding-bottom:1px}
.social-admin-list{margin-top:16px;border-top:1px solid #2d333d}
.social-admin-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #252b34}
.social-admin-row strong{display:block;margin:4px 0}
.social-list{display:flex;flex-direction:column;gap:9px}
.social-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:1px solid #303742;border-radius:10px;background:#12161c}
.social-item:hover{background:#1b2028}
.social-meta{display:flex;flex-direction:column;gap:3px}
.social-meta strong{font-size:13px;line-height:1.3}
.social-type{font-size:10px;color:#929baa;text-transform:uppercase;letter-spacing:.05em}
.social-action{font-size:11px;color:#cbd3de;white-space:nowrap}
.community-home{margin-top:36px;padding-top:20px;border-top:1px solid #252a34}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.community-card{border:1px solid #2d3440;background:#171a20;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px}
.community-card span,.community-card small{font-size:12px;color:#929baa}
.community-card strong{font-size:15px}
@media(max-width:850px){
  .social-add-form{grid-template-columns:1fr 1fr}
  .auto-refresh-box{align-items:flex-start;flex-direction:column}
  .community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .social-add-form{grid-template-columns:1fr}
  .community-grid{grid-template-columns:1fr}
}

.home-ad-slot{margin:8px 0 24px;padding:12px;border:1px solid #2b323d;border-radius:14px;background:#15191f}
.home-ad-bottom{margin-top:28px}
.ad-slot-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8d96a4;margin-bottom:8px}
.home-ad-placeholder{min-height:96px;border:1px dashed #39414d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#828c9a;text-align:center;padding:12px}
.fb-icon{width:26px;height:26px;display:block;color:#1877f2}
.community-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.community-fb-logo,.social-fb-logo{flex:0 0 auto}
.community-card-body{display:flex;flex-direction:column;gap:3px}
.community-card-body strong{font-size:15px}
.community-card-body span{font-size:11px;color:#9099a7}
.community-card-action{font-size:12px;color:#cbd3de;white-space:nowrap}
.social-item{display:grid;grid-template-columns:auto 1fr auto}
.social-meta strong{order:1}
.social-type{order:2}
.ad-admin-card{margin:18px 0}
.ad-settings-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ad-code-box{min-width:0}
.ad-code-box textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;min-height:120px}
.ad-settings-form .primary-btn{grid-column:1/-1;justify-self:start}
@media(max-width:760px){
  .ad-settings-form{grid-template-columns:1fr}
  .community-card{grid-template-columns:auto 1fr}
  .community-card-action{grid-column:2}
}

.ad-network-label{font-size:10px;color:#8d96a4;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.ad-settings-form-v12{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ad-slot-editor,.sitewide-code-box{border:1px solid #2d3540;border-radius:12px;padding:13px;background:#13171d}
.ad-slot-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
.ad-slot-editor-head select{max-width:190px}
.ad-slot-editor textarea,.sitewide-code-box textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;min-height:125px}
.sitewide-code-box{grid-column:1/-1}
.ad-settings-form-v12>.primary-btn{grid-column:1/-1;justify-self:start}
@media(max-width:800px){
  .ad-settings-form-v12{grid-template-columns:1fr}
  .sitewide-code-box{grid-column:auto}
  .ad-settings-form-v12>.primary-btn{grid-column:auto}
  .ad-slot-editor-head{align-items:flex-start;flex-direction:column}
  .ad-slot-editor-head select{max-width:none}
}


/* V13 — Admin 2-column workflow */
.admin-page{max-width:1500px}
.admin-dashboard-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:20px;
  align-items:start;
}
.admin-main-column{min-width:0}
.admin-side-column{
  min-width:0;
  position:sticky;
  top:82px;
  max-height:calc(100vh - 96px);
  overflow:auto;
  padding-right:4px;
  scrollbar-width:thin;
}
.side-column-title{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
  padding:2px 2px 10px;
  color:#dce2eb;
}
.side-column-title strong{font-size:15px}
.side-column-title span{font-size:11px;color:#87919f}
.admin-side-column .utility-card{margin:0 0 14px}
.admin-side-column .utility-card h2{font-size:18px}
.admin-side-column .catalog-toolbar{align-items:flex-start}
.admin-side-column .api-form,
.admin-side-column .social-add-form,
.admin-side-column .ad-settings-form-v12{
  grid-template-columns:1fr;
}
.admin-side-column .sitewide-code-box,
.admin-side-column .ad-settings-form-v12>.primary-btn{
  grid-column:auto;
}
.admin-side-column .ad-slot-editor-head{
  align-items:flex-start;
  flex-direction:column;
}
.admin-side-column .ad-slot-editor-head select{max-width:none}
.admin-side-column .social-add-action .primary-btn,
.admin-side-column .api-form .primary-btn{width:100%}
.admin-side-column .auto-refresh-box{
  align-items:flex-start;
  flex-direction:column;
}
.admin-side-column textarea{min-height:105px}
.admin-main-column>.quick-add-card{
  margin-top:0;
  border-color:#465565;
  box-shadow:0 0 0 1px rgba(255,255,255,.015);
}
.admin-main-column>.quick-add-card h2{font-size:24px}
.admin-main-column .catalog-admin{margin-bottom:30px}

@media(max-width:1180px){
  .admin-dashboard-layout{grid-template-columns:minmax(0,1fr) 340px}
}
@media(max-width:980px){
  .admin-dashboard-layout{grid-template-columns:1fr}
  .admin-side-column{
    position:static;
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
  .side-column-title{margin-top:6px}
}


/* V14 — AdsKeeper staff guidance */
.ad-staff-guide{
  grid-column:1/-1;
  border:1px solid #334353;
  background:#111820;
  border-radius:12px;
  padding:14px;
}
.ad-guide-title{font-weight:800;font-size:15px;margin-bottom:10px}
.ad-guide-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 14px;
  margin-bottom:10px;
}
.ad-guide-grid>div{
  display:flex;
  flex-direction:column;
  gap:3px;
  border:1px solid #293542;
  background:#151b22;
  border-radius:9px;
  padding:9px 10px;
}
.ad-guide-grid strong{font-size:12px;color:#e4e8ee}
.ad-guide-grid span{font-size:11px;color:#9aa4b2}
.slot-help{
  font-size:11px;
  color:#9ba6b4;
  margin-top:4px;
  line-height:1.4;
  max-width:440px;
}
.slot-code-note{
  font-size:10px;
  color:#7f8997;
  margin-top:6px;
}
.under-player-ad{
  margin:16px 0 22px;
  border:1px solid #29313c;
  background:#15191f;
  border-radius:12px;
  padding:12px;
}
@media(max-width:760px){
  .ad-guide-grid{grid-template-columns:1fr}
}


/* V15 — Floating Facebook buttons */
.floating-social-stack{
  position:fixed;
  right:16px;
  bottom:88px;
  z-index:9998;
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:flex-end;
}
.floating-social-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:50%;
  text-decoration:none;
  background:transparent;
}
.floating-social-pulse{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:rgba(24,119,242,.17);
  animation:fbPulse 1.8s ease-out infinite;
  box-shadow:0 0 0 1px rgba(24,119,242,.08) inset;
}
.floating-social-icon{
  position:relative;
  z-index:2;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 24px rgba(0,0,0,.28);
  overflow:hidden;
}
.floating-social-icon .fb-icon{
  width:28px;
  height:28px;
  color:#1877f2;
}
.floating-social-label{
  position:absolute;
  right:64px;
  top:50%;
  transform:translateY(-50%);
  min-width:150px;
  max-width:240px;
  background:#111821;
  border:1px solid #2f3b49;
  color:#fff;
  border-radius:12px;
  padding:8px 10px;
  box-shadow:0 12px 24px rgba(0,0,0,.26);
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
}
.floating-social-label strong{
  display:block;
  font-size:12px;
  line-height:1.2;
  margin-bottom:2px;
}
.floating-social-label small{
  display:block;
  font-size:11px;
  color:#aab4c1;
  line-height:1.3;
}
.floating-social-btn:hover .floating-social-label,
.floating-social-btn:focus-visible .floating-social-label{
  opacity:1;
  transform:translateY(-50%) translateX(-4px);
}
@keyframes fbPulse{
  0%{transform:scale(.92);opacity:.85}
  70%{transform:scale(1.28);opacity:0}
  100%{transform:scale(1.28);opacity:0}
}
@media(max-width:768px){
  .floating-social-stack{
    right:14px;
    bottom:94px;
    gap:10px;
  }
  .floating-social-btn{width:52px;height:52px}
  .floating-social-icon{width:44px;height:44px}
  .floating-social-icon .fb-icon{width:24px;height:24px}
  .floating-social-label{
    display:none;
  }
}


/* V16 — Admin workflow order */
.admin-page{max-width:1280px}
.admin-workflow{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.admin-workflow>.admin-card,
.admin-workflow>.admin-columns,
.admin-workflow>.workflow-section-header{
  margin:0;
}
.workflow-step{
  display:inline-flex;
  width:28px;
  height:28px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  background:#eef2f7;
  color:#111820;
  font-size:13px;
  font-weight:900;
  vertical-align:middle;
  margin-right:7px;
}
.workflow-section-header{
  margin-top:4px!important;
  padding:4px 2px 0;
}
.workflow-section-header h2{
  margin:0 0 4px;
  font-size:20px;
}
.workflow-section-header p{
  margin:0;
  color:#919ba9;
  font-size:13px;
}
.admin-workflow .quick-add-card{
  order:1;
  border-color:#465565;
}
.admin-workflow .social-admin-card{order:2}
.admin-workflow .api-card{order:3}
.admin-workflow .ad-admin-card{order:4}
.admin-workflow .workflow-section-header{order:5}
.admin-workflow .admin-columns{order:6}
.admin-workflow .catalog-admin{order:7}

/* Disable old sticky/two-column admin behavior from V13. */
.admin-dashboard-layout{display:block!important}
.admin-main-column,.admin-side-column{
  display:block!important;
  position:static!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}
.side-column-title{display:none!important}

/* Keep settings compact. */
.api-card,.social-admin-card,.ad-admin-card{scroll-margin-top:80px}
.ad-admin-card textarea{min-height:100px}
@media(max-width:850px){
  .admin-workflow{gap:12px}
  .workflow-step{width:25px;height:25px;font-size:12px}
}


/* V17 — Admin tabs */
.admin-title-row{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:10px}
.admin-title-row h1{margin:0 0 4px}
.admin-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:16px 0 18px;
  padding:6px;
  background:#12161c;
  border:1px solid #29313b;
  border-radius:13px;
  position:sticky;
  top:58px;
  z-index:30;
}
.admin-tab-btn{
  border:1px solid transparent;
  background:transparent;
  color:#aab3c0;
  border-radius:9px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:750;
}
.admin-tab-btn:hover{background:#1a2028;color:#fff}
.admin-tab-btn.active{background:#f4f6f8;color:#111820;border-color:#fff}
.admin-tab-panel{display:none}
.admin-tab-panel.active{display:block}
.money-grid,.settings-grid{display:grid;grid-template-columns:1fr;gap:16px}
.section-title-row{display:flex;justify-content:space-between;gap:16px;align-items:start}
.rotate-form{display:flex;gap:7px;align-items:end;flex-wrap:wrap}
.rotate-form label{margin:0;font-size:11px;color:#919baa}
.rotate-form select{width:auto;min-width:105px}

/* Shopee admin */
.shop-add-form{margin-top:16px}
.shop-meta-grid{display:grid;grid-template-columns:1fr 180px;gap:12px}
.shop-admin-list{margin-top:18px;border-top:1px solid #2b323c}
.shop-admin-row{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #252c35;
}
.shop-admin-row.disabled{opacity:.45}
.shop-admin-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#20252c;display:flex;align-items:center;justify-content:center}
.shop-admin-thumb img{width:100%;height:100%;object-fit:cover}
.shop-admin-thumb span{font-size:26px}
.shop-admin-info{min-width:0}
.shop-admin-info strong{display:block;line-height:1.35}
.shop-admin-info span{display:block;color:#ff9b55;font-weight:800;margin-top:4px}
.shop-admin-info small{display:block;color:#778290;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-admin-actions{display:flex;gap:7px;align-items:center}

/* Shopee rotating card */
.shop-sidebar-title{display:flex;align-items:center;gap:7px}
.shop-live-dot{
  width:8px;height:8px;border-radius:50%;
  background:#ff6a2b;
  box-shadow:0 0 0 0 rgba(255,106,43,.55);
  animation:shopDotPulse 1.5s infinite;
}
.shop-rotator{position:relative;min-height:250px}
.shop-product-card{
  display:none;
  color:inherit;
  text-decoration:none;
  border-radius:11px;
  overflow:hidden;
  border:1px solid #353d48;
  background:#11161c;
}
.shop-product-card.active{
  display:block;
  animation:shopCardIn .35s ease, shopCardGlow 1.9s ease-in-out infinite;
}
.shop-product-image{aspect-ratio:1/1;background:#20252c;overflow:hidden}
.shop-product-image img{width:100%;height:100%;display:block;object-fit:cover}
.shop-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:46px}
.shop-product-info{padding:11px}
.shop-product-info strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:13px;
  line-height:1.4;
}
.shop-price{display:block;color:#ff7a2f;font-size:16px;font-weight:900;margin:7px 0}
.shop-cta{
  display:inline-block;
  margin-top:5px;
  background:#ee4d2d;
  color:#fff;
  border-radius:8px;
  padding:7px 9px;
  font-size:12px;
  font-weight:800;
}
@keyframes shopDotPulse{
  0%{box-shadow:0 0 0 0 rgba(255,106,43,.5)}
  70%{box-shadow:0 0 0 8px rgba(255,106,43,0)}
  100%{box-shadow:0 0 0 0 rgba(255,106,43,0)}
}
@keyframes shopCardGlow{
  0%,100%{box-shadow:0 0 0 rgba(238,77,45,0)}
  50%{box-shadow:0 0 18px rgba(238,77,45,.16)}
}
@keyframes shopCardIn{
  from{opacity:.25;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .shop-live-dot,.shop-product-card.active{animation:none}
}
@media(max-width:760px){
  .admin-tabs{top:50px;overflow-x:auto;flex-wrap:nowrap}
  .admin-tab-btn{white-space:nowrap}
  .shop-meta-grid{grid-template-columns:1fr}
  .shop-admin-row{grid-template-columns:58px 1fr}
  .shop-admin-thumb{width:58px;height:58px}
  .shop-admin-actions{grid-column:1/-1;justify-content:flex-end}
  .section-title-row{flex-direction:column}
}


/* V18 — Compact Shopee admin */
.compact-shop-form{
  margin-top:12px;
  padding:0;
}
.shop-quick-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
}
.shop-quick-input{min-width:0}
.shop-quick-input input{height:44px}
.shop-add-btn{
  height:44px;
  min-width:96px;
  white-space:nowrap;
}
.shop-advanced{
  margin-top:9px;
  border:1px solid #2b333e;
  border-radius:10px;
  background:#12171d;
  overflow:hidden;
}
.shop-advanced summary{
  cursor:pointer;
  list-style:none;
  padding:9px 11px;
  color:#aab4c1;
  font-size:12px;
  user-select:none;
}
.shop-advanced summary::-webkit-details-marker{display:none}
.shop-advanced summary:before{
  content:"+";
  display:inline-block;
  width:16px;
  margin-right:4px;
  font-weight:900;
}
.shop-advanced[open] summary:before{content:"−"}
.shop-advanced[open]{
  padding-bottom:11px;
}
.shop-advanced[open] .shop-meta-grid,
.shop-advanced[open] > label,
.shop-advanced[open] > input{
  margin-left:11px;
  margin-right:11px;
}
.shop-advanced .shop-meta-grid{
  grid-template-columns:minmax(0,1fr) 150px;
}
.compact-shop-list{margin-top:12px}
.compact-shop-list .shop-admin-row{
  grid-template-columns:48px minmax(0,1fr) auto;
  padding:8px 0;
  gap:9px;
}
.compact-shop-list .shop-admin-thumb{
  width:48px;
  height:48px;
  border-radius:8px;
}
.compact-shop-list .shop-admin-info strong{
  font-size:13px;
}
.compact-shop-list .shop-admin-info span{
  font-size:12px;
  margin-top:2px;
}
.compact-shop-list .shop-admin-info small{
  font-size:10px;
  margin-top:2px;
}
.compact-shop-list .shop-admin-actions button{
  padding:6px 8px;
  font-size:11px;
}
@media(max-width:650px){
  .shop-quick-row{grid-template-columns:1fr}
  .shop-add-btn{width:100%}
  .shop-advanced .shop-meta-grid{grid-template-columns:1fr}
  .compact-shop-list .shop-admin-row{
    grid-template-columns:42px 1fr;
  }
  .compact-shop-list .shop-admin-thumb{
    width:42px;height:42px;
  }
}


/* V19 compact inline affiliate under player */
.shop-inline-section{padding-top:12px}
.shop-inline-title{display:flex;align-items:center;gap:7px;font-weight:800;margin-bottom:10px}
.shop-inline-rotator{position:relative;min-height:100px}
.shop-inline-card{
  display:none;
  grid-template-columns:74px minmax(0,1fr);
  gap:12px;
  align-items:center;
  text-decoration:none;
  color:#fff;
  background:#151b22;
  border:1px solid #2a313b;
  border-radius:14px;
  padding:10px;
}
.shop-inline-card.active{
  display:grid;
  animation:shopCardIn .35s ease, shopCardGlow 1.9s ease-in-out infinite;
}
.shop-inline-thumb{
  width:74px;height:74px;border-radius:12px;overflow:hidden;background:#20252c;flex:0 0 74px;
}
.shop-inline-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.shop-inline-info{min-width:0}
.shop-inline-info strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:15px;
  line-height:1.35;
}
.shop-inline-info .shop-price{margin:4px 0 3px;font-size:15px}
.shop-inline-info .shop-cta{font-size:13px}

/* hide old big sidebar shop card in V19 */
.shop-sidebar-box{display:none !important}

@media (max-width:700px){
  .shop-inline-card{grid-template-columns:64px minmax(0,1fr);padding:9px;gap:10px}
  .shop-inline-thumb{width:64px;height:64px;border-radius:10px}
  .shop-inline-info strong{font-size:14px;-webkit-line-clamp:2}
  .shop-inline-info .shop-price{font-size:14px}
  .shop-inline-info .shop-cta{font-size:12px}
  .shop-inline-rotator{min-height:90px}
}


/* V20 FINAL OVERRIDES — force compact Shopee */
.shop-inline-section{
  margin:14px 0 22px !important;
  padding:0 !important;
  border-top:0 !important;
}
.shop-inline-title{
  font-size:14px !important;
  margin:0 0 8px !important;
}
.shop-inline-rotator{
  min-height:82px !important;
  max-width:100% !important;
}
.shop-inline-card,
.shop-inline-card.active{
  width:100% !important;
  max-width:100% !important;
  min-height:78px !important;
  grid-template-columns:64px minmax(0,1fr) !important;
  gap:10px !important;
  padding:8px !important;
  border-radius:10px !important;
  overflow:hidden !important;
}
.shop-inline-card:not(.active){display:none !important}
.shop-inline-card.active{display:grid !important}
.shop-inline-thumb{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  max-width:64px !important;
  min-height:64px !important;
  max-height:64px !important;
  border-radius:8px !important;
  overflow:hidden !important;
}
.shop-inline-thumb img{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  max-width:64px !important;
  min-height:64px !important;
  max-height:64px !important;
  object-fit:cover !important;
  display:block !important;
}
.shop-inline-info{
  min-width:0 !important;
  overflow:hidden !important;
}
.shop-inline-info strong{
  font-size:13px !important;
  line-height:1.3 !important;
  margin:0 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.shop-inline-info .shop-price{
  font-size:13px !important;
  margin:3px 0 !important;
}
.shop-inline-info .shop-cta{
  font-size:11px !important;
  padding:4px 7px !important;
  margin-top:2px !important;
}
.shop-sidebar-box{display:none !important}

/* Admin product list: hard cap thumbnail */
.shop-admin-thumb{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  overflow:hidden !important;
  border-radius:8px !important;
}
.shop-admin-thumb img{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  object-fit:cover !important;
  display:block !important;
}
.shop-admin-row{
  grid-template-columns:52px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:9px !important;
}
.shop-admin-info{
  min-width:0 !important;
  overflow:hidden !important;
}
.shop-admin-info small{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* PHP tabs */
.admin-tabs-v20{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:16px 0 18px;
  padding:6px;
  border:1px solid #29313b;
  background:#12161c;
  border-radius:12px;
}
.admin-tabs-v20 a{
  text-decoration:none;
  color:#aeb7c4;
  padding:10px 14px;
  border-radius:8px;
  font-weight:750;
  border:1px solid transparent;
}
.admin-tabs-v20 a:hover{
  color:#fff;
  background:#1b2129;
}
.admin-tabs-v20 a.active{
  color:#111820;
  background:#f4f6f8;
  border-color:#fff;
}
.admin-tab-panel-v20{display:none}
.admin-tab-panel-v20.active{display:block}

@media(max-width:700px){
  .shop-inline-card,
  .shop-inline-card.active{
    grid-template-columns:56px minmax(0,1fr) !important;
    min-height:70px !important;
  }
  .shop-inline-thumb,
  .shop-inline-thumb img{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    max-width:56px !important;
    min-height:56px !important;
    max-height:56px !important;
  }
  .admin-tabs-v20{
    overflow-x:auto;
    flex-wrap:nowrap;
  }
  .admin-tabs-v20 a{white-space:nowrap}
}


/* V21 — compact Facebook + 2 affiliate preview cards on homepage */
.home-community-offers{
  margin:28px 0 34px;
  padding-top:18px;
  border-top:1px solid #252c35;
}
.home-community-offers h2{
  margin:0 0 14px;
  font-size:22px;
}
.home-community-offers-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.home-community-card,
.home-product-preview{
  min-width:0;
  min-height:100px;
  border:1px solid #2d3540;
  background:#171b21;
  border-radius:12px;
  overflow:hidden;
  color:#fff;
  text-decoration:none;
}
.home-community-card{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:14px;
}
.home-facebook-dot{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:#1877f2;color:#fff;
  font:bold 24px Arial,sans-serif;
}
.home-community-copy{min-width:0}
.home-community-copy strong{
  display:block;font-size:14px;line-height:1.35;
}
.home-community-copy span{
  display:block;color:#8f99a7;font-size:11px;margin-top:3px;
}
.home-card-arrow{font-size:18px;color:#aab4c0}
.home-product-preview{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  align-items:stretch;
}
.home-product-thumb{
  width:82px;height:100%;
  min-height:100px;
  display:flex;align-items:center;justify-content:center;
  background:#20252c;
  overflow:hidden;
}
.home-product-thumb img{
  width:82px!important;height:100%!important;
  min-height:100px!important;
  object-fit:cover!important;
  display:block!important;
}
.home-product-thumb span{font-size:30px}
.home-product-copy{
  min-width:0;
  padding:10px 11px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.home-product-copy small{
  color:#8e98a5;
  font-size:10px;
  letter-spacing:.04em;
  margin-bottom:4px;
}
.home-product-copy strong{
  font-size:13px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.home-product-copy b{
  color:#ff7640;
  font-size:13px;
  margin-top:5px;
}

/* Product card under video: look like compact link preview */
.shop-domain-label{
  display:block;
  color:#8994a2;
  font-size:10px;
  letter-spacing:.04em;
  margin-bottom:3px;
}

/* Admin edit product */
.shop-edit-details{position:relative}
.shop-edit-details summary{
  cursor:pointer;
  list-style:none;
  border:1px solid #3a4350;
  border-radius:7px;
  padding:6px 8px;
  font-size:11px;
}
.shop-edit-details summary::-webkit-details-marker{display:none}
.shop-edit-form{
  position:absolute;
  right:0;
  top:36px;
  width:330px;
  z-index:20;
  display:grid;
  gap:7px;
  padding:10px;
  background:#11161c;
  border:1px solid #36404d;
  border-radius:10px;
  box-shadow:0 14px 30px rgba(0,0,0,.35);
}
.shop-edit-form input{font-size:12px}

/* Never let generic marketplace images blow up */
.home-product-preview img,
.shop-inline-card img,
.shop-admin-row img{
  max-width:100%!important;
}

@media(max-width:900px){
  .home-community-offers-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .home-community-offers-grid{grid-template-columns:1fr}
  .home-product-preview{grid-template-columns:72px minmax(0,1fr)}
  .home-product-thumb{width:72px;min-height:86px}
  .home-product-thumb img{width:72px!important;min-height:86px!important}
  .shop-edit-form{
    position:fixed;
    left:12px;right:12px;top:auto;bottom:12px;
    width:auto;
  }
}


/* V22 — Facebook-style link preview */
.shop-live-preview{
  margin-top:10px;
  max-width:620px;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  min-height:86px;
  border:1px solid #343c47;
  border-radius:12px;
  overflow:hidden;
  background:#171c23;
}
.shop-live-preview[hidden]{display:none!important}
.shop-live-preview-thumb{
  width:86px;
  height:86px;
  background:#222832;
  overflow:hidden;
}
.shop-live-preview-thumb img{
  width:86px!important;
  height:86px!important;
  display:block!important;
  object-fit:cover!important;
}
.shop-live-preview-copy{
  min-width:0;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.shop-live-preview-copy small{
  color:#909aa7;
  font-size:10px;
  margin-bottom:4px;
}
.shop-live-preview-copy strong{
  font-size:13px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.shop-live-preview-copy span{
  color:#ff7640;
  font-size:13px;
  font-weight:800;
  margin-top:4px;
}

@media(max-width:620px){
  .shop-live-preview{
    grid-template-columns:72px minmax(0,1fr);
    min-height:78px;
  }
  .shop-live-preview-thumb,
  .shop-live-preview-thumb img{
    width:72px!important;
    height:78px!important;
  }
}

/* V23 AdsKeeper head code */
.adskeeper-head-box{
  border-color:#5a4731!important;
  background:#191712!important;
}
.adskeeper-head-box label{
  color:#ffd59a;
  font-weight:800;
}

/* V24 external preview state */
#shop-meta-status{min-height:18px}


/* V25 — 2 products under video + compact product ABOVE AdsKeeper */
.shop-pair-rotator{
  position:relative!important;
  width:100%!important;
  min-height:92px!important;
}
.shop-product-pair{
  display:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.shop-product-pair.active{
  display:grid!important;
  animation:shopCardIn .3s ease!important;
}
.shop-product-pair.single{
  grid-template-columns:1fr!important;
}
.shop-product-pair.single .shop-inline-card{
  max-width:100%!important;
}

/* override old one-card active rules */
.shop-product-pair .shop-inline-card,
.shop-product-pair .shop-inline-card:not(.active),
.shop-product-pair .shop-inline-card.active{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:82px!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  padding:8px!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#151b22!important;
  border:1px solid #2d3540!important;
  color:#fff!important;
  text-decoration:none!important;
}
.shop-product-pair .shop-inline-card:hover{
  border-color:#465364!important;
  background:#181e26!important;
}
.shop-product-pair .shop-inline-info strong{
  font-size:12px!important;
  line-height:1.3!important;
  -webkit-line-clamp:2!important;
}
.shop-product-pair .shop-inline-info .shop-price{
  font-size:12px!important;
}
.shop-product-pair .shop-inline-info .shop-cta{
  font-size:10px!important;
  padding:3px 6px!important;
}

/* Compact product box above AdsKeeper */
.shop-sidebar-box{display:none!important}
.sidebar-shop-compact{
  display:block!important;
  padding:12px!important;
}
.sidebar-shop-rotator{
  position:relative!important;
  min-height:62px!important;
}
.sidebar-shop-card{
  display:none!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  min-height:62px!important;
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid #2c3440!important;
  background:#12171d!important;
  border-radius:9px!important;
  padding:6px!important;
}
.sidebar-shop-card.active{
  display:grid!important;
  animation:shopCardIn .3s ease, shopCardGlow 2s ease-in-out infinite!important;
}
.sidebar-shop-thumb{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  overflow:hidden!important;
  border-radius:7px!important;
  background:#20252c!important;
}
.sidebar-shop-thumb img{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  object-fit:cover!important;
  display:block!important;
}
.sidebar-shop-info{
  min-width:0!important;
  overflow:hidden!important;
}
.sidebar-shop-info small{
  display:block!important;
  color:#7f8997!important;
  font-size:9px!important;
  letter-spacing:.04em!important;
  margin-bottom:2px!important;
}
.sidebar-shop-info strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.sidebar-shop-info span{
  display:block!important;
  color:#ff7a36!important;
  font-size:11px!important;
  font-weight:900!important;
  margin-top:3px!important;
}
.sidebar-ad-box{
  margin-top:12px!important;
}

@media(max-width:760px){
  .shop-product-pair,
  .shop-product-pair.active{
    grid-template-columns:1fr!important;
  }
  .shop-pair-rotator{
    min-height:176px!important;
  }
}


/* V26 resolver */
.resolver-card{
  border-color:#33465a!important;
}
.resolver-card .summary{
  max-width:780px;
}


/* V27 — Paste-only Facebook Page/Group */
.social-one-link-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
  margin-top:14px;
}
.social-link-field{min-width:0}
.social-one-link-form .primary-btn{
  height:44px;
  min-width:100px;
}
.social-preview-admin-row{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.social-admin-avatar{
  width:46px;
  height:46px;
  border-radius:50%;
  overflow:hidden;
  background:#1877f2;
  display:flex;
  align-items:center;
  justify-content:center;
}
.social-admin-avatar img{
  width:46px!important;
  height:46px!important;
  object-fit:cover!important;
  display:block!important;
}
.social-admin-avatar span{
  color:#fff;
  font:bold 29px Arial,sans-serif;
}
.social-admin-info{min-width:0}
.social-admin-info strong{
  display:block;
  margin-top:3px;
}
.social-admin-actions{
  display:flex;
  gap:7px;
  align-items:center;
}

/* Home Facebook widget, inspired by compact Page plugin */
.facebook-page-widget{
  min-height:100px!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:13px!important;
  align-items:center!important;
}
.home-facebook-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  overflow:hidden;
  background:#1877f2;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 52px;
}
.home-facebook-avatar img{
  width:52px!important;
  height:52px!important;
  object-fit:cover!important;
  display:block!important;
}
.home-facebook-avatar span{
  color:#fff;
  font:bold 34px Arial,sans-serif;
}
.facebook-page-widget .home-community-copy strong{
  font-size:14px!important;
  line-height:1.3!important;
}
.facebook-page-widget .home-community-copy span{
  font-size:11px!important;
  color:#8793a2!important;
}
.facebook-follow-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 9px;
  border-radius:7px;
  border:1px solid #35404d;
  background:#11161c;
  color:#dfe7f2;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.facebook-page-widget:hover .facebook-follow-chip{
  background:#1877f2;
  border-color:#1877f2;
  color:#fff;
}

@media(max-width:650px){
  .social-one-link-form{
    grid-template-columns:1fr;
  }
  .social-one-link-form .primary-btn{
    width:100%;
  }
  .social-preview-admin-row{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  .social-admin-avatar,
  .social-admin-avatar img{
    width:42px!important;
    height:42px!important;
  }
  .social-admin-actions{
    grid-column:1/-1;
    justify-content:flex-end;
  }
  .facebook-page-widget{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  .home-facebook-avatar,
  .home-facebook-avatar img{
    width:46px!important;
    height:46px!important;
  }
  .facebook-follow-chip{
    grid-column:1/-1;
    width:100%;
  }
}


/* V28 — Editorial content */
.film-intro-section{
  border-top:1px solid #252c35;
  padding-top:22px;
}
.film-intro-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.film-intro-head h2{margin:0 0 4px}
.film-intro-sub{font-size:12px;color:#8d98a6}
.youtube-source-btn{
  flex:0 0 auto;
  text-decoration:none;
  border-radius:8px;
  background:#ff0033;
  color:#fff;
  padding:9px 12px;
  font-size:12px;
  font-weight:800;
}
.film-intro-text{
  margin-top:14px;
  color:#cdd5df;
  line-height:1.72;
  font-size:14px;
}
.film-intro-text.collapsed{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.film-intro-toggle{
  margin-top:9px;
  border:0;
  background:transparent;
  color:#8cbcff;
  cursor:pointer;
  padding:0;
  font-weight:700;
}
.film-intro-empty{
  margin-top:14px;
  border:1px solid #2b333e;
  background:#14191f;
  border-radius:10px;
  padding:12px;
  color:#9ba6b4;
  line-height:1.55;
}

.film-intro-editor{
  margin:10px 0;
  border:1px solid #2c3440;
  border-radius:9px;
  background:#12171d;
}
.film-intro-editor summary{
  cursor:pointer;
  padding:9px 11px;
  font-weight:700;
}
.film-intro-form{
  padding:0 11px 11px;
}
.film-intro-form textarea{width:100%}

.article-admin-form label{margin-top:12px}
.article-admin-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.article-admin-list{margin-top:8px}
.article-admin-row{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid #252c35;
}
.article-admin-thumb{
  width:64px;height:64px;border-radius:8px;overflow:hidden;
  background:#20252c;display:flex;align-items:center;justify-content:center;
}
.article-admin-thumb img{width:64px;height:64px;object-fit:cover;display:block}
.article-admin-copy{min-width:0}
.article-admin-copy strong{display:block}
.article-admin-copy small{
  display:block;color:#8792a0;margin:4px 0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.article-admin-copy a{font-size:11px;color:#8cbcff}

.article-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.article-card{
  display:block;
  text-decoration:none;
  color:#fff;
  border:1px solid #2c3440;
  background:#151a20;
  border-radius:10px;
  overflow:hidden;
}
.article-card img{
  width:100%;aspect-ratio:16/9;object-fit:cover;display:block;
}
.article-card-copy{padding:10px}
.article-card-copy strong{
  display:block;font-size:13px;line-height:1.35;
}
.article-card-copy span{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;color:#8f99a7;font-size:11px;line-height:1.4;margin-top:4px;
}

.home-articles-section{
  margin:30px 0;
  padding-top:20px;
  border-top:1px solid #252c35;
}
.home-section-head{
  display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;
}
.home-section-head h2{margin:0 0 4px}
.home-section-head p{margin:0;color:#8e98a6;font-size:12px}
.home-section-head a{color:#8cbcff;text-decoration:none;font-size:12px}
.home-article-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
.home-article-card{
  display:grid;
  grid-template-columns:108px minmax(0,1fr);
  min-height:88px;
  border:1px solid #2c3440;
  border-radius:10px;
  overflow:hidden;
  background:#151a20;
  color:#fff;
  text-decoration:none;
}
.home-article-card img{
  width:108px;height:100%;min-height:88px;object-fit:cover;display:block;
}
.home-article-card>div{padding:10px}
.home-article-card strong{
  display:block;font-size:13px;line-height:1.35;
}
.home-article-card span{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;color:#8f99a7;font-size:11px;line-height:1.4;margin-top:4px;
}

.article-page,.articles-page,.legal-page{
  max-width:900px;
  margin:32px auto 50px;
  padding:0 18px;
}
.article-detail{
  background:#12171d;
  border:1px solid #29313b;
  border-radius:14px;
  padding:24px;
}
.article-breadcrumb{
  font-size:11px;color:#7f8a98;margin-bottom:12px;
}
.article-breadcrumb a{color:#8cbcff;text-decoration:none}
.article-detail h1{font-size:30px;line-height:1.25;margin:0 0 10px}
.article-lead{font-size:16px;color:#aab4c0;line-height:1.55}
.article-cover{
  width:100%;max-height:480px;object-fit:cover;border-radius:12px;margin:18px 0;
}
.article-body{
  color:#d2dae4;font-size:15px;line-height:1.8;
}
.article-related-film{
  margin-top:24px;
  display:flex;justify-content:space-between;gap:14px;align-items:center;
  border:1px solid #2c3440;border-radius:10px;padding:12px;
}
.article-related-film small{display:block;color:#7f8997;margin-bottom:3px}
.article-related-film strong{display:block}
.article-related-film a{
  text-decoration:none;background:#f4f6f8;color:#111820;
  padding:8px 11px;border-radius:8px;font-weight:800;font-size:12px;
}

.articles-heading{margin-bottom:18px}
.articles-heading h1{margin-bottom:4px}
.articles-heading p{margin:0;color:#8e98a6}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.article-list-card{
  display:block;text-decoration:none;color:#fff;
  border:1px solid #2c3440;background:#151a20;border-radius:11px;overflow:hidden;
}
.article-list-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.article-list-card>div{padding:12px}
.article-list-card strong{display:block;line-height:1.35}
.article-list-card span{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;color:#8e98a6;font-size:12px;line-height:1.5;margin-top:5px;
}

.legal-page{
  color:#cbd4df;
  line-height:1.75;
}
.legal-page h1{color:#fff}
.footer-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:10px;
}
.footer-links a{
  color:#9aa5b2;
  font-size:11px;
  text-decoration:none;
}
.footer-links a:hover{color:#fff}

@media(max-width:760px){
  .film-intro-head{flex-direction:column}
  .youtube-source-btn{width:100%;text-align:center}
  .article-admin-two-col{grid-template-columns:1fr}
  .article-card-grid,.home-article-grid,.articles-grid{grid-template-columns:1fr}
  .article-admin-row{grid-template-columns:54px minmax(0,1fr)}
  .article-admin-row form{grid-column:1/-1;justify-self:end}
  .home-article-card{grid-template-columns:92px minmax(0,1fr)}
  .home-article-card img{width:92px}
  .article-detail{padding:16px}
  .article-detail h1{font-size:24px}
}


/* =========================================================
   V29 — film detail, 3-field admin, Facebook sidebar
   ========================================================= */

.card-summary{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#8f99a7;
  font-size:12px;
  line-height:1.45;
  min-height:34px;
  margin:4px 0 7px;
}

.quick-add-heading{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.quick-add-heading h2{margin-top:0}
.quick-three-chip{
  flex:0 0 auto;
  border:1px solid #37404d;
  background:#11161c;
  color:#9fb0c4;
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:800;
}
.quick-add-form-v29{
  max-width:760px;
}
.quick-add-form-v29 label b{color:#ff6e7d}
.quick-add-form-v29 label span{
  color:#7f8996;
  font-size:11px;
  font-weight:400;
}
.quick-publish-btn{
  margin-top:18px;
  min-width:180px;
}
.quick-youtube-preview{
  grid-template-columns:150px minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin:12px 0 18px;
  border:1px solid #303844;
  background:#11161c;
  border-radius:12px;
  overflow:hidden;
}
.quick-youtube-preview:not([hidden]){display:grid}
.quick-youtube-preview img{
  width:150px;
  aspect-ratio:16/9;
  height:100%;
  min-height:92px;
  object-fit:cover;
  background:#20252d;
}
.quick-youtube-preview>div{padding:11px 12px 11px 0}
.quick-youtube-preview strong{
  display:block;
  line-height:1.35;
  font-size:14px;
}
.quick-youtube-preview span,
.quick-youtube-preview small{
  display:block;
  color:#8994a2;
  font-size:11px;
  margin-top:4px;
}
.quick-youtube-preview p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#a9b2be;
  font-size:11px;
  line-height:1.45;
  margin:7px 0 0;
}
.admin-advanced-tools{
  margin:16px 0;
  border:1px solid #2c333d;
  border-radius:12px;
  background:#12171d;
}
.admin-advanced-tools>summary{
  cursor:pointer;
  padding:12px 14px;
  color:#aab4c1;
  font-size:12px;
  font-weight:700;
}
.admin-advanced-inner{
  padding:0 14px 14px;
}

/* Detail page before player */
.film-detail-hero{
  position:relative;
  min-height:440px;
  margin:-18px -18px 0;
  overflow:hidden;
  border-bottom:1px solid #252b34;
  background:#11151a;
}
.film-detail-backdrop{
  position:absolute;
  inset:-30px;
  background-size:cover;
  background-position:center;
  filter:blur(12px);
  opacity:.42;
  transform:scale(1.06);
}
.film-detail-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(10,12,16,.97) 0%,rgba(10,12,16,.88) 38%,rgba(10,12,16,.48) 72%,rgba(10,12,16,.9) 100%),
    linear-gradient(0deg,#0f1115 0%,rgba(15,17,21,.15) 55%,rgba(15,17,21,.35) 100%);
}
.film-detail-inner{
  position:relative;
  z-index:1;
  max-width:1100px;
  min-height:440px;
  margin:auto;
  padding:54px 30px 44px;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:34px;
  align-items:center;
}
.film-detail-poster-wrap{align-self:center}
.film-detail-poster{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
  border-radius:14px;
  box-shadow:0 18px 55px rgba(0,0,0,.42);
}
.film-detail-kicker{
  color:#ff5573;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:9px;
}
.film-detail-copy h1{
  margin:0;
  font-size:38px;
  line-height:1.15;
  max-width:760px;
}
.film-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0;
}
.film-detail-meta span{
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(13,17,22,.55);
  border-radius:7px;
  color:#c0c8d2;
  font-size:11px;
}
.film-detail-summary{
  color:#c0c8d2;
  line-height:1.68;
  font-size:14px;
  max-width:720px;
  margin:15px 0 0;
  white-space:normal;
}
.film-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.film-watch-primary,
.film-source-secondary,
.film-watch-disabled{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:9px;
  padding:0 17px;
  font-weight:850;
  font-size:13px;
}
.film-watch-primary{
  background:#ff3155;
  color:#fff;
}
.film-source-secondary{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(16,20,25,.68);
  color:#fff;
}
.film-watch-disabled{
  background:#272d35;
  color:#828c98;
}
.film-detail-section{
  margin:30px 0;
}
.film-detail-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
  margin-bottom:12px;
}
.film-detail-section-head h2{margin:0}
.film-detail-section-head span{
  color:#7f8997;
  font-size:11px;
}
.film-detail-episodes{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
}
.film-detail-episodes a{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #2c333d;
  background:#151a20;
  border-radius:9px;
  padding:9px 10px;
}
.film-detail-episodes b{
  display:grid;
  place-items:center;
  width:25px;height:25px;
  flex:0 0 auto;
  background:#242b34;
  border-radius:6px;
  font-size:11px;
}
.film-detail-episodes span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#b9c2cd;
  font-size:11px;
}
.film-detail-related{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.film-detail-related a{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:5px 10px;
  min-width:0;
  border:1px solid #2b323c;
  background:#151a20;
  border-radius:10px;
  overflow:hidden;
  padding-right:10px;
}
.film-detail-related img{
  grid-row:1/3;
  width:120px;
  height:84px;
  object-fit:cover;
  display:block;
}
.film-detail-related strong{
  align-self:end;
  padding-top:9px;
  font-size:12px;
  line-height:1.3;
}
.film-detail-related span{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#87919e;
  font-size:10px;
  line-height:1.35;
}

/* Facebook sidebar: product -> Facebook -> ad -> hot films */
.sidebar-facebook-box{
  padding:0;
  overflow:hidden;
}
.sidebar-facebook-box>.sidebar-title{
  padding:12px 12px 0;
}
.sidebar-facebook-rotator{
  position:relative;
  min-height:92px;
}
.sidebar-facebook-card{
  display:none;
  grid-template-columns:54px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 12px 13px;
}
.sidebar-facebook-card.active{display:grid}
.sidebar-facebook-avatar{
  width:54px;height:54px;
  border-radius:50%;
  overflow:hidden;
  background:#1877f2;
  display:grid;
  place-items:center;
}
.sidebar-facebook-avatar img{
  width:54px;height:54px;
  object-fit:cover;
  display:block;
}
.sidebar-facebook-avatar span{
  width:54px;height:54px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:31px;
  font-weight:900;
  font-family:Arial,sans-serif;
}
.sidebar-facebook-info{min-width:0}
.sidebar-facebook-info small{
  display:block;
  color:#7f8b9a;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.sidebar-facebook-info strong{
  display:block;
  margin:2px 0 6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:12px;
}
.sidebar-facebook-info span{
  display:inline-block;
  color:#8cbcff;
  font-size:10px;
  font-weight:750;
}

/* Never visually surface a scraped "Error" name */
.social-admin-info strong:empty:after{content:"Facebook"}

@media(max-width:850px){
  .film-detail-hero{
    margin:-12px -12px 0;
    min-height:0;
  }
  .film-detail-inner{
    min-height:0;
    grid-template-columns:190px minmax(0,1fr);
    padding:34px 22px 30px;
    gap:22px;
  }
  .film-detail-copy h1{font-size:30px}
  .film-detail-episodes{grid-template-columns:repeat(4,minmax(0,1fr))}
  .film-detail-related{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .quick-youtube-preview:not([hidden]){
    grid-template-columns:110px minmax(0,1fr);
  }
  .quick-youtube-preview img{width:110px}
  .film-detail-inner{
    grid-template-columns:1fr;
    padding:26px 15px 28px;
    align-items:end;
  }
  .film-detail-poster-wrap{display:none}
  .film-detail-copy h1{font-size:27px}
  .film-detail-summary{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
    overflow:hidden;
  }
  .film-detail-actions>a{flex:1}
  .film-detail-episodes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .film-detail-related{grid-template-columns:1fr}
}


/* V30 — one-field publish + factual film info + community rating */
.quick-add-form-v29{
  max-width:760px;
}
.quick-publish-btn{
  margin-top:16px;
}
.film-auto-intro-label{
  margin-top:15px;
  color:#7f8a98;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:800;
}
.film-rating-box{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px 14px;
  margin:13px 0 0;
}
.film-rating-summary{
  display:flex;
  align-items:center;
  gap:5px;
  color:#aeb7c3;
  font-size:12px;
}
.film-rating-score{
  color:#fff;
  font-size:17px;
  line-height:1;
  font-weight:900;
}
.film-rating-star{
  color:#ffc247;
  font-size:17px;
  line-height:1;
}
.film-rating-buttons{
  display:flex;
  gap:2px;
}
.film-rating-buttons button{
  border:0;
  background:transparent;
  color:#59616d;
  padding:2px;
  cursor:pointer;
  font-size:20px;
  line-height:1;
  transition:transform .12s ease,color .12s ease;
}
.film-rating-buttons button:hover,
.film-rating-buttons button.selected{
  color:#ffc247;
  transform:translateY(-1px);
}
.film-rating-buttons button:disabled{
  cursor:wait;
  opacity:.55;
}
#film-rating-note{
  width:100%;
  color:#788391;
  font-size:10px;
  margin-top:-3px;
}

@media(max-width:600px){
  .film-rating-box{
    align-items:flex-start;
  }
}


/* V31 — portable brand + public i18n + site introduction */
.site-intro-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px;
  gap:20px;
  align-items:center;
  margin:24px 0 30px;
  padding:30px 32px;
  border:1px solid #2c3440;
  border-radius:16px;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,49,85,.18), transparent 34%),
    linear-gradient(135deg,#151a20,#101419 72%);
}
.site-intro-copy{max-width:850px}
.site-intro-badge{
  color:#ff6680;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.site-intro-hero h1{
  margin:0;
  font-size:32px;
  line-height:1.15;
}
.site-intro-hero p{
  max-width:800px;
  margin:12px 0 0;
  color:#aeb8c5;
  line-height:1.65;
  font-size:14px;
}
.site-intro-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.site-intro-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border-radius:8px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}
.site-intro-primary{
  background:#f3f5f7;
  color:#12171d;
}
.site-intro-secondary{
  border:1px solid #39424f;
  color:#c7d0db;
}
.site-intro-mark{
  display:grid;
  place-items:center;
  width:84px;height:84px;
  justify-self:end;
  border-radius:24px;
  background:linear-gradient(145deg,#ff3155,#c91842);
  color:#fff;
  font-size:28px;
  box-shadow:0 18px 48px rgba(255,49,85,.17);
  transform:rotate(-5deg);
}
.hero h2{
  font-size:30px;
  margin:0 0 8px;
}
.card-body h2{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  line-height:1.35;
  max-height:4.05em;
}
.card-summary{
  -webkit-line-clamp:2;
  min-height:0;
}
.portable-host-note{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid #304153;
  border-radius:9px;
  background:#111922;
  color:#9eb0c4;
  font-size:11px;
  line-height:1.55;
}
.auto-ad-box{
  border-color:#3d4f64;
  background:#111922;
}
.legal-kicker{
  color:#ff5573;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.about-brand-page{
  max-width:820px;
}
.about-brand-page p{
  font-size:15px;
}

@media(max-width:700px){
  .site-intro-hero{
    grid-template-columns:1fr;
    padding:23px 19px;
    margin-top:14px;
  }
  .site-intro-hero h1{font-size:26px}
  .site-intro-mark{display:none}
  .site-intro-actions a{flex:1}
}


/* =========================================================
   V32 COMPLETE — polished discovery/review layout
   ========================================================= */
:root{
  --v32-accent:#ff3155;
  --v32-accent2:#ff7a38;
  --v32-panel:#151a20;
  --v32-panel2:#11161c;
  --v32-border:#2b333e;
  --v32-muted:#8e99a7;
}

body{
  background:
    radial-gradient(circle at 50% -180px, rgba(255,49,85,.055), transparent 420px),
    #0f1115;
}
.topbar{
  background:rgba(15,17,21,.94);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.brand-logo{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  font-weight:900;
  letter-spacing:-.02em;
}
.brand-logo img{
  width:34px;
  height:34px;
  object-fit:contain;
  filter:drop-shadow(0 5px 12px rgba(255,49,85,.18));
}
.brand-logo span{
  white-space:nowrap;
  font-size:17px;
  background:linear-gradient(90deg,#fff 0%,#fff 58%,#ff9e6f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Home hero polish */
.site-intro-hero{
  border-color:#313946;
  box-shadow:0 18px 50px rgba(0,0,0,.16);
}
.site-intro-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:5px 8px;
  border:1px solid rgba(255,91,119,.24);
  border-radius:999px;
  background:rgba(255,49,85,.06);
}
.site-intro-actions a{transition:transform .15s ease,border-color .15s ease}
.site-intro-actions a:hover{transform:translateY(-1px)}

/* Trending — inspired by modern streaming discovery pages */
.trending-section{
  margin:6px 0 32px;
}
.section-heading-row{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:13px;
}
.section-heading-row h2{
  margin:2px 0 4px;
  font-size:25px;
}
.section-heading-row p{
  margin:0;
  color:var(--v32-muted);
  font-size:12px;
}
.section-eyebrow{
  color:#ff6a83;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.trending-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.trending-card{
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  min-width:0;
  overflow:hidden;
  border:1px solid var(--v32-border);
  border-radius:11px;
  background:linear-gradient(135deg,#161b22,#13171d);
  text-decoration:none;
  color:#fff;
  transition:transform .14s ease,border-color .14s ease;
}
.trending-card:hover{
  transform:translateY(-2px);
  border-color:#46515f;
}
.trending-thumb{
  position:relative;
  height:90px;
}
.trending-thumb img{
  width:126px;
  height:90px;
  object-fit:cover;
  display:block;
}
.trending-thumb b{
  position:absolute;
  left:7px;
  bottom:6px;
  display:grid;
  place-items:center;
  width:25px;height:25px;
  border-radius:7px;
  background:rgba(8,10,13,.86);
  border:1px solid rgba(255,255,255,.18);
  font-size:11px;
}
.trending-copy{
  padding:9px 10px;
  min-width:0;
}
.trending-copy>span{
  display:block;
  font-size:10px;
  letter-spacing:-2px;
  margin-bottom:3px;
}
.trending-copy strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  font-size:12px;
  line-height:1.35;
}
.trending-copy small{
  display:block;
  color:#7f8a98;
  font-size:9px;
  margin-top:5px;
}

/* Equal, compact movie cards */
.grid{
  align-items:stretch;
}
.card{
  display:flex!important;
  flex-direction:column;
  height:100%;
  overflow:hidden;
}
.card-thumb-wrap{
  position:relative;
  overflow:hidden;
}
.card-thumb-wrap>img{
  width:100%;
  display:block;
  transition:transform .22s ease,filter .22s ease;
}
.card-hover-chip{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-40%);
  opacity:0;
  pointer-events:none;
  padding:7px 9px;
  border-radius:8px;
  background:rgba(10,12,16,.84);
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  font-size:10px;
  font-weight:800;
  transition:opacity .18s ease,transform .18s ease;
}
.card:hover .card-thumb-wrap>img{
  transform:scale(1.025);
  filter:brightness(.78);
}
.card:hover .card-hover-chip{
  opacity:1;
  transform:translate(-50%,-50%);
}
.card-body{
  display:grid!important;
  grid-template-rows:auto auto 2.75em 2.9em auto;
  gap:4px;
  flex:1;
  align-content:start;
}
.card-body h2{
  -webkit-line-clamp:2!important;
  max-height:2.75em!important;
  min-height:2.75em;
  margin:0!important;
}
.card-summary{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2!important;
  overflow:hidden;
  min-height:2.9em!important;
  max-height:2.9em;
  margin:0!important;
  font-size:11px!important;
  color:#8793a1!important;
  line-height:1.45!important;
}
.card-episode-count{
  margin:3px 0 0!important;
  align-self:end;
  color:#b3bdc9;
}

/* Hot list uses site interaction, not YouTube views */
.hot-item-v32>span{
  min-width:0;
  display:block;
}
.hot-item-v32 b{
  display:block;
  color:#ffb34e;
  font-size:9px;
  letter-spacing:-2px;
  margin-bottom:2px;
}
.hot-item-v32 em{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#fff;
  font-style:normal;
  font-size:10px;
  line-height:1.35;
}

/* Support */
.floating-support{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
  display:flex;
  gap:9px;
  align-items:center;
  max-width:270px;
  padding:9px 11px;
  border:1px solid #3a424e;
  border-radius:12px;
  background:rgba(20,25,31,.94);
  backdrop-filter:blur(12px);
  color:#fff;
  text-decoration:none;
  box-shadow:0 14px 42px rgba(0,0,0,.26);
  transition:transform .14s ease,border-color .14s ease;
}
.floating-support:hover{transform:translateY(-2px);border-color:#596473}
.floating-support-cup{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  flex:0 0 auto;
  border-radius:10px;
  background:linear-gradient(145deg,#ff3155,#ff803e);
  font-size:18px;
}
.floating-support-copy{min-width:0}
.floating-support-copy strong{
  display:block;
  font-size:11px;
}
.floating-support-copy small{
  display:block;
  color:#8f9aa8;
  font-size:9px;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* About */
.about-page-v32{
  max-width:900px;
  margin:30px auto 60px;
  padding:0 18px;
}
.about-hero-v32{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:20px;
  align-items:center;
  padding:25px;
  border:1px solid #303844;
  border-radius:16px;
  background:
    radial-gradient(circle at 95% 0%,rgba(255,49,85,.10),transparent 35%),
    linear-gradient(135deg,#161b21,#11161b);
}
.about-hero-v32 img{
  width:88px;height:88px;object-fit:contain;
}
.about-hero-v32 h1{
  margin:3px 0 8px;
  font-size:32px;
}
.about-hero-v32 p{
  margin:0;
  color:#aeb8c5;
  line-height:1.7;
}
.about-pillars{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:14px 0;
}
.about-pillars>div{
  border:1px solid #2c3440;
  background:#14191f;
  border-radius:12px;
  padding:15px;
}
.about-pillars b{
  display:block;
  color:#ff5f7c;
  font-size:10px;
}
.about-pillars strong{
  display:block;
  margin:5px 0;
  font-size:14px;
}
.about-pillars span{
  color:#8e99a7;
  font-size:11px;
  line-height:1.5;
}
.about-story-card{
  padding:20px 22px;
  border:1px solid #29313b;
  border-radius:14px;
  background:#12171d;
  color:#c9d2dc;
  line-height:1.75;
}
.support-about-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin-top:14px;
  padding:18px;
  border:1px solid #4a3c31;
  border-radius:14px;
  background:linear-gradient(135deg,#1d1917,#151719);
}
.support-about-icon{
  display:grid;place-items:center;
  width:58px;height:58px;border-radius:15px;
  background:linear-gradient(145deg,#ff3155,#ff8a3d);
  font-size:27px;
}
.support-about-copy small{
  color:#ff9d68;
  font-size:9px;
  text-transform:uppercase;
  font-weight:900;
}
.support-about-copy h2{margin:2px 0 4px}
.support-about-copy p{margin:0;color:#a8b2be;font-size:12px;line-height:1.55}
.support-proof{margin-top:7px;color:#ffd0b5;font-size:10px;font-weight:800}
.support-about-card>a{
  text-decoration:none;
  white-space:nowrap;
  padding:10px 12px;
  border-radius:9px;
  background:#f3f5f7;
  color:#111820;
  font-weight:850;
  font-size:11px;
}

/* Admin site settings */
.site-setting-divider{
  height:1px;
  background:#2a313b;
  margin:14px 0 2px;
}
.setting-check{
  display:flex!important;
  align-items:center;
  gap:9px;
}
.setting-check input{width:auto!important}
.settings-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

/* Analytics admin */
.analytics-admin-card{overflow:hidden}
.analytics-admin-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.analytics-admin-head h2{margin-top:0}
.online-pill{
  flex:0 0 auto;
  border:1px solid #344252;
  background:#111922;
  padding:7px 9px;
  border-radius:999px;
  color:#9fb1c5;
  font-size:10px;
  font-weight:800;
}
.online-pill span{
  display:inline-block;
  width:7px;height:7px;border-radius:50%;
  background:#40d982;
  margin-right:5px;
  box-shadow:0 0 9px rgba(64,217,130,.45);
}
.analytics-range-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:15px 0;
}
.analytics-range-card{
  padding:15px;
  border:1px solid #2c3541;
  border-radius:12px;
  background:#12171d;
}
.analytics-range-card small{display:block;color:#8792a0;font-size:10px}
.analytics-range-card strong{
  display:block;
  margin:4px 0 -1px;
  font-size:28px;
  line-height:1;
}
.analytics-range-card>span{font-size:10px;color:#8e99a7}
.analytics-range-card>div{margin-top:9px;color:#b2bdc9;font-size:10px}
.analytics-dashboard-grid{
  display:grid;
  grid-template-columns:1.65fr 1fr;
  gap:12px;
}
.analytics-panel{
  border:1px solid #2c3541;
  border-radius:12px;
  background:#12171d;
  padding:14px;
}
.analytics-panel h3{
  margin:0 0 11px;
  font-size:13px;
}
.analytics-bars{
  height:190px;
  display:grid;
  grid-template-columns:repeat(14,minmax(0,1fr));
  align-items:end;
  gap:5px;
}
.analytics-bar-col{
  height:100%;
  min-width:0;
  display:grid;
  grid-template-rows:20px 1fr 19px;
  align-items:end;
}
.analytics-bar-num{
  text-align:center;
  color:#748090;
  font-size:8px;
  overflow:hidden;
}
.analytics-bar-track{
  height:100%;
  display:flex;
  align-items:end;
  border-radius:5px 5px 2px 2px;
  overflow:hidden;
  background:#181e25;
}
.analytics-bar-track i{
  width:100%;
  min-height:3px;
  display:block;
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(#ff5f7d,#ff3155);
}
.analytics-bar-col small{
  text-align:center;
  color:#6f7b89;
  font-size:7px;
}
.analytics-mini-list>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:7px 0;
  border-bottom:1px solid #222a33;
  font-size:10px;
}
.analytics-mini-list span{color:#8995a4}
.analytics-device-title{margin-top:17px!important}
.analytics-hot-admin{margin-top:12px}
.analytics-hot-table{margin-top:8px}
.analytics-hot-row{
  display:grid;
  grid-template-columns:34px 78px minmax(0,1fr) 72px 90px 60px;
  gap:8px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid #252d36;
  font-size:10px;
}
.analytics-hot-row>b{color:#768291}
.analytics-hot-fire{letter-spacing:-2px}
.analytics-hot-row strong{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.analytics-hot-row>span{color:#8e99a7}
.analytics-hot-row em{font-style:normal;color:#ff9f6d;text-align:right}

/* Facebook generic image fallback */
.social-admin-avatar span[hidden]{display:none}
.sidebar-facebook-info strong{
  max-width:100%;
}

@media(max-width:850px){
  .trending-grid{grid-template-columns:1fr 1fr}
  .about-pillars{grid-template-columns:1fr}
  .support-about-card{grid-template-columns:50px minmax(0,1fr)}
  .support-about-card>a{grid-column:1/-1;text-align:center}
  .analytics-dashboard-grid{grid-template-columns:1fr}
  .analytics-hot-row{grid-template-columns:30px 68px minmax(0,1fr);row-gap:3px}
  .analytics-hot-row>span:nth-of-type(n+2),.analytics-hot-row em{display:none}
}
@media(max-width:650px){
  .brand-logo img{width:30px;height:30px}
  .brand-logo span{font-size:15px}
  .trending-grid{grid-template-columns:1fr}
  .trending-card{grid-template-columns:112px minmax(0,1fr)}
  .trending-thumb,.trending-thumb img{width:112px;height:80px}
  .floating-support{
    right:10px;
    bottom:10px;
    max-width:210px;
    padding:7px 8px;
  }
  .floating-support-cup{width:31px;height:31px}
  .about-hero-v32{grid-template-columns:1fr;text-align:left}
  .about-hero-v32 img{width:68px;height:68px}
  .analytics-range-grid{grid-template-columns:1fr}
  .settings-two-col{grid-template-columns:1fr}
  .analytics-bars{gap:2px}
}


/* =========================================================
   HD_WEB_PHIM V1.0
   ========================================================= */

/* Menu dropdown */
.site-menu-wrap{position:relative;flex:0 0 auto}
.menu-toggle{border:0;background:transparent;cursor:pointer}
.site-menu-panel{
  position:absolute;
  z-index:120;
  right:0;
  top:calc(100% + 12px);
  width:300px;
  padding:8px;
  border:1px solid #323b47;
  border-radius:13px;
  background:rgba(19,23,29,.98);
  box-shadow:0 22px 60px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
}
.site-menu-panel[hidden]{display:none}
.site-menu-panel a{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:9px;
  color:#fff;
  text-decoration:none;
}
.site-menu-panel a:hover{background:#1b222b}
.menu-item-icon{
  display:grid;place-items:center;
  width:38px;height:38px;
  border-radius:10px;
  background:#252d37;
  font-size:17px;
}
.site-menu-panel strong{display:block;font-size:12px}
.site-menu-panel small{
  display:block;
  margin-top:2px;
  color:#8591a0;
  font-size:10px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* Home: movies left, editorial right */
.home-main-layout{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(240px,1fr);
  gap:22px;
  align-items:start;
  margin-top:28px;
}
.home-movies-head{margin-top:0}
.home-movie-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  align-items:stretch;
}
.home-editorial-sidebar{
  position:sticky;
  top:86px;
  margin-top:116px; /* căn đầu box ngang hàng card Phim mới khi vừa mở trang */
  border:1px solid #2c3440;
  border-radius:14px;
  background:#13181e;
  padding:14px;
}
.editorial-sidebar-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
  margin-bottom:10px;
}
.editorial-sidebar-head h2{
  margin:2px 0 3px;
  font-size:20px;
}
.editorial-sidebar-head p{
  margin:0;
  color:#83909e;
  font-size:10px;
  line-height:1.4;
}
.editorial-sidebar-head>a{
  flex:0 0 auto;
  color:#8cbcff;
  font-size:9px;
  text-decoration:none;
}
.editorial-vertical-list{display:grid;gap:8px}
.editorial-vertical-card{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:9px;
  min-width:0;
  overflow:hidden;
  border:1px solid #2a323d;
  border-radius:9px;
  background:#171c23;
  color:#fff;
  text-decoration:none;
  transition:border-color .14s ease,transform .14s ease;
}
.editorial-vertical-card:hover{
  border-color:#485462;
  transform:translateY(-1px);
}
.editorial-vertical-thumb{
  width:82px;height:70px;
  display:grid;place-items:center;
  background:#242b34;
}
.editorial-vertical-thumb img{
  width:82px;height:70px;object-fit:cover;display:block;
}
.editorial-vertical-card>div:last-child{
  min-width:0;
  padding:8px 8px 7px 0;
}
.editorial-vertical-card strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  font-size:11px;
  line-height:1.3;
}
.editorial-vertical-card span{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin-top:4px;
  color:#84909e;
  font-size:9px;
  line-height:1.35;
}

/* pagination */
.movie-pagination{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin:19px 0 0;
}
.movie-pagination a,
.movie-pagination b{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #303945;
  border-radius:8px;
  background:#151a20;
  color:#c2ccd7;
  text-decoration:none;
  font-size:10px;
  padding:0 10px;
}
.movie-pagination a:last-child{justify-self:end}
.movie-pagination a:first-child{justify-self:start}
.movie-pagination b{background:#11161c;color:#8793a1}

/* YouTube health */
.admin-tab-badge{
  display:inline-grid;
  place-items:center;
  min-width:18px;height:18px;
  margin-left:5px;
  padding:0 5px;
  border-radius:999px;
  background:#d83a4f;
  color:#fff;
  font-size:9px;
}
.youtube-health-alert{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin:12px 0;
  padding:12px 14px;
  border:1px solid #734451;
  border-radius:11px;
  background:#24171b;
}
.youtube-health-alert strong{display:block;color:#ff9cab}
.youtube-health-alert span{display:block;margin-top:3px;color:#b99098;font-size:10px}
.youtube-health-alert a{color:#ffb0bd;font-size:10px;text-decoration:none;white-space:nowrap}
.youtube-series-warning{
  display:inline-block;
  margin-left:7px;
  padding:3px 6px;
  border-radius:6px;
  background:#3a1f26;
  color:#ff99aa;
  font-size:9px;
}
.youtube-health-card{border-color:#4d3038}
.youtube-health-list{display:grid;gap:7px}
.youtube-health-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:9px 10px;
  border:1px solid #302b31;
  border-radius:8px;
  background:#15171b;
}
.youtube-health-row strong{display:block;font-size:11px}
.youtube-health-row span{display:block;color:#9c7a82;font-size:9px;margin-top:2px}
.public-source-warning{
  margin-top:15px;
  max-width:680px;
  padding:10px 12px;
  border:1px solid #60404a;
  border-radius:9px;
  background:rgba(60,29,38,.68);
  color:#eeb7c0;
  font-size:11px;
  line-height:1.5;
}
.source-unavailable-player{
  padding:35px 20px!important;
  border:1px solid #5b3741!important;
  background:#20151a!important;
}

/* Batch textarea */
.quick-add-form-v29 textarea#quick-youtube-url{
  width:100%;
  min-height:142px;
  resize:vertical;
  line-height:1.55;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:12px;
}

/* Ad network manager */
.ad-network-manager{
  margin-top:16px;
  padding:14px;
  border:1px solid #344252;
  border-radius:12px;
  background:#111820;
}
.ad-network-manager-head{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
  margin-bottom:10px;
}
.ad-network-manager-head h3{margin:0 0 3px}
#ad-network-list{display:grid;gap:10px}
.ad-network-row{
  padding:10px;
  border:1px solid #2e3946;
  border-radius:10px;
  background:#151b22;
}
.ad-network-row-top{
  display:grid;
  grid-template-columns:minmax(160px,1.1fr) 170px auto auto;
  gap:8px;
  align-items:center;
  margin-bottom:8px;
}
.ad-network-row-top input,
.ad-network-row-top select{margin:0!important}
.ad-network-toggle{
  display:flex!important;align-items:center;gap:5px;white-space:nowrap;
  font-size:10px;
}
.ad-network-toggle input{width:auto!important;margin:0!important}
.ad-network-row textarea{width:100%}

/* Social fallback note */
.social-login-note{
  display:block!important;
  color:#c48c98!important;
  font-size:9px!important;
  margin-top:3px!important;
}

/* Keep movie cards compact */
.home-movie-grid .card-body h2{
  -webkit-line-clamp:2!important;
  min-height:2.7em;
  max-height:2.7em!important;
}
.home-movie-grid .card-summary{
  -webkit-line-clamp:2!important;
  min-height:2.85em!important;
  max-height:2.85em!important;
}

@media(max-width:980px){
  .home-main-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}
  .home-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .site-menu-panel{width:min(300px,calc(100vw - 24px));right:0}
  .home-main-layout{grid-template-columns:1fr}
  .home-editorial-sidebar{position:static;order:2;margin-top:0}
  .home-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editorial-vertical-list{grid-template-columns:1fr 1fr}
  .ad-network-row-top{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .home-movie-grid{grid-template-columns:1fr 1fr;gap:8px}
  .editorial-vertical-list{grid-template-columns:1fr}
  .ad-network-row-top{grid-template-columns:1fr}
  .movie-pagination{grid-template-columns:1fr}
  .movie-pagination a,.movie-pagination a:first-child,.movie-pagination a:last-child{justify-self:stretch}
}


/* HD_WEB_PHIM V1.0 FIX1 — Góc phim 9 bài + căn với hàng phim */
@media(min-width:761px){
  .home-editorial-sidebar{
    max-height:calc(100vh - 100px);
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#37414d transparent;
  }
  .home-editorial-sidebar::-webkit-scrollbar{width:5px}
  .home-editorial-sidebar::-webkit-scrollbar-thumb{
    background:#37414d;
    border-radius:999px;
  }
}


/* =========================================================
   HD_WEB_PHIM V1.1 — permissions / SEO / copy post
   ========================================================= */
.copy-post-btn{margin-left:5px;background:#1c2834!important;border-color:#39536a!important;color:#b9dbff!important}
.film-tags{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 3px}
.film-tags a{display:inline-flex;padding:5px 8px;border:1px solid #34404d;border-radius:999px;background:#171d24;color:#aebdca;text-decoration:none;font-size:10px}
.film-tags a:hover{border-color:#647588;color:#fff}
.tag-page-head{margin-bottom:14px}.tag-movie-grid{margin-bottom:32px}
.seo-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.seo-status-grid>div{padding:10px;border:1px solid #2e3946;border-radius:9px;background:#151b22;min-width:0}
.seo-status-grid small{display:block;color:#8694a3;margin-bottom:3px}.seo-status-grid strong{display:block;font-size:10px;overflow-wrap:anywhere}
.seo-inline-form{display:flex;align-items:center;gap:10px;margin:10px 0!important}
.staff-admin-layout{align-items:start}.staff-create-form{display:grid;gap:8px}.staff-create-form label{margin-top:2px}
.staff-user-list{display:grid;gap:8px}.staff-user-row{display:grid;grid-template-columns:minmax(150px,1.1fr) 150px minmax(160px,.8fr) auto auto auto;align-items:center;gap:8px;padding:9px;border:1px solid #2c3540;border-radius:9px;background:#151a20}
.staff-user-main{display:grid;gap:4px}.staff-user-main input{margin:0!important}.staff-user-row select,.staff-user-row input{margin:0!important}.owner-row{grid-template-columns:1fr auto}.owner-row span{display:block;color:#8793a1;font-size:10px;margin-top:2px}
.activity-log-list{display:grid;gap:6px;max-height:460px;overflow:auto}.activity-log-row{display:grid;grid-template-columns:120px 1fr auto;gap:8px;padding:8px;border-bottom:1px solid #272e37;font-size:10px}.activity-log-row span{color:#aab4bf}.activity-log-row small{color:#6f7c89;white-space:nowrap}
.admin-login-card{max-width:480px;margin:80px auto}.admin-login-card form{display:grid;gap:8px}
@media(max-width:900px){.seo-status-grid{grid-template-columns:1fr}.staff-user-row{grid-template-columns:1fr 1fr}.activity-log-row{grid-template-columns:1fr}.staff-delete-btn{justify-self:start}}


/* HD_WEB_PHIM V1.2 FINAL */
.seo-settings-form{
  display:grid;
  gap:9px;
  margin:14px 0 10px;
  max-width:720px;
}
.seo-settings-form>label:not(.ad-network-toggle){
  font-size:10px;
  color:#aeb9c6;
}
.seo-settings-form>input{
  width:100%;
  max-width:420px;
  margin:0;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  text-transform:uppercase;
}
.seo-indexnow-toggle{
  margin:4px 0!important;
}
.seo-settings-form .primary-btn{
  width:max-content;
}


/* HD_WEB_PHIM V1.3 FINAL */
.owner-profile-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto;
  gap:10px;
  align-items:end;
  margin-top:12px;
}
.owner-profile-form>div{min-width:0}
.owner-profile-form label,.staff-user-row-v13 label{display:block;font-size:9px;color:#8f9aa8;margin-bottom:4px}
.owner-profile-form input{width:100%;margin:0}
.staff-user-row-v13{
  grid-template-columns:minmax(120px,1fr) minmax(170px,1.2fr) minmax(140px,1fr) 145px minmax(150px,.9fr) auto auto auto!important;
}
.staff-user-row-v13>div{min-width:0}
.staff-user-row-v13 input,.staff-user-row-v13 select{margin:0!important;width:100%}
@media(max-width:1100px){
  .owner-profile-form{grid-template-columns:1fr 1fr}
  .owner-profile-form .primary-btn{width:max-content}
  .staff-user-row-v13{grid-template-columns:1fr 1fr!important}
}
@media(max-width:650px){
  .owner-profile-form{grid-template-columns:1fr}
  .staff-user-row-v13{grid-template-columns:1fr!important}
}