:root {
  --ieta-comm-navy: #151a43;
  --ieta-comm-navy-2: #20265b;
  --ieta-comm-purple: #5c43d6;
  --ieta-comm-purple-soft: #eeeaff;
  --ieta-comm-bg: #f5f6fa;
  --ieta-comm-border: #e5e7ef;
  --ieta-comm-text: #17203d;
  --ieta-comm-muted: #69708a;
  --ieta-comm-green: #277748;
}

.ieta-comm-app, .ieta-comm-app * { box-sizing: border-box; }
.ieta-comm-app { display: grid; grid-template-columns: 236px minmax(0, 1fr); min-height: 780px; color: var(--ieta-comm-text); background: var(--ieta-comm-bg); border: 1px solid var(--ieta-comm-border); border-radius: 16px; overflow: hidden; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.ieta-comm-admin { margin: 20px 20px 0 2px; }
.ieta-comm-sidebar { background: var(--ieta-comm-navy); color: #fff; padding: 22px 14px; }
.ieta-comm-product { display: flex; align-items: center; gap: 10px; padding: 0 5px 20px; }
.ieta-comm-product span:last-child { display: grid; }
.ieta-comm-product small, .ieta-comm-boundary small, .ieta-comm-header small, .ieta-comm-commercial small { font-size: 10px; font-weight: 800; letter-spacing: .12em; opacity: .7; }
.ieta-comm-product strong { font-size: 15px; }
.ieta-comm-mark { display: grid; place-items: center; width: 38px; height: 38px; padding-top: 9px; border-radius: 9px; background: var(--ieta-comm-purple); font-size: 20px; }
.ieta-comm-boundary { display: grid; gap: 3px; padding: 12px; margin-bottom: 16px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); border-radius: 9px; }
.ieta-comm-boundary strong { font-size: 12px; }
.ieta-comm-sidebar nav { display: grid; gap: 3px; }
.ieta-comm-sidebar nav p { margin: 15px 9px 6px; color: #858bb7; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.ieta-comm-sidebar nav button { display: flex; align-items: center; gap: 9px; width: 100%; padding: 10px; border: 0; border-radius: 7px; color: #dfe2f4; background: transparent; text-align: left; cursor: pointer; }
.ieta-comm-sidebar nav button:hover, .ieta-comm-sidebar nav button.is-active { color: #fff; background: var(--ieta-comm-purple); }
.ieta-comm-sidebar nav button .dashicons { font-size: 18px; width: 18px; height: 18px; }
.ieta-comm-sidebar nav button em { margin-left: auto; padding: 2px 5px; border: 1px solid rgba(255,255,255,.18); border-radius: 4px; font-size: 9px; font-style: normal; }
.ieta-comm-main { min-width: 0; padding: 30px; }
.ieta-comm-header { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; margin-bottom: 26px; }
.ieta-comm-header h1 { margin: 5px 0 5px; font-size: 30px; letter-spacing: -.04em; }
.ieta-comm-header p, .ieta-comm-card-head p { margin: 0; color: var(--ieta-comm-muted); }
.ieta-comm-health { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #dcece2; border-radius: 8px; background: #f2faf5; color: var(--ieta-comm-green); font-weight: 700; font-size: 12px; }
.ieta-comm-health i, .ieta-comm-stream i { width: 8px; height: 8px; border-radius: 50%; background: #5bc677; box-shadow: 0 0 0 3px rgba(91,198,119,.12); }
.ieta-comm-loading, .ieta-comm-access { padding: 28px; border: 1px solid var(--ieta-comm-border); border-radius: 12px; background: #fff; }
.ieta-comm-loading button { padding: 8px 14px; border: 0; border-radius: 7px; background: var(--ieta-comm-purple); color: #fff; cursor: pointer; }
.ieta-comm-content { display: grid; gap: 18px; }
.ieta-comm-card { min-width: 0; border: 1px solid var(--ieta-comm-border); border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 5px 20px rgba(22,30,65,.035); }
.ieta-comm-otp-band { padding: 18px; border-radius: 12px; color: #fff; background: var(--ieta-comm-navy-2); box-shadow: 0 9px 24px rgba(18,25,63,.14); }
.ieta-comm-band-title { display: flex; align-items: center; gap: 11px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.1); }
.ieta-comm-band-title > .dashicons { display: grid; place-items: center; width: 36px; height: 36px; padding-top: 7px; border-radius: 8px; background: var(--ieta-comm-purple); }
.ieta-comm-band-title h2, .ieta-comm-card h2 { margin: 0; font-size: 16px; }
.ieta-comm-band-title p { margin: 3px 0 0; color: #bdc1db; font-size: 11px; }
.ieta-comm-band-title button { margin-left: auto; padding: 8px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 7px; color: #fff; background: transparent; cursor: pointer; }
.ieta-comm-metrics { display: grid; grid-template-columns: repeat(4, 1fr); padding-top: 14px; }
.ieta-comm-metrics > div { display: grid; gap: 3px; padding: 0 18px; border-right: 1px solid rgba(255,255,255,.1); }
.ieta-comm-metrics > div:first-child { padding-left: 0; }
.ieta-comm-metrics > div:last-child { border: 0; }
.ieta-comm-metrics small { color: #abb0d2; }
.ieta-comm-metrics strong { font-size: 24px; }
.ieta-comm-metrics span { color: #a7d7b4; font-size: 11px; }
.ieta-comm-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 18px; }
.ieta-comm-card-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--ieta-comm-border); }
.ieta-comm-card-head > div:first-child { display: flex; align-items: center; gap: 10px; }
.ieta-comm-stream { display: flex; align-items: center; gap: 6px; color: var(--ieta-comm-green); font-size: 11px; }
.ieta-comm-secondary { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid var(--ieta-comm-border); border-radius: 7px; color: var(--ieta-comm-text); background: #fff; cursor: pointer; }
.ieta-comm-events article { display: grid; grid-template-columns: 34px minmax(150px, 1fr) 180px 84px 132px; gap: 11px; align-items: center; padding: 12px 16px; border-bottom: 1px solid #eff0f5; }
.ieta-comm-event-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; color: var(--ieta-comm-purple); background: var(--ieta-comm-purple-soft); }
.ieta-comm-events article > div { display: grid; }
.ieta-comm-events small, .ieta-comm-products p { color: var(--ieta-comm-muted); font-size: 11px; }
.ieta-comm-events code, .ieta-comm-table code, .ieta-comm-products code { color: var(--ieta-comm-muted); font-size: 11px; background: transparent; }
.ieta-comm-events time { display: grid; font-size: 11px; }
.ieta-comm-status { display: inline-flex; justify-content: center; width: fit-content; padding: 4px 7px; border-radius: 6px; font-size: 10px; font-weight: 700; text-transform: capitalize; }
.ieta-comm-status.is-green { color: #276d43; background: #eaf6ee; }
.ieta-comm-status.is-blue { color: #355ea8; background: #edf3ff; }
.ieta-comm-status.is-amber { color: #9a6112; background: #fff4df; }
.ieta-comm-status.is-red { color: #a53636; background: #fff0f0; }
.ieta-comm-health-box { display: flex; align-items: center; gap: 10px; margin: 14px; padding: 13px; border-radius: 8px; color: var(--ieta-comm-green); background: #eef8f2; }
.ieta-comm-health-box .dashicons { font-size: 22px; }
.ieta-comm-health-box div { display: grid; }
.ieta-comm-health-box small { color: var(--ieta-comm-muted); }
.ieta-comm-mail-health dl { margin: 0; padding: 0 14px; }
.ieta-comm-mail-health dl div { display: flex; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid #eff0f5; }
.ieta-comm-mail-health dt { color: var(--ieta-comm-muted); }
.ieta-comm-mail-health dd { margin: 0; color: var(--ieta-comm-green); font-weight: 700; }
.ieta-comm-security-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.ieta-comm-security-card { display: flex; gap: 15px; padding: 20px; }
.ieta-comm-security-card > .dashicons { width: 38px; height: 38px; padding: 9px; border-radius: 9px; color: var(--ieta-comm-purple); background: var(--ieta-comm-purple-soft); }
.ieta-comm-security-card small { color: var(--ieta-comm-purple); font-weight: 800; letter-spacing: .1em; }
.ieta-comm-security-card h2 { margin-top: 5px; font-size: 18px; }
.ieta-comm-security-card p { margin-bottom: 0; color: var(--ieta-comm-muted); }
.ieta-comm-table { width: 100%; overflow-x: auto; }
.ieta-comm-table-head, .ieta-comm-table-row { display: grid; grid-template-columns: minmax(170px, 1.1fr) minmax(210px, 1.4fr) 110px 100px 100px; gap: 14px; align-items: center; min-width: 750px; padding: 12px 18px; }
.ieta-comm-table-head { color: var(--ieta-comm-muted); background: #fafafe; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.ieta-comm-table-row { border-top: 1px solid #eff0f5; }
.ieta-comm-catalogue { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 18px; }
.ieta-comm-categories { padding: 15px; }
.ieta-comm-categories > small { display: block; margin: 2px 8px 10px; color: var(--ieta-comm-muted); font-weight: 800; letter-spacing: .1em; }
.ieta-comm-categories button { display: flex; justify-content: space-between; width: 100%; padding: 10px; border: 0; border-radius: 7px; color: var(--ieta-comm-text); background: transparent; text-transform: capitalize; cursor: pointer; }
.ieta-comm-categories button:hover { color: var(--ieta-comm-purple); background: var(--ieta-comm-purple-soft); }
.ieta-comm-categories button b { color: var(--ieta-comm-muted); }
.ieta-comm-categories > div { margin-top: 15px; padding: 12px; border-radius: 8px; background: #f8f7ff; }
.ieta-comm-categories p { color: var(--ieta-comm-muted); font-size: 11px; }
.ieta-comm-search { display: flex; align-items: center; gap: 8px; margin: 14px; padding: 10px 12px; border: 1px solid var(--ieta-comm-border); border-radius: 8px; }
.ieta-comm-search input { flex: 1; border: 0; outline: 0; box-shadow: none; }
.ieta-comm-products article { display: grid; grid-template-columns: 38px minmax(180px, 1fr) 150px 80px; gap: 14px; align-items: center; padding: 14px 18px; border-bottom: 1px solid #eff0f5; }
.ieta-comm-products p { margin: 3px 0 0; }
.ieta-comm-commercial { padding: 25px; border-radius: 12px; color: #fff; background: var(--ieta-comm-navy-2); }
.ieta-comm-commercial h2 { margin: 6px 0; font-size: 22px; }
.ieta-comm-commercial p { max-width: 760px; margin-bottom: 0; color: #d3d4ea; }
.ieta-comm-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ieta-comm-plan-grid article { padding: 22px; }
.ieta-comm-plan-grid article.is-featured { border: 2px solid var(--ieta-comm-purple); }
.ieta-comm-plan-grid h2 { margin: 8px 0; font-size: 24px; }
.ieta-comm-plan-grid h2 span { color: var(--ieta-comm-muted); font-size: 12px; font-weight: 500; }
.ieta-comm-plan-grid p { color: var(--ieta-comm-muted); }

.ieta-mail-studio { display: grid; grid-template-columns: 240px minmax(500px,1fr) 238px; gap: 14px; align-items: start; }
.ieta-mail-controls, .ieta-mail-release { padding: 14px; }
.ieta-mail-step { min-height: 45px; display: flex; align-items: center; gap: 10px; }.ieta-mail-step > b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: var(--ieta-comm-purple); background: var(--ieta-comm-purple-soft); font-size: 10px; }.ieta-mail-step > span { display: grid; gap: 3px; }.ieta-mail-step strong { font-size: 12px; }.ieta-mail-step small { color: var(--ieta-comm-muted); font-size: 10px; }
.ieta-mail-brands { display: grid; gap: 4px; margin: 7px 0 16px; }.ieta-mail-brands button { display: grid; grid-template-columns: 34px 1fr 18px; gap: 9px; align-items: center; width: 100%; min-height: 50px; padding: 7px; border: 1px solid transparent; border-radius: 9px; color: #343c58; background: transparent; text-align: left; cursor: pointer; }.ieta-mail-brands button:hover { background: #f7f7fb; }.ieta-mail-brands button.is-selected { border-color: #d8d5ff; color: var(--ieta-comm-purple); background: #f4f2ff; }.ieta-mail-brands i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; color: #fff; font-size: 10px; font-weight: 800; font-style: normal; }.ieta-mail-brands button > span { display: grid; gap: 4px; min-width: 0; }.ieta-mail-brands strong { font-size: 11px; }.ieta-mail-brands small { overflow: hidden; color: var(--ieta-comm-muted); font-size: 9px; text-overflow: ellipsis; }
.ieta-mail-templates { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0 15px; }.ieta-mail-templates button { min-height: 30px; padding: 0 9px; border: 1px solid #dfe2ec; border-radius: 7px; color: #596078; background: #fff; font-size: 10px; cursor: pointer; }.ieta-mail-templates button.is-selected { border-color: var(--ieta-comm-purple); color: #fff; background: var(--ieta-comm-purple); }
.ieta-mail-identity { display: grid; gap: 5px; padding: 12px; border-radius: 9px; color: #fff; background: var(--ieta-comm-navy); }.ieta-mail-identity small { color: #aeb5df; font-size: 9px; letter-spacing: .1em; }.ieta-mail-identity strong { font-size: 12px; }.ieta-mail-identity code { color: #dfe2ff; font-size: 10px; }.ieta-mail-identity span { color: #71d69a; font-size: 9px; }
.ieta-mail-preview-panel { overflow: hidden; }.ieta-mail-toolbar { display: flex; justify-content: space-between; align-items: center; min-height: 58px; padding: 10px 13px; border-bottom: 1px solid var(--ieta-comm-border); }.ieta-mail-toolbar > div:first-child { display: grid; gap: 4px; }.ieta-mail-toolbar > div:first-child span { color: var(--ieta-comm-green); font-size: 10px; }.ieta-mail-toolbar > div:first-child i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #5bc677; }.ieta-mail-toolbar > div:last-child { display: flex; padding: 3px; border-radius: 8px; background: #f0f1f6; }.ieta-mail-toolbar button { min-height: 28px; padding: 0 9px; border: 0; border-radius: 6px; color: #727991; background: transparent; font-size: 10px; cursor: pointer; }.ieta-mail-toolbar button.is-active { color: #252d4a; background: #fff; box-shadow: 0 1px 4px rgba(20,28,63,.1); }
.ieta-mail-stage { display: flex; justify-content: center; min-height: 650px; padding: 32px 22px; background: #e9ebf1; transition: background .2s; }.ieta-mail-stage.is-dark { background: #090e1d; }.ieta-mail-canvas { align-self: flex-start; width: min(100%,610px); min-height: 570px; overflow: hidden; border-radius: 5px; color: var(--mail-ink); background: #fff; box-shadow: 0 18px 45px rgba(26,33,62,.17); transition: width .2s; }.ieta-mail-canvas.is-mobile { width: 350px; }.ieta-mail-canvas header { display: flex; align-items: center; gap: 13px; min-height: 90px; padding: 22px 28px; color: #fff; background: var(--mail-ink); }.ieta-mail-logo { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 13px; color: var(--mail-ink); background: var(--mail-accent); font-size: 13px; font-weight: 900; }.ieta-mail-canvas header > div:last-child { display: grid; gap: 5px; }.ieta-mail-canvas header strong { font-family: Georgia,serif; font-size: 19px; }.ieta-mail-canvas header span { color: rgba(255,255,255,.68); font-size: 9px; }
.ieta-mail-canvas main { display: block; padding: 44px 42px 34px; text-align: center; }.ieta-mail-canvas main p { margin: 0 0 13px; color: var(--mail-accent); font-size: 9px; font-weight: 800; letter-spacing: .2em; }.ieta-mail-canvas main h2 { margin: 0 auto; font-family: Georgia,serif; font-size: 29px; line-height: 1.14; }.ieta-mail-canvas main > span { display: block; max-width: 430px; margin: 15px auto 0; color: #657086; font-size: 12px; line-height: 1.65; }.ieta-mail-code { width: fit-content; min-width: 180px; margin: 24px auto 0; padding: 15px 21px; border: 1px solid var(--mail-accent); border-radius: 10px; color: var(--mail-ink); background: var(--mail-soft); font-size: 25px; font-weight: 800; letter-spacing: .12em; }.ieta-mail-canvas main button { min-height: 42px; margin-top: 24px; padding: 0 22px; border: 0; border-radius: 7px; color: #fff; background: var(--mail-ink); font-size: 11px; font-weight: 700; }
.ieta-mail-notice { display: flex; gap: 11px; align-items: flex-start; margin: 0 28px; padding: 15px; border-radius: 9px; color: var(--mail-ink); background: var(--mail-soft); }.ieta-mail-notice > .dashicons { color: var(--mail-accent); }.ieta-mail-notice div { display: grid; gap: 5px; }.ieta-mail-notice strong { font-size: 10px; }.ieta-mail-notice span { color: #687287; font-size: 9px; line-height: 1.5; }.ieta-mail-canvas footer { display: grid; gap: 7px; min-height: 72px; margin-top: 28px; padding: 18px 28px; border-top: 1px solid #eceef2; color: #7c8498; background: #fafafc; text-align: center; }.ieta-mail-canvas footer span { font-size: 9px; }.ieta-mail-canvas footer small { font-size: 8px; }
.ieta-mail-release { display: grid; gap: 12px; }.ieta-mail-ready { display: flex; align-items: center; gap: 9px; padding: 12px; border-radius: 9px; color: var(--ieta-comm-green); background: #eaf7ef; }.ieta-mail-ready > .dashicons { font-size: 23px; }.ieta-mail-ready > span { display: grid; gap: 3px; }.ieta-mail-ready small { color: #5a8c70; font-size: 9px; }.ieta-mail-release dl { margin: 0; }.ieta-mail-release dl div { display: grid; gap: 4px; align-content: center; min-height: 42px; border-bottom: 1px solid #eceef4; }.ieta-mail-release dt { color: var(--ieta-comm-muted); font-size: 9px; }.ieta-mail-release dd { margin: 0; font-size: 10px; font-weight: 600; }.ieta-mail-release form { display: grid; gap: 8px; }.ieta-mail-release label { display: grid; gap: 6px; color: #4c536c; font-size: 10px; font-weight: 600; }.ieta-mail-release input { width: 100%; min-height: 38px; padding: 0 9px; border: 1px solid #d9ddea; border-radius: 7px; font-size: 10px; }.ieta-mail-release form button { display: flex; justify-content: center; align-items: center; gap: 6px; min-height: 40px; border: 0; border-radius: 7px; color: #fff; background: var(--ieta-comm-purple); font-weight: 700; cursor: pointer; }.ieta-mail-release form [role="status"] { min-height: 16px; color: var(--ieta-comm-green); font-size: 10px; }.ieta-mail-release > p { display: flex; align-items: flex-start; gap: 7px; margin: 0; color: var(--ieta-comm-muted); font-size: 9px; line-height: 1.45; }

@media (max-width: 980px) {
  .ieta-mail-studio { grid-template-columns: 220px minmax(420px,1fr); }.ieta-mail-release { grid-column: 1 / -1; }
  .ieta-comm-app { grid-template-columns: 76px minmax(0, 1fr); }
  .ieta-comm-product span:last-child, .ieta-comm-boundary, .ieta-comm-sidebar nav p, .ieta-comm-sidebar nav button:not(.is-active) { display: none; }
  .ieta-comm-sidebar nav button { justify-content: center; font-size: 0; }
  .ieta-comm-sidebar nav button.is-active { font-size: 0; }
  .ieta-comm-sidebar nav button em { display: none; }
  .ieta-comm-main { padding: 22px; }
  .ieta-comm-dashboard-grid, .ieta-comm-catalogue { grid-template-columns: 1fr; }
  .ieta-comm-categories { display: none; }
  .ieta-comm-events article { grid-template-columns: 34px minmax(150px, 1fr) 82px 100px; }
  .ieta-comm-events article code { display: none; }
}

@media (max-width: 700px) {
  .ieta-mail-studio { grid-template-columns: 1fr; }.ieta-mail-release { grid-column: auto; }.ieta-mail-stage { min-height: 560px; padding: 17px 7px; }.ieta-mail-canvas { width: 100%; }.ieta-mail-canvas main { padding: 34px 21px 29px; }.ieta-mail-canvas main h2 { font-size: 24px; }
  .ieta-comm-app { display: block; border-radius: 0; }
  .ieta-comm-sidebar { padding: 10px; }
  .ieta-comm-product { padding-bottom: 8px; }
  .ieta-comm-sidebar nav { display: flex; overflow-x: auto; scrollbar-width: none; }
  .ieta-comm-sidebar nav::-webkit-scrollbar { display: none; }
  .ieta-comm-sidebar nav button, .ieta-comm-sidebar nav button:not(.is-active), .ieta-comm-sidebar nav button.is-active { display: inline-flex; width: auto; min-width: 42px; font-size: 0; }
  .ieta-comm-main { padding: 18px 12px; }
  .ieta-comm-header { display: block; }
  .ieta-comm-header h1 { font-size: 25px; line-height: 1.12; }
  .ieta-comm-header p { line-height: 1.5; }
  .ieta-comm-health { width: fit-content; margin-top: 12px; }
  .ieta-comm-metrics { grid-template-columns: repeat(2, 1fr); gap: 16px 0; }
  .ieta-comm-metrics > div:nth-child(2) { border: 0; }
  .ieta-comm-security-grid, .ieta-comm-plan-grid { grid-template-columns: 1fr; }
  .ieta-comm-events article { grid-template-columns: 34px minmax(120px, 1fr) 78px; }
  .ieta-comm-events article time { display: none; }
}

@media (min-width:701px) and (max-width:980px){.ieta-comm-sidebar nav button:not(.is-active){display:flex!important}}