/* BOTVIET Content Studio Reference V4
   Pham vi: CHI khu vuc noi dung ben phai cua /app/content.
   Khong dinh dang topbar, sidebar, menu hoac user-card. */

body[data-route="content"] #page-body{
  padding:0 0 16px;
  overflow:visible;
}

body[data-route="content"] #page-body .content-v140{
  --v4-bg:#020d1d;
  --v4-panel:#04162a;
  --v4-panel-2:#061c34;
  --v4-line:#0c4a7c;
  --v4-line-soft:#173d61;
  --v4-blue:#079cff;
  --v4-cyan:#08d7ff;
  --v4-green:#00e9a2;
  --v4-amber:#ffc62e;
  --v4-text:#f4f8ff;
  --v4-muted:#8da7c2;
  gap:10px;
  min-width:0;
  color:var(--v4-text);
}

body[data-route="content"] #page-body .content-v140 [hidden]{display:none!important}

body[data-route="content"] #page-body .content-v140 .content-reference-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:12px 28px 0;
}

body[data-route="content"] #page-body .content-v140 .content-reference-header h1{
  margin:0;
  color:#f6f9ff;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.55px;
  font-weight:850;
  text-shadow:0 2px 16px rgba(111,176,255,.08);
}

body[data-route="content"] #page-body .content-v140 .content-reference-header p{
  margin:6px 0 0;
  color:#a4b8ce;
  font-size:14px;
  line-height:1.3;
}

body[data-route="content"] #page-body .content-v140 .content-reference-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

body[data-route="content"] #page-body .content-v140 .content-reference-actions .btn{
  min-height:44px;
  padding:0 21px;
  border-radius:10px;
  font-size:14px;
  font-weight:760;
  letter-spacing:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

body[data-route="content"] #page-body .content-v140 .content-ai-button{
  display:inline-flex!important;
  color:#eadcff;
  border:1px solid #7446d8;
  background:linear-gradient(135deg,rgba(94,39,163,.62),rgba(29,32,94,.78));
  box-shadow:inset 0 0 18px rgba(174,87,255,.08),0 8px 24px rgba(30,11,76,.16);
}
body[data-route="content"] #page-body .content-v140 .content-ai-button:disabled{opacity:.62;filter:saturate(.72);cursor:not-allowed}

body[data-route="content"] #page-body .content-v140 .content-create-button{
  padding:0 24px!important;
  color:#fff;
  border:1px solid #12a8ff;
  background:linear-gradient(135deg,#057fe9,#06b8ff);
  box-shadow:0 8px 24px rgba(0,142,255,.20),inset 0 1px rgba(255,255,255,.2);
}

body[data-route="content"] #page-body .content-v140 .content-create-caret{display:none!important}

/* Mot dai KPI duy nhat giong anh tham chieu. */
body[data-route="content"] #page-body .content-v140 .content-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  min-height:68px;
  margin:0 28px;
  padding:0;
  overflow:hidden;
  border:1px solid var(--v4-line);
  border-radius:12px;
  background:linear-gradient(100deg,#041426,#03182c 48%,#031225);
  box-shadow:inset 0 1px rgba(255,255,255,.015);
}

body[data-route="content"] #page-body .content-v140 .content-stat-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  min-height:68px;
  padding:9px 20px;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}

body[data-route="content"] #page-body .content-v140 .content-stat-card:not(:last-child)::before{
  content:"";
  position:absolute;
  right:0;
  top:18px;
  width:1px;
  height:32px;
  background:#406687;
  opacity:.9;
}

body[data-route="content"] #page-body .content-v140 .content-stat-card::after{display:none}

body[data-route="content"] #page-body .content-v140 .content-stat-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin:0;
  border:0;
  border-radius:9px;
  color:#a9c7ff;
  background:transparent;
  filter:drop-shadow(0 0 10px rgba(123,174,255,.18));
}

body[data-route="content"] #page-body .content-v140 .content-stat-icon .content-ui-icon{width:34px;height:34px;stroke-width:1.55}
body[data-route="content"] #page-body .content-v140 .content-stat-card.scheduled .content-stat-icon,
body[data-route="content"] #page-body .content-v140 .content-stat-card.scheduled strong{color:var(--v4-cyan)}
body[data-route="content"] #page-body .content-v140 .content-stat-card.published .content-stat-icon,
body[data-route="content"] #page-body .content-v140 .content-stat-card.published strong{color:var(--v4-green)}
body[data-route="content"] #page-body .content-v140 .content-stat-card.failed .content-stat-icon,
body[data-route="content"] #page-body .content-v140 .content-stat-card.failed strong{color:var(--v4-amber)}

body[data-route="content"] #page-body .content-v140 .content-stat-card>div{min-width:88px}
body[data-route="content"] #page-body .content-v140 .content-stat-card>div small{
  display:block;
  color:#c0cfdf;
  font-size:13px;
  line-height:1.1;
  font-style:normal;
}
body[data-route="content"] #page-body .content-v140 .content-stat-card>div strong{
  display:block;
  margin:5px 0 0;
  color:#f4f8ff;
  font-size:24px;
  line-height:1;
  font-weight:850;
}
body[data-route="content"] #page-body .content-v140 .content-stat-card>div em,
body[data-route="content"] #page-body .content-v140 .content-stat-delta{display:none}

/* Hai cot chinh. */
body[data-route="content"] #page-body .content-v140 .content-compose-grid{
  display:grid;
  grid-template-columns:minmax(0,1.235fr) minmax(430px,.965fr);
  gap:14px;
  padding:0 28px;
  align-items:stretch;
}

