/* Sirmint Flow Marketing */
.marketing-page-head{align-items:flex-end}
.marketing-head-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.marketing-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:.85rem
}
.marketing-metrics article{
  padding:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;
  box-shadow:0 8px 20px rgba(37,27,82,.04)
}
.marketing-metrics span,.marketing-analytics-grid span{display:block;color:#777382;font-size:.54rem}
.marketing-metrics strong,.marketing-analytics-grid strong{
  display:block;margin:.55rem 0 .3rem;font-size:1.35rem
}
.marketing-metrics em{font-size:.48rem;color:#664de0;font-style:normal}
.marketing-tabs{
  display:flex;gap:.4rem;padding:.35rem;margin-bottom:.8rem;border:1px solid var(--line);
  border-radius:8px;background:#fff;overflow:auto
}
.marketing-tabs button{
  border:0;border-radius:6px;background:transparent;padding:.62rem .85rem;color:#6e6878;
  font-size:.52rem;font-weight:800;white-space:nowrap;cursor:pointer
}
.marketing-tabs button.active{background:#eeeaff;color:#5c43cf}
.marketing-tab{display:none}.marketing-tab.active{display:block}
.marketing-grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:.8rem
}
.marketing-composer,.marketing-preview-card,.marketing-campaign-list-card,
.marketing-import-card,.marketing-contact-table-card{padding:1rem}
.marketing-form{display:grid;gap:.78rem;margin-top:1rem}
.marketing-form label,.marketing-send-box label{
  display:grid;gap:.36rem;color:#666072;font-size:.5rem;font-weight:800
}
.marketing-form input,.marketing-form select,.marketing-form textarea,
.marketing-send-box input,.marketing-campaign-list-card select,
.marketing-contact-tools input,.marketing-contact-tools select{
  width:100%;padding:.68rem;border:1px solid var(--line);border-radius:6px;background:#fff;
  color:#29243a;outline:0
}
.marketing-form input:focus,.marketing-form select:focus,.marketing-form textarea:focus,
.marketing-send-box input:focus{
  border-color:#6e55ef;box-shadow:0 0 0 3px rgba(110,85,239,.1)
}
.marketing-form textarea{min-height:245px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.53rem;line-height:1.55}
.marketing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.marketing-token-row{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}
.marketing-token-row span{font-size:.48rem;color:#777281;font-weight:700}
.marketing-token-row button{
  padding:.35rem .48rem;border:1px solid #ddd8ec;border-radius:999px;background:#f9f8fd;
  color:#5e48c6;font-size:.44rem;cursor:pointer
}
.marketing-actions,.marketing-send-box{
  display:flex;gap:.5rem;align-items:end;justify-content:flex-end;flex-wrap:wrap
}
.marketing-send-box{
  margin-top:1rem;padding:.85rem;border:1px solid #e3dff0;border-radius:8px;background:#faf9fd
}
.marketing-send-box label{min-width:240px;flex:1}
.marketing-preview-card iframe{
  width:100%;min-height:650px;margin-top:.9rem;border:1px solid var(--line);border-radius:8px;background:#f5f3f8
}
.marketing-campaign-list-card{margin-top:.8rem}
.marketing-campaign-list,.marketing-template-list{display:grid;gap:.6rem;margin-top:.85rem}
.marketing-campaign-item,.marketing-template-item{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;
  padding:.85rem;border:1px solid var(--line);border-radius:8px
}
.marketing-campaign-item h3,.marketing-template-item h3{margin:0;font-size:.61rem}
.marketing-campaign-item p,.marketing-template-item p{
  margin:.3rem 0 0;color:#777281;font-size:.47rem;line-height:1.5
}
.marketing-item-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.marketing-item-actions button{
  padding:.42rem .52rem;border:1px solid var(--line);border-radius:5px;background:#fff;
  color:#585164;font-size:.44rem;cursor:pointer
}
.marketing-item-actions button.primary{background:#6048d3;color:#fff;border-color:#6048d3}
.marketing-item-actions button.danger{color:#b74460}
.marketing-status{
  display:inline-block;margin-left:.35rem;padding:.2rem .4rem;border-radius:999px;
  background:#f0edf8;color:#635c70;font-size:.39rem;text-transform:uppercase;font-weight:900
}
.marketing-status.sent{background:#dff7ec;color:#23825b}
.marketing-status.scheduled{background:#e4edff;color:#3d68c2}
.marketing-status.draft{background:#f0edf8;color:#635c70}
.marketing-contact-layout{
  display:grid;grid-template-columns:minmax(280px,.35fr) minmax(0,.65fr);gap:.8rem
}
.marketing-help{color:#777281;font-size:.5rem;line-height:1.6}
.marketing-import-card input[type=file]{
  width:100%;margin:.8rem 0;padding:.9rem;border:1px dashed #bbb3d7;border-radius:8px;background:#faf9fd
}
.marketing-import-summary{
  min-height:90px;margin-bottom:.75rem;padding:.8rem;border-radius:7px;background:#f5f3fa;
  color:#686173;font-size:.5rem;line-height:1.65
}
.marketing-contact-tools{display:flex;gap:.45rem}
.marketing-table-wrap{overflow:auto;margin-top:.8rem}
.marketing-table{width:100%;border-collapse:collapse;min-width:700px}
.marketing-table th,.marketing-table td{
  padding:.68rem;border-bottom:1px solid #ece9f2;text-align:left;font-size:.48rem
}
.marketing-table th{color:#777281;font-size:.42rem;text-transform:uppercase;letter-spacing:.05em}
.marketing-contact-name{display:grid;gap:.2rem}
.marketing-contact-name b{font-size:.5rem}.marketing-contact-name small{color:#777281;font-size:.43rem}
.marketing-consent{font-weight:800}.marketing-consent.yes{color:#23825b}.marketing-consent.no{color:#a35063}
.marketing-table button{
  border:0;background:none;color:#a35063;font-size:.44rem;cursor:pointer
}
.marketing-empty{padding:1.2rem;color:#777281;font-size:.54rem;text-align:center}
.marketing-analytics-grid{
  display:grid;grid-template-columns:2fr repeat(4,1fr);gap:.8rem
}
.marketing-analytics-grid article{padding:1rem}
.marketing-analytics-grid h2{font-size:.82rem;margin:.45rem 0}
.marketing-analytics-grid p{color:#777281;font-size:.5rem;line-height:1.5}
@media(max-width:1180px){
  .marketing-grid,.marketing-contact-layout{grid-template-columns:1fr}
  .marketing-analytics-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
  .marketing-metrics{grid-template-columns:repeat(2,1fr)}
  .marketing-form-grid{grid-template-columns:1fr}
  .marketing-preview-card iframe{min-height:500px}
}
@media(max-width:520px){
  .marketing-metrics,.marketing-analytics-grid{grid-template-columns:1fr}
  .marketing-actions,.marketing-send-box{align-items:stretch;flex-direction:column}
}