/* =========================================================
   IR COMMAND CENTER — EMAIL TEMPLATES
========================================================= */

.et-module{
  --et-purple:#6c4cf5;
  --et-purple-2:#826af7;
  --et-soft:#f2efff;
  --et-text:#272a3c;
  --et-muted:#858a9e;
  --et-line:#e4e6ee;
  --et-card:#ffffff;
  width:100%;
  min-width:0;
  color:var(--et-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.et-module *{box-sizing:border-box;}
.et-module .hidden{display:none!important;}

.et-page-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:22px;
  margin-bottom:16px;
}
.et-eyebrow{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:7px;
  color:#8878d9;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.45px;
}
.et-eyebrow span{
  width:5px;height:5px;border-radius:50%;background:var(--et-purple)
;}
.et-page-head h1{
  margin:0;
  color:#232638;
  font-size:30px;
  line-height:1;
  font-weight:800;
  letter-spacing:-1px;
}
.et-page-head h1 strong{color:var(--et-purple);}
.et-page-head p{
  max-width:760px;
  margin:7px 0 0;
  color:var(--et-muted);
  font-size:12.5px;
  line-height:1.45;
  font-weight:500;
}
.et-head-actions{display:flex;align-items:center;gap:9px;}
.et-search{position:relative;width:min(430px,33vw);}
.et-search svg{
  position:absolute;left:14px;top:50%;width:17px;height:17px;
  transform:translateY(-50%);color:#979caf;pointer-events:none
;}
.et-search input{
  width:100%;height:42px;padding:0 14px 0 41px;
  border:1px solid #dfe2eb;border-radius:12px;background:#fff;
  color:#35384a;outline:none;font-size:12px;font-weight:600
;}
.et-search input:focus{
  border-color:#cec4ff;box-shadow:0 0 0 3px rgba(108,76,245,.07)
;}
.et-search input::placeholder{color:#a0a5b6;}
.et-primary-btn,
.et-light-btn,
.et-close-builder{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border-radius:10px;font-weight:800;cursor:pointer
;}
.et-primary-btn{
  height:42px;padding:0 16px;border:0;
  background:linear-gradient(135deg,#6547ed,#8067f7);color:#fff;
  font-size:11.5px;box-shadow:0 8px 18px rgba(108,76,245,.17)
;}
.et-primary-btn svg{width:16px;height:16px;}

.et-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,1.15fr);
  gap:10px;
  margin-bottom:14px;
}
.et-summary-card{
  min-height:88px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:13px 14px;
  border:1px solid var(--et-line);
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 16px rgba(39,33,78,.03);
}
.et-summary-icon{
  width:40px;height:40px;display:grid;place-items:center;
  border-radius:11px;background:#f1edff;color:#674cf0
;}
.et-summary-icon.blue{background:#edf3ff;color:#5373ca;}
.et-summary-icon.green{background:#eaf8f4;color:#188a77;}
.et-summary-icon svg{width:17px;height:17px;}
.et-summary-card div>span{
  display:block;color:#858a9e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.45px
;}
.et-summary-card div>strong{
  display:block;margin-top:4px;color:#2d3042;font-size:18px;line-height:1;font-weight:800
;}
.et-summary-card>small{color:#9a9eaf;font-size:8.5px;font-weight:700;}
.et-summary-cta{
  grid-template-columns:minmax(0,1fr) auto;
  background:linear-gradient(135deg,#35217e,#6846e8 58%,#8068f6);
  border-color:transparent;
  overflow:hidden;
}
.et-summary-cta div>span{color:#d8d0ff;}
.et-summary-cta div>strong{color:#fff;font-size:15px;line-height:1.25;}
.et-summary-cta button{
  height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;
  border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.11);
  color:#fff;font-size:9.5px;font-weight:800;cursor:pointer
;}
.et-summary-cta button svg{width:13px;height:13px;}

.et-tabs-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:12px;
}
.et-tabs,.et-category-pills{
  display:inline-flex;align-items:center;gap:4px;padding:4px;
  border:1px solid #e0e2ea;border-radius:12px;background:#fff
;}
.et-tab,
.et-category-pills button{
  border:0;background:transparent;color:#74798d;cursor:pointer;font-weight:800;white-space:nowrap
;}
.et-tab{
  height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:9px;font-size:10.5px
;}
.et-tab svg{width:14px;height:14px;}
.et-tab span{
  min-width:19px;height:19px;display:inline-grid;place-items:center;padding:0 5px;
  border-radius:999px;background:#f2f3f7;color:#83889a;font-size:8px
;}
.et-tab.active{
  background:#f1edff;color:#5f45db;box-shadow:inset 0 0 0 1px #ded6ff
;}
.et-tab.active span{background:#fff;color:#6048d6;}
.et-category-pills button{
  height:30px;padding:0 10px;border-radius:8px;font-size:9px
;}
.et-category-pills button.active{background:#f5f2ff;color:#6048d6;}

.et-panel{display:none;}
.et-panel.active{display:block;}
.et-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:10px;padding:0 2px
;}
.et-section-head h2{margin:0;color:#2d3042;font-size:16px;font-weight:800;}
.et-section-head p{margin:4px 0 0;color:#9297a9;font-size:10px;font-weight:600;}
.et-light-btn{
  min-height:34px;padding:0 10px;border:1px solid #e0e2ea;background:#fff;
  color:#70758a;font-size:9.5px
;}
.et-light-btn:hover{border-color:#d5ceff;background:#faf9ff;color:#6048d5;}
.et-light-btn svg{width:13px;height:13px;}

.et-template-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.et-template-card{
  position:relative;
  min-height:236px;
  display:flex;flex-direction:column;
  overflow:hidden;
  border:1px solid #e3e5ed;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(39,33,78,.035);
  transition:.18s ease;
}
.et-template-card:hover{
  transform:translateY(-2px);
  border-color:#d6d0f6;
  box-shadow:0 12px 25px rgba(52,41,104,.075)
;}
.et-template-preview{
  height:112px;position:relative;overflow:hidden;padding:13px;
  background:linear-gradient(145deg,#f1edff,#faf9ff)
;}
.et-template-preview.blue{background:linear-gradient(145deg,#eaf1ff,#f8fbff);}
.et-template-preview.green{background:linear-gradient(145deg,#e9f8f3,#f7fcfa);}
.et-template-preview.amber{background:linear-gradient(145deg,#fff4dc,#fffaf1);}
.et-template-preview.blank{background:linear-gradient(145deg,#f5f5f8,#fff);}
.et-mini-email{
  width:72%;height:95px;margin:5px auto 0;border-radius:9px 9px 0 0;background:#fff;
  box-shadow:0 8px 25px rgba(44,36,85,.12);padding:8px
;}
.et-mini-email span{display:block;height:6px;margin-bottom:5px;border-radius:999px;background:#ecebf4;}
.et-mini-email span:first-child{width:70%;height:14px;background:#ddd7ff;}
.et-mini-email span:nth-child(2){width:45%;}
.et-mini-email span:nth-child(3){width:88%;}
.et-mini-email span:nth-child(4){width:78%;}
.et-template-card-body{flex:1;display:flex;flex-direction:column;padding:13px;}
.et-template-meta{display:flex;align-items:center;gap:6px;margin-bottom:7px;}
.et-template-meta span{
  display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;
  background:#f3f4f8;color:#85899b;font-size:7.5px;font-weight:800
;}
.et-template-card h3{margin:0;color:#303346;font-size:12px;line-height:1.3;font-weight:800;}
.et-template-card p{
  margin:6px 0 11px;color:#858a9e;font-size:9px;line-height:1.45;font-weight:600
;}
.et-template-card-actions{display:flex;align-items:center;gap:6px;margin-top:auto;}
.et-use-template{
  flex:1;height:32px;border:0;border-radius:9px;background:#f0ecff;color:#6045dc;
  font-size:9px;font-weight:800;cursor:pointer
;}
.et-use-template:hover{background:#e8e1ff;}

.et-library-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px
;}
.et-library-card,
.et-draft-item{
  border:1px solid #e3e5ed;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(39,33,78,.025)
;}
.et-library-card{padding:14px;}
.et-library-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.et-library-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1edff;color:#6549dc
;}
.et-library-icon svg{width:14px;height:14px;}
.et-library-card h3{margin:11px 0 4px;color:#303346;font-size:12px;font-weight:800;}
.et-library-card p{min-height:38px;margin:0 0 10px;color:#8b90a3;font-size:9px;line-height:1.45;}
.et-library-meta{color:#9a9eaf;font-size:8px;font-weight:700;}
.et-library-actions{display:flex;gap:6px;margin-top:11px;}
.et-library-actions button{flex:1;height:31px;border-radius:8px;font-size:8.5px;font-weight:800;cursor:pointer;}
.et-open-btn{border:0;background:#f0ecff;color:#6045dc;}
.et-delete-btn{border:1px solid #e7e8ef;background:#fff;color:#8a8fa2;}

.et-draft-list{display:grid;gap:8px;}
.et-draft-item{
  min-height:66px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;
  gap:11px;padding:10px 12px
;}
.et-draft-icon{
  width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eef8f5;color:#198975
;}
.et-draft-icon svg{width:14px;height:14px;}
.et-draft-copy{min-width:0;}
.et-draft-copy strong{
  display:block;overflow:hidden;color:#303346;font-size:11px;font-weight:800;white-space:nowrap;text-overflow:ellipsis
;}
.et-draft-copy span{display:block;margin-top:4px;color:#9196a8;font-size:8.5px;font-weight:650;}
.et-draft-actions{display:flex;gap:6px;}
.et-draft-actions button{
  height:31px;padding:0 10px;border-radius:8px;font-size:8.5px;font-weight:800;cursor:pointer
;}
.et-empty{
  grid-column:1/-1;padding:42px 18px;border:1px dashed #dfe2eb;border-radius:14px;
  background:#fbfbfe;color:#9297a9;text-align:center;font-size:10px;font-weight:700
;}

.et-builder-backdrop{
  position:fixed;inset:0;z-index:1450;padding:10px;
  background:rgba(34,31,53,.26);backdrop-filter:blur(5px);
  opacity:0;visibility:hidden;transition:.18s ease
;}
.et-builder-backdrop.show{opacity:1;visibility:visible;}
.et-builder-shell{
  width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid #dedfe8;border-radius:18px;background:#fff;
  box-shadow:0 30px 85px rgba(35,29,69,.19)
;}
.et-close-builder{
  width:34px;height:34px;padding:0;border:1px solid #e1e3eb;background:#fff;color:#73788c
;}
.et-close-builder svg{width:15px;height:15px;}
.et-builder-frame-wrap{position:relative;flex:1;min-height:0;background:#f5f6fa;}
.et-builder-frame{width:100%;height:100%;display:block;border:0;background:#fff;}
.et-builder-loading{
  position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;
  background:#f8f9fc;color:#7e8396;font-size:10px;font-weight:750
;}
.et-builder-loading span{
  width:16px;height:16px;border:2px solid #ded9f6;border-top-color:#684cf0;border-radius:50%;
  animation:etSpin .7s linear infinite
;}
@keyframes etSpin{to{transform:rotate(360deg)}}

.et-toast{
  position:fixed;right:24px;bottom:24px;z-index:1700;
  padding:10px 13px;border:1px solid #ddd7fa;border-radius:10px;background:#fff;color:#61588c;
  font-size:9.5px;font-weight:750;box-shadow:0 12px 34px rgba(45,37,85,.14);
  opacity:0;visibility:hidden;transform:translateY(7px);transition:.16s ease
;}
.et-toast.show{opacity:1;visibility:visible;transform:translateY(0);}
.et-toast.error{border-color:#f0cdd4;color:#b64e60;}


.et-template-preview.purple .et-mini-email span:first-child{
  background:linear-gradient(90deg,#34207c,#8067f7)
;}
.et-template-preview.blue .et-mini-email span:first-child{
  background:linear-gradient(90deg,#1c355e,#2f7be5)
;}
.et-template-preview.green .et-mini-email span:first-child{
  background:linear-gradient(90deg,#145e54,#20a68f)
;}
.et-template-preview.amber .et-mini-email span:first-child{
  background:linear-gradient(90deg,#1f293f,#d6a43c)
;}
.et-template-preview.blank .et-mini-email span:first-child{
  background:#ececf3
;}



.et-builder-head{
  height:64px;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 14px;
  border-bottom:1px solid #e7e9f0;
  background:#fff;
}

.et-builder-title{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}

.et-builder-mark{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:1px solid #dfd8ff;
  border-radius:11px;
  background:#f1edff;
  color:#6549df;
}

.et-builder-mark svg{
  width:16px;
  height:16px;
}

.et-builder-title div{
  min-width:0;
}

.et-builder-title div>span{
  display:block;
  color:#8d85b6;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.85px;
  text-transform:uppercase;
}

.et-builder-title div>strong{
  display:block;
  max-width:520px;
  margin-top:5px;
  overflow:hidden;
  color:#2f3245;
  font-size:13px;
  line-height:1.05;
  font-weight:850;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.et-builder-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  white-space:nowrap;
}

.et-builder-save-state{
  position:relative;
  height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid #ded7ff;
  border-radius:9px;
  background:#faf8ff;
  color:#6650d0;
  font-size:9.5px;
  line-height:1;
  font-weight:850;
}

.et-builder-save-state>span{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#765cf1;
  box-shadow:0 0 0 3px rgba(118,92,241,.09);
}

.et-builder-save-state.saved{
  border-color:#d7eee7;
  background:#f2faf7;
  color:#25836f;
}

.et-builder-save-state.saved>span{
  background:#2bb89a;
  box-shadow:0 0 0 3px rgba(43,184,154,.08);
}

.et-builder-tool-btn,
.et-close-builder{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #e0e2ea;
  border-radius:9px;
  background:#fff;
  color:#6d7286;
  cursor:pointer;
}

.et-builder-tool-btn:hover,
.et-close-builder:hover{
  border-color:#d5ccff;
  background:#f5f2ff;
  color:#6047d8;
}

.et-builder-tool-btn svg,
.et-close-builder svg{
  width:15px;
  height:15px;
}

.et-builder-copy-btn{
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border:0;
  border-radius:9px;
  background:linear-gradient(135deg,#6648ee,#8067f7);
  color:#fff;
  box-shadow:0 6px 14px rgba(108,76,245,.16);
  font-size:10px;
  line-height:1;
  font-weight:850;
  cursor:pointer;
}

.et-builder-copy-btn svg{
  width:14px;
  height:14px;
}

.et-builder-copy-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 17px rgba(108,76,245,.19);
}

.et-builder-reload-btn{
  height:36px;
  padding:0 11px;
  border-radius:9px;
  font-size:9.5px;
}

@media(max-width:880px){
  .et-builder-title div>span{
    font-size:9px;
  }

  .et-builder-title div>strong{
    max-width:220px;
    font-size:11.5px;
  }

  .et-builder-save-state{
    display:none;
  }

  .et-builder-reload-btn span{
    display:none;
  }
}


.et-conference-letter-mini{
  width:78%;
  max-width:158px;
  height:104px;
  margin:3px auto 0;
  overflow:hidden;
  border-radius:7px 7px 2px 2px;
  background:#fff;
  box-shadow:0 8px 24px rgba(45,22,100,.16);
}
.et-conference-letter-mini-head{
  position:relative;
  height:33px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 7px;
  overflow:hidden;
  background:linear-gradient(135deg,#5c1ecb,#8c39ee);
}
.et-conference-letter-mini-logo{
  position:relative;
  z-index:2;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:#fff;
  color:#6730da;
  font-size:8px;
  font-weight:900;
}
.et-conference-letter-mini-title{
  position:relative;
  z-index:2;
  color:#fff;
  font-size:5px;
  line-height:1.05;
  font-weight:500;
}
.et-conference-letter-mini-title strong{font-size:7px;}
.et-conference-letter-mini-orb{
  position:absolute;
  right:-9px;
  top:-15px;
  width:55px;
  height:55px;
  border-radius:50%;
  background:rgba(220,113,255,.45);
  box-shadow:-25px 9px 0 rgba(177,89,255,.34);
}
.et-conference-letter-mini-body{
  position:relative;
  height:53px;
  padding:8px 10px 5px;
  background:#fff;
}
.et-conference-letter-mini-body>span{
  display:block;
  height:2px;
  margin-bottom:4px;
  border-radius:999px;
  background:#e4e4eb;
}
.et-conference-letter-mini-body>span.short{width:64%;}
.et-conference-letter-mini-date{
  position:absolute;
  top:5px;
  right:8px;
  width:26px;
  height:2px!important;
  background:#dddde7!important;
}
.et-conference-letter-mini-greeting{
  width:38%;
  margin-top:5px!important;
  background:#a6a6b2!important;
}
.et-conference-letter-mini-sign{
  width:28%!important;
  margin-top:6px!important;
  background:#77788a!important;
}
.et-conference-letter-mini-foot{
  height:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 9px;
  background:linear-gradient(90deg,#6522d8,#a33ff0);
}
.et-conference-letter-mini-foot span{
  width:36%;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
}



.et-template-preview.orange-wave{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  background:linear-gradient(145deg,#f7f7fa,#f0f1f6);
  overflow:hidden;
}

.et-real-template-preview{
  display:block;
  width:auto;
  max-width:100%;
  height:100%;
  max-height:100%;
  object-fit:contain;
  border:0;
  border-radius:4px;
  box-shadow:0 10px 24px rgba(26,31,46,.13);
}

/* =========================================================
   SAVED TEMPLATES — MATCH BUILT-IN TEMPLATE CARDS
   Real saved-template top-section preview
========================================================= */
.et-saved-template-card{
  min-height:236px;
}

.et-saved-template-card .et-template-preview{
  height:112px;
  padding:0;
  background:linear-gradient(145deg,#f1edff,#faf9ff);
  isolation:isolate;
}

.et-template-preview.saved-live{
  background:linear-gradient(145deg,#f1edff,#faf9ff);
}

.et-saved-preview-host{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:transparent;
}

.et-saved-preview-fallback{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:9px 12px 0;
  transition:opacity .16s ease;
}

.et-saved-preview-host.preview-ready:not(.preview-failed) .et-saved-preview-fallback{
  opacity:0;
}

.et-saved-preview-loading{
  position:absolute;
  right:9px;
  bottom:8px;
  z-index:4;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  box-shadow:0 3px 10px rgba(52,41,104,.08);
  transition:opacity .16s ease;
}

.et-saved-preview-loading span{
  width:9px;
  height:9px;
  border:1.5px solid #ddd7fa;
  border-top-color:#6c4cf5;
  border-radius:50%;
  animation:etSpin .7s linear infinite;
}

.et-saved-preview-host.preview-ready .et-saved-preview-loading{
  opacity:0;
  visibility:hidden;
}

.et-saved-live-frame{
  --et-saved-preview-scale:.36;
  position:absolute;
  z-index:2;
  top:0;
  left:50%;
  width:600px;
  height:520px;
  margin:0;
  padding:0;
  border:0;
  background:#fff;
  pointer-events:none;
  transform:translateX(-50%) scale(var(--et-saved-preview-scale));
  transform-origin:top center;
}

.et-saved-generic-preview{
  margin-top:3px;
}

.et-saved-template-card .et-template-card-body{
  padding:13px;
}

.et-saved-template-card .et-template-meta{
  margin-bottom:7px;
}

.et-saved-template-card .et-template-card-body>p{
  margin-bottom:7px;
}

.et-saved-template-updated{
  margin-top:auto;
  margin-bottom:8px;
  color:#9a9eaf;
  font-size:7.8px;
  line-height:1.25;
  font-weight:700;
}

.et-saved-template-actions{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px;
  gap:6px;
}

.et-saved-template-actions .et-use-template{
  width:100%;
}

.et-saved-delete-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #e6e7ef;
  border-radius:9px;
  background:#fff;
  color:#9297a9;
  cursor:pointer;
  transition:.16s ease;
}

.et-saved-delete-icon svg{
  width:13px;
  height:13px;
}

.et-saved-delete-icon:hover{
  border-color:#f0cdd4;
  background:#fff7f8;
  color:#c65366;
}

/* =========================================================
   CANONICAL RESPONSIVE PROFILE — (max-width:1350px)
   All rules for this exact condition are grouped here.
   ========================================================= */
@media (max-width:1350px){
  /* Component group 1 */
  .et-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .et-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

  /* Component group 2 */
  .et-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));}

}


/* =========================================================
   CANONICAL RESPONSIVE PROFILE — (max-width:900px)
   All rules for this exact condition are grouped here.
   ========================================================= */
@media (max-width:900px){
  /* Component group 1 */
  .et-page-head{grid-template-columns:1fr;}
  .et-head-actions{width:100%;}
  .et-search{width:auto;flex:1;}
  .et-tabs-row{align-items:flex-start;flex-direction:column;}
  .et-template-grid,.et-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

  /* Component group 2 */
  .et-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

}


/* =========================================================
   CANONICAL RESPONSIVE PROFILE — (max-width:640px)
   All rules for this exact condition are grouped here.
   ========================================================= */
@media (max-width:640px){
  /* Component group 1 */
  .et-head-actions{flex-wrap:wrap;}
  .et-search{width:100%;flex:1 1 100%;}
  .et-primary-btn{width:100%;}
  .et-summary-grid,.et-template-grid,.et-library-grid{grid-template-columns:1fr;}
  .et-tabs,.et-category-pills{max-width:100%;overflow-x:auto;scrollbar-width:none;}
  .et-draft-item{grid-template-columns:36px minmax(0,1fr);}
  .et-draft-actions{grid-column:1/-1;padding-left:47px;}
  .et-builder-backdrop{padding:4px;}
  .et-builder-shell{border-radius:12px;}

  /* Component group 2 */
  .et-library-grid{grid-template-columns:1fr;}

}