body[data-route="content"] #page-body .content-v140 .content-compose-card,
body[data-route="content"] #page-body .content-v140 .content-preview-card{
  min-width:0;
  padding:12px 16px 10px;
  border:1px solid var(--v4-line);
  border-radius:13px;
  background:linear-gradient(145deg,#04172b,#031326 72%,#04182d);
  box-shadow:inset 0 1px rgba(255,255,255,.015),0 10px 28px rgba(0,0,0,.08);
}

body[data-route="content"] #page-body .content-v140 .content-compose-card>h3,
body[data-route="content"] #page-body .content-v140 .content-preview-card>h3{
  margin:0 0 9px;
  color:#f4f7fd;
  font-size:18px;
  line-height:1.2;
  font-weight:820;
}

body[data-route="content"] #page-body .content-v140 .content-compose-card>h3{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

body[data-route="content"] #page-body .content-v140 .v4-ready-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  color:#c9d8e8;
  background:#08233c;
  font-size:12px;
  font-weight:650;
}
body[data-route="content"] #page-body .content-v140 .v4-ready-pill i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#00e9b1;
  box-shadow:0 0 12px rgba(0,233,177,.8);
}

/* Tabs kenh va dinh dang. */
body[data-route="content"] #page-body .content-v140 .content-channel-tabs,
body[data-route="content"] #page-body .content-v140 .v4-format-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  overflow:visible;
}

body[data-route="content"] #page-body .content-v140 .v4-format-tabs{margin-top:7px}

body[data-route="content"] #page-body .content-v140 .content-channel-tabs button,
body[data-route="content"] #page-body .content-v140 .v4-format-tabs button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  min-height:38px;
  padding:6px 9px;
  border:1px solid #23537c;
  border-radius:8px;
  color:#edf3fb;
  background:#06182c;
  font-size:12px;
  font-weight:680;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}

body[data-route="content"] #page-body .content-v140 .content-channel-tabs button:hover,
body[data-route="content"] #page-body .content-v140 .v4-format-tabs button:hover{border-color:#138de2;background:#082846}

body[data-route="content"] #page-body .content-v140 .content-channel-tabs button.active,
body[data-route="content"] #page-body .content-v140 .v4-format-tabs button.active{
  color:#fff;
  border-color:#00bdff;
  background:linear-gradient(135deg,#0479ea,#08b5ff);
  box-shadow:0 0 0 1px rgba(0,190,255,.15) inset,0 0 18px rgba(0,142,255,.16);
}

body[data-route="content"] #page-body .content-v140 .content-channel-tabs .inbox-platform-icon,
body[data-route="content"] #page-body .content-v140 .content-channel-tabs .platform-logo{width:21px;height:21px}
body[data-route="content"] #page-body .content-v140 .v4-format-tabs svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

body[data-route="content"] #page-body .content-v140 .v4-field-label{
  display:block;
  margin:9px 2px 5px;
  color:#dce7f4;
  font-size:12px;
  font-weight:560;
}

body[data-route="content"] #page-body .content-v140 .content-message-box{
  display:block;
  position:relative;
  margin:0;
  border:1px solid #275779;
  border-radius:8px;
  background:#071b30;
}

body[data-route="content"] #page-body .content-v140 .content-message-box textarea{
  width:100%;
  min-height:56px;
  max-height:116px;
  padding:10px 44px 22px 12px;
  border:0;
  outline:0;
  resize:vertical;
  color:#e9f1fb;
  background:transparent;
  font-size:13px;
  line-height:1.45;
}

body[data-route="content"] #page-body .content-v140 .content-message-emoji{display:none}
body[data-route="content"] #page-body .content-v140 .content-message-counter{right:9px;bottom:6px;color:#b4c4d5;font-size:11px}

body[data-route="content"] #page-body .content-v140 .v4-ai-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:7px 0 6px;
}

body[data-route="content"] #page-body .content-v140 .v4-ai-toolbar button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:35px;
  padding:0 12px;
  border:1px solid #245179;
  border-radius:8px;
  color:#bdcde0;
  background:#071d35;
  font-size:12px;
  cursor:pointer;
}
body[data-route="content"] #page-body .content-v140 .v4-ai-toolbar button:first-child,
body[data-route="content"] #page-body .content-v140 .v4-ai-toolbar button:last-child{color:#e477ff}
body[data-route="content"] #page-body .content-v140 .v4-ai-toolbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Media va hashtag theo dung thu tu doc cua anh. */
body[data-route="content"] #page-body .content-v140 .content-media-hashtag-row{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  padding:0 0 5px;
}

body[data-route="content"] #page-body .content-v140 .v4-section-label{
  display:block;
  margin:3px 2px 5px;
  color:#dce7f4;
  font-size:12px;
  font-weight:560;
}

body[data-route="content"] #page-body .content-v140 .content-media-strip{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:92px;
  padding:7px 10px;
  overflow-x:auto;
  border:1px dashed #15b9e8;
  border-radius:8px;
  background:#041a2e;
  scrollbar-width:thin;
  scrollbar-color:#1a6b9e transparent;
}

