/* ============================================================
   DASHBOARD STORYS — IMPORT EXCEL PREVIEW V1
============================================================ */

.editorial-import-panel{
  margin-bottom:18px;
}


.editorial-import-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:20px;
}


.editorial-import-head h2{
  margin:4px 0 0;

  font-size:20px;
}


.editorial-import-head p{
  max-width:720px;

  margin:8px 0 0;

  color:var(--muted);

  font-size:11px;
  line-height:1.55;
}


.editorial-import-readonly{
  flex:0 0 auto;

  min-height:28px;

  display:inline-flex;
  align-items:center;

  padding:0 10px;

  border:
    1px solid rgba(245,158,11,.22);

  border-radius:999px;

  color:#ffe8b1;

  background:
    rgba(245,158,11,.09);

  font-size:8px;
  font-weight:900;

  letter-spacing:.06em;
}


.editorial-import-controls{
  display:flex;
  align-items:center;

  gap:13px;

  margin-top:20px;
}


.editorial-import-button{
  min-height:42px;

  padding:0 18px;

  font-size:11px;
  font-weight:850;
}


.editorial-selected-file{
  min-width:0;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  color:var(--muted);

  font-size:10px;
}


.editorial-preview{
  margin-top:20px;
}


.editorial-preview-summary{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:9px;
}


.editorial-preview-summary article{
  min-width:0;

  padding:13px;

  border:
    1px solid var(--border);

  border-radius:13px;

  background:
    rgba(255,255,255,.018);
}


.editorial-preview-summary span,
.editorial-preview-meta span{
  display:block;

  color:var(--muted2);

  font-size:8px;
  font-weight:800;

  text-transform:uppercase;
  letter-spacing:.04em;
}


.editorial-preview-summary strong{
  display:block;

  margin-top:5px;

  color:#fff;

  font-size:18px;
}


.editorial-preview-summary
.preview-new{
  border-color:
    rgba(67,214,163,.20);
}


.editorial-preview-summary
.preview-new strong{
  color:var(--positive);
}


.editorial-preview-summary
.preview-changed{
  border-color:
    rgba(245,158,11,.22);
}


.editorial-preview-summary
.preview-changed strong{
  color:var(--warning);
}


.editorial-preview-summary
.preview-deactivated{
  border-color:
    rgba(255,123,138,.22);
}


.editorial-preview-summary
.preview-deactivated strong{
  color:var(--danger);
}


.editorial-preview-summary
.preview-extra{
  border-color:
    rgba(96,165,250,.22);
}


.editorial-preview-summary
.preview-extra strong{
  color:var(--facebook);
}


.editorial-preview-meta{
  display:grid;

  grid-template-columns:
    2fr 1fr 1fr;

  gap:9px;

  margin-top:11px;
}


.editorial-preview-meta > div{
  min-width:0;

  padding:11px 13px;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius:11px;

  background:
    rgba(255,255,255,.012);
}


.editorial-preview-meta strong{
  display:block;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  margin-top:5px;

  color:#dce6f4;

  font-size:10px;
}


.editorial-preview-warnings{
  margin-top:13px;

  padding:12px 14px;

  border:
    1px solid rgba(245,158,11,.22);

  border-radius:11px;

  color:#ffe8b1;

  background:
    rgba(245,158,11,.075);

  font-size:10px;
  line-height:1.55;
}


.editorial-preview-details{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:11px;

  margin-top:16px;
}


.editorial-preview-details > div{
  min-width:0;

  padding:13px;

  border:
    1px solid var(--border);

  border-radius:13px;

  background:
    rgba(255,255,255,.012);
}


.editorial-preview-details h3{
  margin:0 0 9px;

  font-size:11px;
}


.preview-story-item{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:8px;

  padding:6px 0;

  border-bottom:
    1px solid rgba(255,255,255,.04);

  color:var(--muted);

  font-size:9px;
}


.preview-story-item:last-child{
  border-bottom:0;
}


.preview-story-item strong{
  color:#fff;

  font-size:9px;
}


.preview-empty{
  padding:8px 0;

  color:var(--muted2);

  font-size:9px;
}


.editorial-preview-safety{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:15px;

  margin-top:16px;

  padding:12px 14px;

  border:
    1px solid rgba(67,214,163,.17);

  border-radius:12px;

  background:
    rgba(67,214,163,.05);
}


.editorial-preview-safety strong{
  color:var(--positive);

  font-size:10px;
}


.editorial-preview-safety span{
  color:var(--muted);

  font-size:9px;
}


@media(max-width:850px){

  .editorial-preview-summary{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  .editorial-preview-details{
    grid-template-columns:1fr;
  }

}


@media(max-width:600px){

  .editorial-import-head,
  .editorial-import-controls,
  .editorial-preview-safety{
    align-items:stretch;
    flex-direction:column;
  }


  .editorial-import-readonly{
    align-self:flex-start;
  }


  .editorial-import-button{
    width:100%;
  }


  .editorial-preview-summary{
    grid-template-columns:1fr 1fr;
  }


  .editorial-preview-meta{
    grid-template-columns:1fr;
  }

}


/* ============================================================
   IMPORT EXCEL PREVIEW B1.1
============================================================ */

.editorial-preview-summary
.preview-history{
  border-color:
    rgba(245,158,11,.22);
}


.editorial-preview-summary
.preview-history strong{
  color:var(--warning);
}


.preview-story-meta{
  display:flex;

  align-items:center;
  justify-content:flex-end;

  gap:8px;

  flex-wrap:wrap;
}


.preview-story-meta em{
  display:inline-flex;
  align-items:center;

  min-height:20px;

  padding:0 6px;

  border-radius:999px;

  font-size:7px;
  font-style:normal;
  font-weight:900;

  white-space:nowrap;
}


.preview-has-history{
  color:#ffe8b1;

  background:
    rgba(245,158,11,.12);
}


.preview-no-history{
  color:#b8cadf;

  background:
    rgba(255,255,255,.055);
}


@media(max-width:600px){

  .preview-story-item{
    align-items:flex-start;
    flex-direction:column;
  }


  .preview-story-meta{
    justify-content:flex-start;
  }

}


/* ============================================================
   IMPORT EXCEL B2
============================================================ */

.editorial-preview-safety > div{
  min-width:0;
}


.editorial-preview-safety > div span{
  display:block;

  margin-top:3px;
}


.editorial-confirm-import{
  flex:0 0 auto;

  min-height:42px;

  padding:0 18px;

  border:0;
  border-radius:11px;

  font-size:11px;
  font-weight:900;
}


@media(max-width:600px){

  .editorial-confirm-import{
    width:100%;
  }

}