.tpl-page{max-width:1420px;margin:0 auto;padding:0 0 32px;color:#111d38}.tpl-page svg,.tpl-modal svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important}.tpl-head,.tpl-head-actions,.tpl-searchbar,.tpl-tags,.tpl-card-head,.tpl-card-actions,.tpl-meta,.tpl-modal-actions,.tpl-editor-head,.tpl-campaign-top{display:flex;align-items:center}.tpl-head{justify-content:space-between;gap:24px;margin-bottom:25px}.tpl-kicker{font-size:12px;font-weight:850;letter-spacing:.12em;color:#2878f4}.tpl-head h1{font-size:36px;margin:7px 0 8px}.tpl-head p{font-size:15px;color:#72819b;margin:0}.tpl-head-actions{gap:9px}.tpl-btn{height:43px;border:1px solid #d9e2ef;border-radius:11px;background:#fff;color:#17233d;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:750 13px/1 inherit;cursor:pointer}.tpl-btn:hover{border-color:#91b6f3;background:#f8fbff}.tpl-btn.primary{background:#2476f3;border-color:#2476f3;color:#fff;box-shadow:0 8px 20px #2476f326}.tpl-btn.danger{color:#d83d50}.tpl-card{background:#fff;border:1px solid #dfe6f1;border-radius:17px;box-shadow:0 7px 25px #16345d0d}.tpl-guide{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;margin-bottom:17px;background:linear-gradient(90deg,#f0f6ff,#f3fffa)}.tpl-guide>span{width:40px;height:40px;border-radius:11px;background:#fff;color:#2476f3;display:grid;place-items:center}.tpl-guide b{display:block;font-size:14px}.tpl-guide p{margin:3px 0 0;color:#72819b;font-size:12px}.tpl-searchbar{gap:10px;padding:13px;margin-bottom:12px}.tpl-search{flex:1;position:relative}.tpl-search svg{position:absolute;left:13px;top:13px;color:#7a8ba6}.tpl-input{width:100%;height:44px;border:1px solid #d9e2ef;border-radius:10px;background:#fbfcff;color:#17233d;padding:0 13px;font:650 13px inherit;outline:0;box-sizing:border-box}.tpl-search .tpl-input{padding-left:40px}.tpl-input:focus,.tpl-textarea:focus{border-color:#3d83f4;box-shadow:0 0 0 3px #2476f318;background:#fff}.tpl-tags{gap:7px;flex-wrap:wrap;margin:0 0 18px}.tpl-tag{border:1px solid #dce4ef;border-radius:999px;background:#fff;color:#61708b;padding:8px 12px;font:750 12px/1 inherit;cursor:pointer}.tpl-tag:hover,.tpl-tag.active{background:#eaf3ff;border-color:#9dc0f7;color:#2476f3}.tpl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tpl-item{overflow:hidden;transition:.18s}.tpl-item:hover{transform:translateY(-2px);box-shadow:0 13px 34px #14326016}.tpl-thumb{height:178px;background:linear-gradient(145deg,#eef5ff,#edfff8);padding:19px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5ebf3}.tpl-email-mini{width:77%;background:#fff;border-radius:9px;padding:15px;box-shadow:0 8px 25px #16315116}.tpl-email-mini i,.tpl-email-mini span{display:block;border-radius:10px;background:#dce8f7;height:6px;margin-bottom:8px}.tpl-email-mini i{width:45%;background:#4b8bf4}.tpl-email-mini span:nth-child(3){width:75%}.tpl-email-mini b{display:inline-block;background:#2476f3;color:#fff;border-radius:5px;padding:6px 9px;font-size:8px;margin-top:3px}.tpl-item-body{padding:16px}.tpl-card-head{justify-content:space-between;gap:10px}.tpl-card-head h3{font-size:16px;margin:0}.tpl-badge{border-radius:999px;background:#eaf3ff;color:#2476f3;padding:5px 8px;font-size:10px;font-weight:800}.tpl-item-body>p{height:38px;color:#74829a;font-size:12px;line-height:1.55;margin:9px 0}.tpl-meta{justify-content:space-between;color:#8794a8;font-size:11px;padding:11px 0;border-top:1px solid #edf1f6}.tpl-card-actions{gap:7px}.tpl-card-actions .tpl-btn{flex:1;height:38px}.tpl-empty{grid-column:1/-1;padding:55px;text-align:center}.tpl-empty h3{margin:8px}.tpl-empty p{color:#74829a}.tpl-modal{position:fixed;inset:0;z-index:6000;display:grid;place-items:center;padding:22px}.tpl-backdrop{position:absolute;inset:0;border:0;background:#0b183b66;backdrop-filter:blur(4px)}.tpl-dialog{position:relative;width:min(920px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:21px;padding:26px;box-shadow:0 30px 80px #0b183b3d}.tpl-dialog.small{width:min(620px,100%)}.tpl-close{position:absolute;top:17px;right:17px;width:40px;height:40px;border:1px solid #dbe4ef;border-radius:11px;background:#fff;display:grid;place-items:center;cursor:pointer;z-index:5}.tpl-dialog>h2{font-size:25px;margin:0 52px 7px 0}.tpl-dialog>p{color:#71809a;margin:0 0 20px}.tpl-browser-tools{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.tpl-browser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:480px;overflow:auto;padding:2px}.tpl-browser-item{border:1px solid #dfe6f1;border-radius:13px;padding:13px;background:#fff;text-align:left;cursor:pointer}.tpl-browser-item:hover,.tpl-browser-item.selected{border-color:#4a8bf5;background:#f2f7ff}.tpl-browser-item h3{margin:3px 0 6px}.tpl-browser-item p{margin:0;color:#75839b;font-size:12px}.tpl-browser-item footer{display:flex;justify-content:space-between;margin-top:12px;color:#2476f3;font-size:11px;font-weight:800}.tpl-modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid #edf1f6}.tpl-preview{background:#f3f6fa;border:1px solid #e0e7f1;border-radius:14px;padding:25px}.tpl-preview-email{max-width:600px;margin:auto;background:#fff;border-radius:11px;padding:35px;box-shadow:0 9px 30px #17345c13}.tpl-preview-email small{color:#2476f3;font-weight:800}.tpl-preview-email h3{font-size:27px;margin:12px 0}.tpl-preview-email p{color:#596983;line-height:1.65}.tpl-preview-email a{display:inline-block;background:#2476f3;color:#fff;border-radius:8px;padding:11px 16px;font-weight:800}.tpl-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tpl-form label{font-size:12px;font-weight:800}.tpl-form label.full{grid-column:1/-1}.tpl-form .tpl-input,.tpl-form .tpl-textarea{margin-top:7px}.tpl-textarea{width:100%;min-height:135px;border:1px solid #d9e2ef;border-radius:10px;background:#fbfcff;padding:12px;font:550 13px/1.6 inherit;resize:vertical;box-sizing:border-box;outline:0}.tpl-editor-head{gap:12px;margin-bottom:18px}.tpl-editor-head>span{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#eaf3ff,#e5fff6);color:#2476f3;display:grid;place-items:center}.tpl-editor-head h2{margin:0}.tpl-editor-head p{margin:4px 0 0;color:#71809a;font-size:12px}.tpl-campaign-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.tpl-campaign-stats .tpl-card{padding:17px}.tpl-campaign-stats small{display:block;color:#7a89a1}.tpl-campaign-stats b{font-size:22px;display:block;margin-top:6px}.tpl-campaign-list{overflow:hidden}.tpl-campaign-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:16px;align-items:center;padding:15px 18px;border-top:1px solid #edf1f6}.tpl-campaign-row:first-child{border-top:0}.tpl-campaign-row small{color:#7d8ba1}.tpl-status{border-radius:999px;padding:6px 9px;background:#e9faf3;color:#1a9b71;font-size:11px;font-weight:800}.tpl-status.draft{background:#eef3fb;color:#64748f}.tpl-save-composer{margin-left:8px}.tpl-save-composer svg{width:16px!important;height:16px!important}@media(max-width:980px){.tpl-grid{grid-template-columns:repeat(2,1fr)}.tpl-campaign-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.tpl-page{padding:24px 16px 55px}.tpl-head{align-items:flex-start;flex-direction:column}.tpl-head-actions{width:100%}.tpl-head-actions .tpl-btn{flex:1}.tpl-grid,.tpl-browser-grid,.tpl-form{grid-template-columns:1fr}.tpl-form label.full{grid-column:auto}.tpl-searchbar,.tpl-browser-tools{grid-template-columns:1fr;display:grid}.tpl-guide{grid-template-columns:auto 1fr}.tpl-guide .tpl-btn{grid-column:1/-1}.tpl-campaign-row{grid-template-columns:1fr 1fr}.tpl-campaign-row>*:first-child{grid-column:1/-1}.tpl-dialog{padding:22px}.tpl-preview{padding:12px}.tpl-preview-email{padding:23px}}


/* adaptive laptop pages */
@media(max-width:1200px){
  .tpl-grid,.wm-layout{grid-template-columns:1fr!important}
  .tpl-head,.wm-head{flex-wrap:wrap;gap:12px}
  .tpl-campaign-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wm-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .tpl-campaign-stats,.wm-stats{grid-template-columns:1fr!important}
}