body[data-route="content"] #page-body .content-v140 .content-media-thumb-wrap,
body[data-route="content"] #page-body .content-v140 .content-media-thumb,
body[data-route="content"] #page-body .content-v140 .content-media-placeholder,
body[data-route="content"] #page-body .content-v140 .content-add-media{
  width:116px;
  height:78px;
  flex:0 0 116px;
  border-radius:8px;
}
body[data-route="content"] #page-body .content-v140 .content-media-thumb-wrap{position:relative}
body[data-route="content"] #page-body .content-v140 .content-media-thumb,
body[data-route="content"] #page-body .content-v140 .content-media-placeholder,
body[data-route="content"] #page-body .content-v140 .content-add-media{
  overflow:hidden;
  border:1px solid #2d5879;
  color:#9cb5ce;
  background:#071b30;
}
body[data-route="content"] #page-body .content-v140 .content-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}
body[data-route="content"] #page-body .content-v140 .content-media-placeholder .content-ui-icon{width:22px;height:22px}
body[data-route="content"] #page-body .content-v140 .content-add-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-style:dashed;cursor:pointer}
body[data-route="content"] #page-body .content-v140 .content-add-media::after{content:"Thêm media";font-size:10px}
body[data-route="content"] #page-body .content-v140 .content-add-media .content-ui-icon{width:24px;height:24px}
body[data-route="content"] #page-body .content-v140 .content-media-thumb img{width:100%;height:100%;object-fit:cover}
body[data-route="content"] #page-body .content-v140 .content-media-remove{right:4px;top:4px;width:23px;height:23px;border-color:#66809b;background:#061425}

body[data-route="content"] #page-body .content-v140 .content-hashtag-box{padding:0;min-width:0}
body[data-route="content"] #page-body .content-v140 .content-hashtag-box>div:first-child{display:none}
body[data-route="content"] #page-body .content-v140 #content-hashtag-list{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
}
body[data-route="content"] #page-body .content-v140 #content-hashtag-list button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:0 12px;
  border:1px solid #254b6e;
  border-radius:999px;
  color:#dce8f5;
  background:#09233d;
  font-size:11px;
  cursor:pointer;
}
body[data-route="content"] #page-body .content-v140 .v4-hash-remove{display:grid;place-items:center;width:16px;height:16px;color:#c9d8e8;font-size:15px;line-height:1}
body[data-route="content"] #page-body .content-v140 .v4-add-hashtag{color:#bcd0e5!important;background:#061a2e!important}
body[data-route="content"] #page-body .content-v140 .content-hashtag-note{display:none}

/* Dinh dang duoc dieu khien boi tabs V4, select goc van ton tai de giu handler. */
body[data-route="content"] #page-body .content-v140 .content-format-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body[data-route="content"] #page-body .content-v140 .content-publish-advanced{padding-top:2px}
body[data-route="content"] #page-body .content-v140 #facebook-video-fields{margin:5px 0}
body[data-route="content"] #page-body .content-v140 .content-schedule-row{
  position:relative;
  display:grid;
  grid-template-columns:135px minmax(210px,1fr) auto;
  gap:10px;
  align-items:end;
  padding-top:8px;
  border-top:0;
}
body[data-route="content"] #page-body .content-v140 .content-schedule-label{padding:0 0 8px;color:#e1eaf5;font-size:12px}
body[data-route="content"] #page-body .content-v140 .content-schedule-label .content-ui-icon{width:20px;height:20px}
body[data-route="content"] #page-body .content-v140 .content-schedule-field>span{display:none}
body[data-route="content"] #page-body .content-v140 .content-schedule-button{
  min-height:37px;
  border-color:#275779;
  border-radius:8px;
  color:#e4eef9;
  background:#071b30;
}
body[data-route="content"] #page-body .content-v140 .content-schedule-button strong{font-size:12px}
body[data-route="content"] #page-body .content-v140 .v4-duration-field{display:none!important}
body[data-route="content"] #page-body .content-v140 .content-repeat-toggle{padding:0 0 8px!important}
body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child{color:#d4dfeb;font-size:12px}
body[data-route="content"] #page-body .content-v140 .content-repeat-switch{width:38px;height:22px;background:#4a6074}
body[data-route="content"] #page-body .content-v140 .content-repeat-switch::after{width:18px;height:18px}
body[data-route="content"] #page-body .content-v140 .content-repeat-toggle input:checked+.content-repeat-switch::after{transform:translateX(16px)}

body[data-route="content"] #page-body .content-v140 .content-submit-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  padding-top:7px;
}
body[data-route="content"] #page-body .content-v140 .content-submit-row>span{
  flex:1;
  max-width:none;
  color:#00e6a4;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body[data-route="content"] #page-body .content-v140 .content-submit-row>span::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;color:#002b24;background:#00e8aa;font-weight:900}
body[data-route="content"] #page-body .content-v140 .content-submit-row>span.v4-not-ready{color:#ffc65a}
body[data-route="content"] #page-body .content-v140 .content-submit-row>span.v4-not-ready::before{content:"!";color:#392500;background:#ffc13a}
body[data-route="content"] #page-body .content-v140 .content-submit-row .btn{
  min-width:118px;
  min-height:38px;
  border-radius:8px;
  font-size:12px;
  font-weight:700;
}
body[data-route="content"] #page-body .content-v140 .v4-save-draft{color:#d6e1ed;border:1px solid #31587a;background:#0a2037}
body[data-route="content"] #page-body .content-v140 #publish-submit{color:#fff;border-color:#12a8ff;background:linear-gradient(135deg,#087fe9,#06b9ff)}
body[data-route="content"] #page-body .content-v140 .content-ai-tools{display:none!important}

/* Preview truc tiep. */
body[data-route="content"] #page-body .content-v140 .content-preview-card{
  display:flex;
  flex-direction:column;
}

