/* VNLIKE.VN - POP thong bao + Admin Rich Editor */

:root{
  --vnl-notice-accent:#7b73ff;
  --vnl-notice-accent-2:#a66bff;
  --vnl-notice-glow:rgba(113,103,255,.28);
  --vnl-notice-soft:rgba(113,103,255,.12);
}

body.vnl-announcement-open{overflow:hidden!important}

.vnl-announcement-layer{
  position:fixed;
  inset:0;
  z-index:5000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,5,13,.70);
  -webkit-backdrop-filter:blur(15px) saturate(.82);
  backdrop-filter:blur(15px) saturate(.82);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease,visibility .24s ease;
}
.vnl-announcement-layer.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.vnl-announcement-layer.is-toast{
  align-items:flex-end;
  justify-content:flex-end;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  pointer-events:none;
  padding:22px;
}
.vnl-announcement-layer.is-toast .vnl-announcement-card{pointer-events:auto}

.vnl-announcement-card{
  --notice-accent:#7b73ff;
  --notice-accent-2:#a66bff;
  --notice-glow:rgba(113,103,255,.28);
  --notice-soft:rgba(113,103,255,.12);
  position:relative;
  width:min(560px,calc(100vw - 32px));
  max-height:min(88vh,820px);
  overflow:hidden;
  border:1px solid rgba(190,198,255,.20);
  border-radius:28px;
  color:#f7f8ff;
  background:
    radial-gradient(circle at 12% -8%,var(--notice-soft),transparent 38%),
    linear-gradient(150deg,rgba(19,27,48,.985),rgba(8,13,26,.992));
  box-shadow:0 38px 120px rgba(0,0,0,.64),0 0 70px var(--notice-glow),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(14px) scale(.975);
  opacity:0;
  transition:transform .30s cubic-bezier(.2,.85,.25,1.08),opacity .24s ease;
  isolation:isolate;
}
.vnl-announcement-layer.is-visible .vnl-announcement-card{transform:none;opacity:1}
.vnl-announcement-card.anim-slide{transform:translateY(46px)}
.vnl-announcement-layer.is-visible .vnl-announcement-card.anim-slide{transform:translateY(0)}
.vnl-announcement-card.anim-fade{transform:none}
.vnl-announcement-card.size-compact{width:min(430px,calc(100vw - 32px))}
.vnl-announcement-card.size-wide{width:min(760px,calc(100vw - 32px))}
.vnl-announcement-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45% 45% 58% -22%;
  border-radius:50%;
  background:radial-gradient(circle,var(--notice-glow),transparent 68%);
  pointer-events:none;
}
.vnl-announcement-card.theme-info{--notice-accent:#4f9cff;--notice-accent-2:#52d4ff;--notice-glow:rgba(53,143,255,.25);--notice-soft:rgba(54,149,255,.12)}
.vnl-announcement-card.theme-success{--notice-accent:#22d49a;--notice-accent-2:#72efb7;--notice-glow:rgba(34,212,154,.23);--notice-soft:rgba(34,212,154,.10)}
.vnl-announcement-card.theme-warning{--notice-accent:#ffb83e;--notice-accent-2:#ffe06c;--notice-glow:rgba(255,184,62,.23);--notice-soft:rgba(255,184,62,.10)}
.vnl-announcement-card.theme-danger{--notice-accent:#ff5f7b;--notice-accent-2:#ff8c70;--notice-glow:rgba(255,95,123,.25);--notice-soft:rgba(255,95,123,.11)}
.vnl-announcement-card.theme-dark{--notice-accent:#a7b0c7;--notice-accent-2:#dce3f4;--notice-glow:rgba(154,168,198,.18);--notice-soft:rgba(154,168,198,.08)}

.vnl-announcement-scroll{
  width:100%;
  max-height:min(88vh,820px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(130,144,190,.35) transparent;
}
.vnl-announcement-scroll::-webkit-scrollbar{width:5px}
.vnl-announcement-scroll::-webkit-scrollbar-thumb{background:rgba(130,144,190,.34);border-radius:999px}
.vnl-announcement-inner{padding:27px 28px 24px}
.vnl-announcement-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.vnl-announcement-heading{min-width:0;flex:1}
.vnl-announcement-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--notice-accent) 36%,transparent);
  border-radius:999px;
  color:#e9e9ff;
  background:var(--notice-soft);
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.vnl-announcement-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--notice-accent);box-shadow:0 0 14px var(--notice-accent)}
.vnl-announcement-title{margin:13px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.14;letter-spacing:-.035em;overflow-wrap:anywhere}
/* Center relative to the full popup width, not the heading rail reserved for the close button. */
.vnl-announcement-card.title-align-center .vnl-announcement-title{width:calc(100% + 57px);text-align:center}
.vnl-announcement-card.title-align-right .vnl-announcement-title{width:calc(100% + 57px);text-align:right}
.vnl-announcement-close{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  padding:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  color:#e8ebf7;
  background:rgba(255,255,255,.055);
  font-size:24px;
  line-height:1;
  transition:.18s ease;
}
.vnl-announcement-close:hover{transform:rotate(4deg) scale(1.04);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.09)}

.vnl-announcement-media{margin-top:20px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:#070b15;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.25)}
.vnl-announcement-media img,.vnl-announcement-media video,.vnl-announcement-media iframe{display:block;width:100%;max-height:430px;border:0;object-fit:contain;background:#050812}
.vnl-announcement-media iframe{aspect-ratio:16/9;height:auto}
.vnl-announcement-media video{min-height:180px}

.vnl-announcement-content{margin-top:20px;color:#c8d0e2;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.vnl-announcement-content>:first-child{margin-top:0}
.vnl-announcement-content>:last-child{margin-bottom:0}
.vnl-announcement-content h1,.vnl-announcement-content h2,.vnl-announcement-content h3,.vnl-announcement-content h4{color:#fff;line-height:1.28;margin:1em 0 .45em}
.vnl-announcement-content h1{font-size:28px}.vnl-announcement-content h2{font-size:24px}.vnl-announcement-content h3{font-size:20px}.vnl-announcement-content h4{font-size:17px}
.vnl-announcement-content p{margin:.68em 0}
.vnl-announcement-content a{color:#aeb7ff;text-decoration:underline;text-underline-offset:3px}
.vnl-announcement-content ul,.vnl-announcement-content ol{padding-left:22px;margin:.75em 0}
.vnl-announcement-content blockquote{margin:1em 0;padding:12px 15px;border-left:3px solid var(--notice-accent);border-radius:0 12px 12px 0;background:var(--notice-soft);color:#e2e6f3}
.vnl-announcement-content img,.vnl-announcement-content video{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:14px}
.vnl-announcement-content video{width:100%;background:#050812}
.vnl-announcement-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:14px 0}
.vnl-announcement-content th,.vnl-announcement-content td{padding:9px 11px;border:1px solid rgba(255,255,255,.12);white-space:nowrap}
.vnl-announcement-content pre,.vnl-announcement-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.vnl-announcement-content pre{max-width:100%;overflow:auto;padding:12px;border-radius:12px;background:rgba(0,0,0,.24)}

.vnl-announcement-actions{display:flex;gap:10px;margin-top:23px}
.vnl-announcement-primary,.vnl-announcement-dismiss{
  min-height:46px;
  border-radius:14px;
  padding:11px 16px;
  font-weight:850;
  font-size:12px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.vnl-announcement-primary{flex:1;border:0;color:#fff;background:linear-gradient(135deg,var(--notice-accent),var(--notice-accent-2));box-shadow:0 12px 28px var(--notice-glow)}
.vnl-announcement-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px var(--notice-glow)}
.vnl-announcement-dismiss{flex:0 1 auto;border:1px solid rgba(255,255,255,.11);color:#d8deed;background:rgba(255,255,255,.045)}
.vnl-announcement-dismiss:hover{border-color:rgba(255,255,255,.22);transform:translateY(-1px)}
.vnl-announcement-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#77849c;font-size:9px;line-height:1.5}
.vnl-announcement-note strong{color:#9da9c1}
.vnl-announcement-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.05);overflow:hidden}
.vnl-announcement-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--notice-accent),var(--notice-accent-2));transform-origin:left center;animation:vnlNoticeCountdown linear forwards}
@keyframes vnlNoticeCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* ===== ADMIN ===== */
#admin-announcements{--vnl-admin-border:rgba(133,153,202,.20);--vnl-admin-soft:rgba(99,120,255,.08)}
.vnl-notice-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.vnl-notice-admin-head h1{margin:0;font-size:30px;letter-spacing:-.04em}
.vnl-notice-admin-head p{margin:7px 0 0;color:#7f8ca4;font-size:11px;line-height:1.65}
.vnl-notice-admin-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.vnl-notice-admin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:16px;align-items:start}
.vnl-notice-admin-card{border:1px solid var(--vnl-admin-border);border-radius:22px;background:linear-gradient(180deg,rgba(17,27,49,.96),rgba(10,18,33,.98));box-shadow:0 18px 45px rgba(0,0,0,.15);overflow:hidden}
.vnl-notice-admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid var(--vnl-admin-border);background:rgba(255,255,255,.018)}
.vnl-notice-admin-card-head strong{font-size:13px}.vnl-notice-admin-card-head small{display:block;margin-top:4px;color:#718099;font-size:9px}
.vnl-notice-admin-body{padding:18px}
.vnl-notice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vnl-notice-form-grid .field{margin-top:0}
.vnl-notice-form-grid .span-2{grid-column:1/-1}
#admin-announcements .field label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8290aa;font-size:9px;font-weight:800;letter-spacing:.045em}
#admin-announcements .input{height:43px;background:#0d172a!important;border-color:rgba(127,148,198,.24)!important}
#admin-announcements textarea.input{height:84px;padding:11px 13px;resize:vertical}
.vnl-notice-help{color:#64728b;font-size:8px;font-weight:500;letter-spacing:0;text-transform:none}
.vnl-notice-title-align{display:flex;gap:7px;flex-wrap:wrap}
.vnl-notice-title-align button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 90px;min-height:38px;border:1px solid rgba(127,148,198,.24);border-radius:11px;background:#0d172a;color:#aebbd3;font-size:10px;font-weight:800;cursor:pointer}
.vnl-notice-title-align button:hover,.vnl-notice-title-align button.is-active{border-color:#7e81ff;background:rgba(99,120,255,.16);color:#fff}
.vnl-notice-title-align button:focus-visible{outline:2px solid #9ea7ff;outline-offset:2px}

.vnl-notice-editor-shell{overflow:hidden;border:1px solid rgba(127,148,198,.24);border-radius:14px;background:#0b1425}
.vnl-notice-editor-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:9px;border-bottom:1px solid rgba(127,148,198,.18);background:#111d33}
.vnl-notice-editor-toolbar button,.vnl-notice-editor-toolbar select,.vnl-notice-editor-toolbar label{
  display:inline-flex;align-items:center;justify-content:center;height:31px;min-width:31px;padding:0 9px;border:1px solid rgba(135,154,201,.18);border-radius:8px;color:#dce4f8;background:rgba(255,255,255,.035);font-size:10px;font-weight:800;cursor:pointer
}
.vnl-notice-editor-toolbar button:hover,.vnl-notice-editor-toolbar button.is-active{border-color:rgba(121,113,255,.62);background:rgba(113,103,255,.15);color:#fff}
.vnl-notice-editor-toolbar select{color-scheme:dark;min-width:82px;outline:0}
.vnl-notice-color{position:relative;width:31px!important;min-width:31px!important;padding:0!important;overflow:hidden}
.vnl-notice-color input{position:absolute;inset:-8px;width:48px;height:48px;opacity:0;cursor:pointer}
.vnl-notice-color span{font-size:13px;font-weight:900}
.vnl-notice-editor{
  min-height:210px;
  max-height:430px;
  overflow:auto;
  padding:15px;
  color:#dbe2f3;
  background:#0b1425;
  outline:0;
  font-size:13px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.vnl-notice-editor:empty:before{content:attr(data-placeholder);color:#586781;pointer-events:none}
.vnl-notice-editor img,.vnl-notice-editor video{max-width:100%;height:auto;border-radius:10px}
.vnl-notice-source{display:none;width:100%;min-height:250px;max-height:430px;padding:14px;border:0;outline:0;resize:vertical;color:#dce4f8;background:#08111f;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}
.vnl-notice-editor-shell.source-mode .vnl-notice-editor{display:none}
.vnl-notice-editor-shell.source-mode .vnl-notice-source{display:block}

.vnl-notice-media-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.vnl-notice-media-status{margin-top:9px;min-height:20px;color:#7887a2;font-size:9px;line-height:1.5}
.vnl-notice-media-preview{display:none;margin-top:10px;position:relative;padding:8px;border:1px solid rgba(127,148,198,.20);border-radius:14px;background:#08111f}
.vnl-notice-media-preview.show{display:block}
.vnl-notice-media-preview img,.vnl-notice-media-preview video,.vnl-notice-media-preview iframe{display:block;width:100%;max-height:260px;object-fit:contain;border:0;border-radius:10px;background:#050912}
.vnl-notice-media-preview iframe{aspect-ratio:16/9;height:auto}
.vnl-notice-media-remove{position:absolute;top:14px;right:14px;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;background:rgba(5,9,18,.82);z-index:2}

.vnl-notice-check-row{display:flex;align-items:center;gap:9px;min-height:43px;padding:0 12px;border:1px solid rgba(127,148,198,.22);border-radius:12px;background:#0d172a;color:#cbd4e8;font-size:10px}
.vnl-notice-check-row input{accent-color:#766cff}
.vnl-notice-admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid rgba(127,148,198,.16)}
.vnl-notice-admin-actions .btn{min-height:42px}
.vnl-notice-save{flex:1}
.vnl-notice-message{margin-top:11px;min-height:0}

.vnl-notice-preview-frame{padding:15px;min-height:340px;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(94,110,255,.12),transparent 45%),#080f1d}
.vnl-notice-preview-mini{width:100%;max-width:390px;border:1px solid rgba(170,183,229,.18);border-radius:19px;overflow:hidden;background:linear-gradient(145deg,#111b30,#0a1221);box-shadow:0 20px 50px rgba(0,0,0,.32)}
.vnl-notice-preview-mini-media{display:none;background:#050912}
.vnl-notice-preview-mini-media.show{display:block}
.vnl-notice-preview-mini-media img,.vnl-notice-preview-mini-media video,.vnl-notice-preview-mini-media iframe{display:block;width:100%;max-height:200px;object-fit:contain;border:0}.vnl-notice-preview-mini-media iframe{aspect-ratio:16/9;height:auto}
.vnl-notice-preview-mini-body{padding:17px}
.vnl-notice-preview-mini-badge{color:#aeb7ff;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.vnl-notice-preview-mini h3{margin:8px 0 10px;font-size:21px;line-height:1.2;overflow-wrap:anywhere}
.vnl-notice-preview-mini-content{max-height:150px;overflow:hidden;color:#aeb9cf;font-size:10px;line-height:1.65;mask-image:linear-gradient(#000 75%,transparent)}
.vnl-notice-preview-mini-button{display:none;margin-top:13px;padding:10px 12px;border-radius:10px;text-align:center;color:#fff;background:linear-gradient(135deg,#6378ff,#885cf6);font-size:9px;font-weight:900}
.vnl-notice-preview-mini-button.show{display:block}
.vnl-notice-preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.vnl-notice-preview-meta div{padding:10px;border:1px solid rgba(127,148,198,.17);border-radius:11px;background:rgba(255,255,255,.025)}
.vnl-notice-preview-meta small{display:block;color:#66758f;font-size:8px}.vnl-notice-preview-meta strong{display:block;margin-top:4px;color:#dce4f8;font-size:10px}

.vnl-notice-list-card{margin-top:16px}
.vnl-notice-list{display:grid;gap:10px}
.vnl-notice-empty{padding:28px;text-align:center;color:#71809b;font-size:11px}
.vnl-notice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(127,148,198,.16);border-radius:15px;background:rgba(255,255,255,.018)}
.vnl-notice-row.is-active{border-color:rgba(72,218,159,.24);background:linear-gradient(90deg,rgba(38,205,143,.055),rgba(255,255,255,.015))}
.vnl-notice-row-main{min-width:0}
.vnl-notice-row-title{display:flex;align-items:center;gap:8px;min-width:0}.vnl-notice-row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.vnl-notice-state{flex:0 0 auto;padding:5px 7px;border-radius:999px;color:#8e9bb2;background:rgba(255,255,255,.055);font-size:7px;font-weight:900;text-transform:uppercase}
.vnl-notice-state.on{color:#68e6b0;background:rgba(42,215,151,.10)}
.vnl-notice-row-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;color:#65758f;font-size:8px}
.vnl-notice-row-meta span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.035)}
.vnl-notice-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.vnl-notice-row-actions .btn{padding:8px 10px;font-size:8px;border-radius:9px}
.vnl-notice-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78869f}.vnl-notice-status-dot.live{background:#35dfa1;box-shadow:0 0 10px rgba(53,223,161,.65)}.vnl-notice-status-dot.scheduled{background:#ffc15d}.vnl-notice-status-dot.expired{background:#ff6b7f}

@media(max-width:1050px){
  .vnl-notice-admin-grid{grid-template-columns:1fr}
  .vnl-notice-preview-frame{min-height:280px}
}
@media(max-width:700px){
  .vnl-announcement-layer{padding:12px;align-items:center;justify-content:center;min-height:100dvh}
  /* A bottom-right desktop toast becomes a centered dialog on mobile as requested. */
  .vnl-announcement-layer.is-toast{padding:12px;align-items:center;justify-content:center;background:rgba(2,5,13,.70);-webkit-backdrop-filter:blur(15px) saturate(.82);backdrop-filter:blur(15px) saturate(.82)}
  .vnl-announcement-layer.is-toast.is-visible{pointer-events:auto}
  .vnl-announcement-card,.vnl-announcement-card.size-compact,.vnl-announcement-card.size-wide{width:100%;max-height:calc(100dvh - 24px);border-radius:23px}
  .vnl-announcement-scroll{max-height:calc(100dvh - 24px)}
  .vnl-announcement-inner{padding:21px 18px 18px}
  .vnl-announcement-title{font-size:24px;margin-top:11px}
  .vnl-announcement-card.title-align-center .vnl-announcement-title,.vnl-announcement-card.title-align-right .vnl-announcement-title{width:calc(100% + 54px)}
  .vnl-announcement-close{width:36px;height:36px;border-radius:12px}
  .vnl-announcement-media{margin-top:16px;border-radius:16px}
  .vnl-announcement-media img,.vnl-announcement-media video{max-height:42dvh}
  .vnl-announcement-content{font-size:13px;line-height:1.68;margin-top:17px}
  .vnl-announcement-actions{flex-direction:column;margin-top:18px}
  .vnl-announcement-primary,.vnl-announcement-dismiss{width:100%;flex:1}
  .vnl-announcement-note{align-items:flex-start;flex-direction:column;gap:3px}

  .vnl-notice-admin-head{align-items:stretch;flex-direction:column}
  .vnl-notice-admin-head h1{font-size:25px}
  .vnl-notice-admin-head-actions{justify-content:flex-start}
  .vnl-notice-form-grid{grid-template-columns:1fr}
  .vnl-notice-form-grid .span-2{grid-column:auto}
  .vnl-notice-admin-body{padding:13px}
  .vnl-notice-admin-card-head{padding:14px}
  .vnl-notice-editor-toolbar{gap:4px;padding:7px}
  .vnl-notice-editor-toolbar button,.vnl-notice-editor-toolbar select,.vnl-notice-editor-toolbar label{height:30px;min-width:30px;padding:0 7px}
  .vnl-notice-editor{min-height:190px;padding:12px}
  .vnl-notice-media-row{grid-template-columns:1fr}
  .vnl-notice-admin-actions{display:grid;grid-template-columns:1fr 1fr}
  .vnl-notice-admin-actions .vnl-notice-save{grid-column:1/-1}
  .vnl-notice-row{grid-template-columns:1fr}
  .vnl-notice-row-actions{justify-content:flex-start}
}
@media(max-width:420px){
  .vnl-announcement-layer,.vnl-announcement-layer.is-toast{padding:8px}
  .vnl-announcement-card,.vnl-announcement-card.size-compact,.vnl-announcement-card.size-wide{max-height:calc(100dvh - 16px)}
  .vnl-announcement-scroll{max-height:calc(100dvh - 16px)}
  .vnl-announcement-card{border-radius:20px}
  .vnl-announcement-inner{padding:18px 15px 15px}
  .vnl-announcement-badge{font-size:8px;min-height:25px}
  .vnl-announcement-title{font-size:22px}
  .vnl-notice-admin-actions{grid-template-columns:1fr}
  .vnl-notice-admin-actions .vnl-notice-save{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .vnl-announcement-layer,.vnl-announcement-card,.vnl-announcement-close,.vnl-announcement-primary,.vnl-announcement-dismiss{transition:none!important}
  .vnl-announcement-progress i{animation:none!important}
}