body[data-route="content"] #page-body .content-v140 .content-preview-card>h3{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:32px;
}
body[data-route="content"] #page-body .content-v140 .content-preview-card>h3 #content-preview-platform{display:none}
body[data-route="content"] #page-body .content-v140 .v4-preview-tabs{display:flex;align-items:center;gap:6px;margin-left:auto}
body[data-route="content"] #page-body .content-v140 .v4-preview-tabs button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:31px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  color:#e8eef6;
  background:transparent;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
}
body[data-route="content"] #page-body .content-v140 .v4-preview-tabs button.active{border-color:#1665ab;background:#07386f}
body[data-route="content"] #page-body .content-v140 .v4-preview-tabs .inbox-platform-icon,
body[data-route="content"] #page-body .content-v140 .v4-preview-tabs .platform-logo{width:20px;height:20px}
body[data-route="content"] #page-body .content-v140 .v4-brand-icon{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  color:#fff;
  font-size:14px;
  font-weight:900;
  line-height:1;
}
body[data-route="content"] #page-body .content-v140 .v4-brand-icon.facebook{background:#1877f2;font-family:Arial,sans-serif}
body[data-route="content"] #page-body .content-v140 .v4-brand-icon.tiktok{color:#fff;background:#05070d;text-shadow:-1px 0 #00f2ea,1px 0 #ff0050}

body[data-route="content"] #page-body .content-v140 .content-facebook-preview{
  flex:1;
  display:block;
  min-height:0!important;
  overflow:hidden;
  border:1px solid #27587b;
  border-radius:13px;
  background:linear-gradient(150deg,#09233d,#071a30);
}

body[data-route="content"] #page-body .content-v140 .content-facebook-preview .publish-preview-brand{padding:12px 14px 8px;gap:10px}
body[data-route="content"] #page-body .content-v140 .content-facebook-preview .publish-preview-brand>.platform-logo,
body[data-route="content"] #page-body .content-v140 .content-facebook-preview .publish-preview-brand>.inbox-platform-icon{display:none!important}
body[data-route="content"] #page-body .content-v140 .v4-bot-avatar{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border:2px solid #d7e9ff;
  border-radius:50%;
  overflow:hidden;
  background:radial-gradient(circle at 50% 38%,#f9fdff 0 34%,#d7efff 35% 64%,#84cfff 65% 100%);
  box-shadow:0 0 14px rgba(59,174,255,.25);
}
body[data-route="content"] #page-body .content-v140 .v4-bot-avatar svg{width:38px;height:38px}
body[data-route="content"] #page-body .content-v140 .content-facebook-preview .publish-preview-brand b{font-size:14px}
body[data-route="content"] #page-body .content-v140 .content-facebook-preview .publish-preview-brand small{font-size:11px;color:#a7b9cc}
body[data-route="content"] #page-body .content-v140 .content-facebook-preview>p{margin:0;padding:0 14px 2px;color:#f0f5fb;font-size:14px;line-height:1.45}
body[data-route="content"] #page-body .content-v140 .content-preview-hashtags{padding:0 14px 9px;color:#00c9ff;font-size:12px}

body[data-route="content"] #page-body .content-v140 .content-preview-hero{
  position:relative;
  flex:0 0 auto!important;
  width:auto;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:533/235;
  margin:0 10px 7px;
  overflow:hidden;
  border:1px solid #173e69;
  border-radius:8px;
  background:#061d3e!important;
}

/* Khi chua chon media, dung chinh anh tham chieu nguoi dung gui lam visual mac dinh.
   Khi co media that, renderer goc tu dong thay bang anh/video/san pham that. */
body[data-route="content"] #page-body .content-v140 .content-preview-art{
  width:100%;
  height:100%;
  min-height:0!important;
  padding:0;
  border:0;
  background-image:url('/assets/botviet-content-reference-v4.png?v=2026.09.23')!important;
  background-repeat:no-repeat!important;
  background-size:269% auto!important;
  background-position:91% 58.4%!important;
}
body[data-route="content"] #page-body .content-v140 .content-preview-art>*{visibility:hidden!important}
body[data-route="content"] #page-body .content-v140 .content-preview-stage,
body[data-route="content"] #page-body .content-v140 .content-preview-primary,
body[data-route="content"] #page-body .content-v140 .content-preview-main-grid,
body[data-route="content"] #page-body .content-v140 .content-preview-image-cell,
body[data-route="content"] #page-body .content-v140 .content-preview-video-wrap{min-height:0;height:100%;border-radius:0}
body[data-route="content"] #page-body .content-v140 .content-preview-main-grid .content-preview-image-cell img,
body[data-route="content"] #page-body .content-v140 .content-preview-video-wrap video{width:100%;height:100%;max-height:none;object-fit:cover}

body[data-route="content"] #page-body .content-v140 .v4-engagement{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px 8px;
  color:#b7c7d8;
  font-size:11px;
}
body[data-route="content"] #page-body .content-v140 .v4-engagement>span:first-child{display:flex;align-items:center;gap:4px}
body[data-route="content"] #page-body .content-v140 .v4-reaction{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;font-size:10px}
body[data-route="content"] #page-body .content-v140 .v4-reaction.like{background:#178cff}
body[data-route="content"] #page-body .content-v140 .v4-reaction.love{margin-left:-7px;background:#ed4b62}
body[data-route="content"] #page-body .content-v140 .publish-preview-actions{border-top:1px solid #244661}
body[data-route="content"] #page-body .content-v140 .publish-preview-actions span{padding:12px 4px;color:#e5edf6;font-size:12px;font-weight:650}
body[data-route="content"] #page-body .content-v140 .publish-preview-actions .content-ui-icon{width:21px;height:21px}

/* Noi dung gan day. */
body[data-route="content"] #page-body .content-v140 .content-management-card{
  margin:0 28px;
  padding:6px 16px 6px;
  overflow:hidden;
  border:1px solid var(--v4-line);
  border-radius:12px;
  background:linear-gradient(145deg,#04172b,#031326);
}
body[data-route="content"] #page-body .content-v140 .content-management-head{
  display:grid;
  grid-template-columns:auto minmax(360px,1fr) auto;
  align-items:center;
  gap:14px;
}
body[data-route="content"] #page-body .content-v140 .content-management-head h3{margin:0;color:#f3f7fc;font-size:17px;white-space:nowrap}
body[data-route="content"] #page-body .content-v140 .content-management-tabs{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:0;overflow-x:auto}
body[data-route="content"] #page-body .content-v140 .content-management-tabs button{
  min-width:78px;
  min-height:32px;
  padding:0 13px;
  border:0;
  color:#afc1d4;
  background:#071c33;
  font-size:11px;
  cursor:pointer;
}
body[data-route="content"] #page-body .content-v140 .content-management-tabs button:first-child{border-radius:8px 0 0 8px}
body[data-route="content"] #page-body .content-v140 .content-management-tabs button:last-child{border-radius:0 8px 8px 0}
body[data-route="content"] #page-body .content-v140 .content-management-tabs button.active{color:#fff;background:linear-gradient(135deg,#057bdc,#079eea);box-shadow:inset 0 -2px #01d0ff}
body[data-route="content"] #page-body .content-v140 .content-management-filters{display:flex;align-items:center;gap:8px;position:relative}
body[data-route="content"] #page-body .content-v140 .content-management-filters .field{min-height:31px;border-color:#214968;border-radius:7px;background:#06182c;font-size:11px}
body[data-route="content"] #page-body .content-v140 .content-management-filters>input{width:235px;min-width:235px;padding-left:12px}
body[data-route="content"] #page-body .content-v140 .content-management-filters>select,
body[data-route="content"] #page-body .content-v140 .content-management-filters>.content-date-filter{display:none}
body[data-route="content"] #page-body .content-v140 .content-management-filters.v4-filters-open{
  flex-wrap:wrap;
  justify-content:flex-end;
}
body[data-route="content"] #page-body .content-v140 .content-management-filters.v4-filters-open>select,
body[data-route="content"] #page-body .content-v140 .content-management-filters.v4-filters-open>.content-date-filter{display:flex}
body[data-route="content"] #page-body .content-v140 .v4-filter-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:31px;
  padding:0 13px;
  border:1px solid #214968;
  border-radius:7px;
  color:#cedae7;
  background:#06182c;
  font-size:11px;
  cursor:pointer;
}
body[data-route="content"] #page-body .content-v140 .v4-filter-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}

body[data-route="content"] #page-body .content-v140 .content-management-card .table-wrap{overflow-x:auto}
body[data-route="content"] #page-body .content-v140 .content-reference-table{width:100%;min-width:760px;margin-top:5px}
body[data-route="content"] #page-body .content-v140 .content-reference-table th,
body[data-route="content"] #page-body .content-v140 .content-reference-table td{height:28px;padding:3px 10px;border-color:#183a58;font-size:10px}
body[data-route="content"] #page-body .content-v140 .content-reference-table th{color:#bdd0e4;background:#0a2945;font-weight:700}
body[data-route="content"] #page-body .content-v140 .content-reference-table th:nth-child(5),
body[data-route="content"] #page-body .content-v140 .content-reference-table td:nth-child(5){display:none}
body[data-route="content"] #page-body .content-v140 .content-reference-table th:nth-child(1){width:36%}
body[data-route="content"] #page-body .content-v140 .content-reference-table th:nth-child(2){width:18%}
body[data-route="content"] #page-body .content-v140 .content-reference-table th:nth-child(3){width:20%}
body[data-route="content"] #page-body .content-v140 .content-reference-table th:nth-child(4){width:16%}
body[data-route="content"] #page-body .content-v140 .content-reference-table th:nth-child(6){width:10%;text-align:center}
body[data-route="content"] #page-body .content-v140 .content-reference-table td:nth-child(6){text-align:center}
body[data-route="content"] #page-body .content-v140 .content-table-title{display:flex;align-items:center;gap:7px;min-width:0}
body[data-route="content"] #page-body .content-v140 .content-table-thumb{width:48px;height:22px;flex:0 0 48px;border-radius:4px}
body[data-route="content"] #page-body .content-v140 .content-table-title>div{min-width:0}
body[data-route="content"] #page-body .content-v140 .content-table-title b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:540}
body[data-route="content"] #page-body .content-v140 .content-table-title small{display:none}
body[data-route="content"] #page-body .content-v140 .content-table-channel .inbox-platform-icon,
body[data-route="content"] #page-body .content-v140 .content-table-channel .platform-logo{width:21px;height:21px}
body[data-route="content"] #page-body .content-v140 .content-row-actions{display:flex;justify-content:center}
body[data-route="content"] #page-body .content-v140 .content-row-actions .icon-btn:not(:last-child){display:none}
body[data-route="content"] #page-body .content-v140 .content-row-actions .icon-btn{width:28px;height:24px;border:0;background:transparent}
body[data-route="content"] #page-body .content-v140 .content-table-footer{display:none}
body[data-route="content"] #page-body .content-v140 .content-empty-posts{padding:16px}

@media (max-width:1240px){
  body[data-route="content"] #page-body .content-v140 .content-reference-header{padding-left:18px;padding-right:18px}
  body[data-route="content"] #page-body .content-v140 .content-stats-grid,
  body[data-route="content"] #page-body .content-v140 .content-management-card{margin-left:18px;margin-right:18px}
  body[data-route="content"] #page-body .content-v140 .content-compose-grid{padding-left:18px;padding-right:18px;grid-template-columns:minmax(0,1.15fr) minmax(385px,.85fr)}
  body[data-route="content"] #page-body .content-v140 .content-channel-tabs button,
  body[data-route="content"] #page-body .content-v140 .v4-format-tabs button{font-size:11px;padding-left:6px;padding-right:6px}
  body[data-route="content"] #page-body .content-v140 .content-management-head{grid-template-columns:1fr auto}
  body[data-route="content"] #page-body .content-v140 .content-management-tabs{grid-column:1/-1;grid-row:2}
}

@media (max-width:1020px){
  body[data-route="content"] #page-body .content-v140 .content-compose-grid{grid-template-columns:1fr}
  body[data-route="content"] #page-body .content-v140 .content-preview-card{order:2}
  body[data-route="content"] #page-body .content-v140 .content-preview-hero{max-height:430px}
}

@media (max-width:760px){
  body[data-route="content"] #page-body .content-v140 .content-reference-header{display:block;padding:10px 10px 0}
  body[data-route="content"] #page-body .content-v140 .content-reference-header h1{font-size:23px}
  body[data-route="content"] #page-body .content-v140 .content-reference-header p{font-size:12px}
  body[data-route="content"] #page-body .content-v140 .content-reference-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}
  body[data-route="content"] #page-body .content-v140 .content-reference-actions .btn{width:100%;padding:0 10px;font-size:12px}
  body[data-route="content"] #page-body .content-v140 .content-stats-grid{grid-template-columns:1fr 1fr;margin:0 10px}
  body[data-route="content"] #page-body .content-v140 .content-stat-card:nth-child(2)::before{display:none}
  body[data-route="content"] #page-body .content-v140 .content-stat-card:nth-child(-n+2){border-bottom:1px solid #264a67}
  body[data-route="content"] #page-body .content-v140 .content-compose-grid{padding:0 10px}
  body[data-route="content"] #page-body .content-v140 .content-management-card{margin:0 10px}
  body[data-route="content"] #page-body .content-v140 .content-channel-tabs,
  body[data-route="content"] #page-body .content-v140 .v4-format-tabs{grid-template-columns:1fr 1fr}
  body[data-route="content"] #page-body .content-v140 .content-schedule-row{grid-template-columns:1fr}
  body[data-route="content"] #page-body .content-v140 .content-schedule-label,
  body[data-route="content"] #page-body .content-v140 .content-repeat-toggle{padding:0!important}
  body[data-route="content"] #page-body .content-v140 .content-submit-row{align-items:stretch;flex-wrap:wrap}
  body[data-route="content"] #page-body .content-v140 .content-submit-row>span{flex-basis:100%;white-space:normal}
  body[data-route="content"] #page-body .content-v140 .content-submit-row .btn{flex:1}
  body[data-route="content"] #page-body .content-v140 .content-management-head{display:block}
  body[data-route="content"] #page-body .content-v140 .content-management-tabs{margin:7px 0}
  body[data-route="content"] #page-body .content-v140 .content-management-filters{display:grid;grid-template-columns:1fr auto}
  body[data-route="content"] #page-body .content-v140 .content-management-filters>input{width:100%;min-width:0}
  body[data-route="content"] #page-body .content-v140 .content-management-filters.v4-filters-open>select,
  body[data-route="content"] #page-body .content-v140 .content-management-filters.v4-filters-open>.content-date-filter{grid-column:1/-1;width:100%}
}

@media (prefers-reduced-motion:reduce){
  body[data-route="content"] #page-body .content-v140 *,
  body[data-route="content"] #page-body .content-v140 *::before,
  body[data-route="content"] #page-body .content-v140 *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ===== FIX RIENG PHAN CONG TAC TIEP THI LIEN KET ===== */
body[data-route="content"] #page-body .content-v140 .content-repeat-toggle{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  margin:0 0 10px!important;
  border:1px solid rgba(70,130,180,.42)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(9,39,66,.98) 0%,rgba(7,28,47,.98) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0,0,0,.16)!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-switch{
  position:relative!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:24px!important;
  margin:1px 0 0!important;
  border-radius:999px!important;
  background:rgba(125,144,160,.38)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.24)!important;
  transition:all .2s ease!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-switch::after{
  content:""!important;
  position:absolute!important;
  top:2px!important;
  left:2px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(0,0,0,.28)!important;
  transition:all .2s ease!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>input:checked + .content-repeat-switch{
  background:linear-gradient(90deg,#1b8dff 0%,#35b9ff 100%)!important;
  border-color:rgba(106,196,255,.78)!important;
  box-shadow:
    inset 0 2px 7px rgba(255,255,255,.12),
    0 0 0 3px rgba(27,141,255,.12)!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>input:checked + .content-repeat-switch::after{
  transform:translateX(20px)!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  color:#d7e5f2!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child>*:first-child{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 4px!important;
  color:#f2f7ff!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child>small,
body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child .content-repeat-note{
  display:block!important;
  margin:0!important;
  color:#9bb0c3!important;
  font-size:12px!important;
  line-height:1.5!important;
}

body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child>*:first-child>span,
body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child>*:first-child>em,
body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child>*:first-child>small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:22px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#1ca6ff 0%,#155fca 100%)!important;
  color:#edf8ff!important;
  font-size:11px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1!important;
  box-shadow:0 8px 16px rgba(21,95,202,.24)!important;
}

@media (max-width: 768px){
  body[data-route="content"] #page-body .content-v140 .content-repeat-toggle{
    padding:11px 12px!important;
    gap:10px!important;
  }
  body[data-route="content"] #page-body .content-v140 .content-repeat-toggle>span:last-child>*:first-child{
    font-size:14px!important;
  }
}

/* ===== FIX RIENG: LICH DANG + CONG TAC DANG LAP LAI GON HON =====
   Chi scope ben trong .content-schedule-row de khong anh huong cac cong tac khac.
*/
body[data-route="content"] #page-body .content-v140 .content-schedule-row{
  grid-template-columns:120px minmax(220px,280px) 112px!important;
  gap:8px!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding-top:4px!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0!important;
  min-height:34px!important;
  font-size:11.5px!important;
  white-space:nowrap!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-label .content-ui-icon{
  width:17px!important;
  height:17px!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-button{
  min-height:34px!important;
  height:34px!important;
  padding:0 11px!important;
  border-radius:8px!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-button strong{
  font-size:11.5px!important;
}

/* Chi cong tac "Dang lap lai" trong khu lich dang. */
body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-toggle{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:112px!important;
  min-width:112px!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:6px 8px!important;
  border:1px solid #275779!important;
  border-radius:10px!important;
  background:#071b30!important;
  box-shadow:none!important;
  cursor:pointer!important;
  user-select:none!important;
}

/* Input van click duoc: dat trong suot de phu dung vung cong tac. */
body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-toggle>input{
  position:absolute!important;
  left:8px!important;
  top:9px!important;
  z-index:4!important;
  width:36px!important;
  height:20px!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-switch{
  position:relative!important;
  z-index:2!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:20px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:#42596c!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.24)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  pointer-events:none!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-switch::after{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 5px rgba(0,0,0,.28)!important;
  transform:translateX(0)!important;
  transition:transform .18s ease!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-toggle>input:checked + .content-repeat-switch{
  background:linear-gradient(90deg,#178ce8,#20b8ff)!important;
  border-color:#42bfff!important;
  box-shadow:0 0 0 2px rgba(32,184,255,.10),inset 0 1px 3px rgba(255,255,255,.12)!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-toggle>input:checked + .content-repeat-switch::after{
  transform:translateX(16px)!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-toggle>input:focus-visible + .content-repeat-switch{
  outline:2px solid rgba(66,191,255,.8)!important;
  outline-offset:2px!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-toggle>span:last-child{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  color:#dce8f4!important;
  font-size:10.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
  white-space:normal!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-toggle>span:last-child>*{
  margin:0!important;
}

/* Mobile: van gon nhung khong ep tran man hinh. */
@media (max-width:768px){
  body[data-route="content"] #page-body .content-v140 .content-schedule-row{
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:7px!important;
  }

  body[data-route="content"] #page-body .content-v140 .content-schedule-row .content-repeat-toggle{
    width:112px!important;
    min-width:112px!important;
    padding:6px 8px!important;
  }
}


/* ===== FIX RIENG: LICH DEP KHI BAM CHON NGAY GIO =====
   Chi ap dung cho popup chon lich trong .content-schedule-field.
*/
body[data-route="content"] #page-body .content-v140 .content-schedule-field-upgraded{
  position:relative!important;
}

body[data-route="content"] #page-body .content-v140 .content-schedule-field-upgraded .content-schedule-button{
  width:100%!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-popover{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  z-index:120!important;
  width:268px!important;
  padding:12px!important;
  border:1px solid rgba(59,122,177,.58)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(8,28,46,.99) 0%,rgba(5,20,35,.99) 100%)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-popover[hidden]{
  display:none!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-popover-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-popover-head strong{
  color:#f1f7ff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-close{
  width:24px!important;
  height:24px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;
  background:#0a2237!important;
  color:#bcd1e6!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-grid{
  display:grid!important;
  grid-template-columns:1fr 98px!important;
  gap:10px!important;
  margin-bottom:10px!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-box{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-box>span{
  color:#9ab2c7!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.2!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-box>input{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  padding:0 10px!important;
  border:1px solid rgba(57,116,167,.72)!important;
  border-radius:9px!important;
  outline:none!important;
  background:#081a2d!important;
  color:#edf6ff!important;
  font-size:12px!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.18)!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-box>input:focus{
  border-color:#48b7ff!important;
  box-shadow:0 0 0 3px rgba(72,183,255,.12)!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-quick,
body[data-route="content"] #page-body .content-v140 .v4-schedule-apply{
  height:32px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  font-size:11.5px!important;
  font-weight:700!important;
  cursor:pointer!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-quick{
  border:1px solid rgba(57,116,167,.58)!important;
  background:#0a2237!important;
  color:#dbe9f6!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-apply{
  margin-left:auto!important;
  border:1px solid rgba(71,184,255,.7)!important;
  background:linear-gradient(180deg,#1399ff 0%,#1162d6 100%)!important;
  color:#f6fbff!important;
  box-shadow:0 12px 20px rgba(17,98,214,.24)!important;
}

body[data-route="content"] #page-body .content-v140 .v4-schedule-field-upgraded.v4-schedule-open .content-schedule-button{
  border-color:#45b7ff!important;
  box-shadow:0 0 0 3px rgba(69,183,255,.12)!important;
}

@media (max-width:768px){
  body[data-route="content"] #page-body .content-v140 .v4-schedule-popover{
    width:min(268px, calc(100vw - 36px))!important;
  }
}

/* ===== FIX RIENG: POPUP LICH KHONG BI CAT / AN DUOI KHUNG =====
   Popup duoc portal ra BODY + position fixed, nen khong bi overflow cua card cha cat.
*/
body[data-route="content"] .v4-schedule-popover.v4-schedule-portal{
  position:fixed!important;
  z-index:2147483000!important;
  top:0;
  left:0;
  width:268px;
  max-width:calc(100vw - 24px)!important;
  box-sizing:border-box!important;
  padding:12px!important;
  border:1px solid rgba(70,145,201,.72)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#08233b 0%,#061a2d 100%)!important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.44),
    0 0 0 1px rgba(6,157,255,.06),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body[data-route="content"] .v4-schedule-popover.v4-schedule-portal[hidden]{
  display:none!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-popover-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 10px!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-popover-head strong{
  margin:0!important;
  color:#f1f7ff!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-close{
  display:grid!important;
  place-items:center!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  padding:0!important;
  border:1px solid #294b67!important;
  border-radius:8px!important;
  background:#0b2941!important;
  color:#bcd0e2!important;
  font-size:17px!important;
  line-height:1!important;
  cursor:pointer!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  gap:9px!important;
  margin:0 0 10px!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-box{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-box>span{
  color:#9db5c9!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.2!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-box>input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  box-sizing:border-box!important;
  padding:0 8px!important;
  border:1px solid #315d7d!important;
  border-radius:8px!important;
  outline:0!important;
  background:#06192b!important;
  color:#eef7ff!important;
  font:600 11.5px/1.2 inherit!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-box>input:focus{
  border-color:#38b6ff!important;
  box-shadow:0 0 0 3px rgba(56,182,255,.13)!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-quick,
body[data-route="content"] .v4-schedule-portal .v4-schedule-apply{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:31px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1!important;
  cursor:pointer!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-quick{
  border:1px solid #31536d!important;
  background:#0a263d!important;
  color:#d5e4f2!important;
}

body[data-route="content"] .v4-schedule-portal .v4-schedule-apply{
  margin-left:auto!important;
  border:1px solid #32adf8!important;
  background:linear-gradient(180deg,#119ef8,#1264d7)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(18,100,215,.22)!important;
}

body[data-route="content"] .v4-schedule-portal[data-placement="top"]{
  transform-origin:bottom left!important;
}

body[data-route="content"] .v4-schedule-portal[data-placement="bottom"]{
  transform-origin:top left!important;
}

@media (max-width:480px){
  body[data-route="content"] .v4-schedule-popover.v4-schedule-portal{
    max-width:calc(100vw - 16px)!important;
    padding:10px!important;
  }
  body[data-route="content"] .v4-schedule-portal .v4-schedule-grid{
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:7px!important;
  }
}

/* ===== FIX RIENG: CHON FANPAGE CANH "KENH SAN SANG" ===== */
body[data-route="content"] #page-body .content-v140 .v4-heading-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:0!important;
  margin-left:auto!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-picker{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  height:28px!important;
  padding:0 7px!important;
  border:1px solid #285b7f!important;
  border-radius:9px!important;
  background:#071d32!important;
  color:#dceaf7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-picker[hidden]{
  display:none!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#1877f2!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-label{
  flex:0 0 auto!important;
  color:#9fb5ca!important;
  font-size:10.5px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-select{
  width:135px!important;
  min-width:0!important;
  height:24px!important;
  padding:0 23px 0 7px!important;
  border:0!important;
  outline:0!important;
  border-radius:6px!important;
  background:#0b2943!important;
  color:#f0f7ff!important;
  font-size:11px!important;
  font-weight:650!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-select:focus{
  box-shadow:0 0 0 2px rgba(40,180,255,.22)!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-picker.v4-page-empty{
  opacity:.72!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-picker.v4-page-empty .v4-facebook-page-select{
  cursor:default!important;
  color:#91a6b8!important;
}

@media (max-width:1120px){
  body[data-route="content"] #page-body .content-v140 .v4-facebook-page-label{
    display:none!important;
  }
  body[data-route="content"] #page-body .content-v140 .v4-facebook-page-select{
    width:120px!important;
  }
}

@media (max-width:820px){
  body[data-route="content"] #page-body .content-v140 .content-compose-card>h3{
    align-items:flex-start!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  body[data-route="content"] #page-body .content-v140 .v4-heading-actions{
    width:100%!important;
    justify-content:flex-start!important;
    margin-left:0!important;
  }
  body[data-route="content"] #page-body .content-v140 .v4-facebook-page-select{
    width:min(160px,42vw)!important;
  }
}

/* ===== FIX RIENG: TRANG THAI DONG BO FANPAGE TU /app/connections ===== */
body[data-route="content"] #page-body .content-v140 .v4-facebook-page-picker:not(.v4-page-empty){
  border-color:#2674a6!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-picker:not(.v4-page-empty) .v4-facebook-page-select{
  color:#eff8ff!important;
}

body[data-route="content"] #page-body .content-v140 .v4-facebook-page-picker.v4-page-empty .v4-facebook-page-label{
  color:#718aa0!important;
}

/* ===== FIX RIENG: UI FACEBOOK STRICT =====
   Chon Page + 4 nut Bai viet/Reels/Video/San pham chi hien khi Facebook active.
*/
body[data-route="content"] #page-body .content-v140 .v4-facebook-page-picker[hidden],
body[data-route="content"] #page-body .content-v140 .v4-format-tabs[hidden]{
  display:none!important;
}