/* TowerDesk — polish-v3.css (v1.0.9.132). Loads after ui-pro.css. */

/* ─── SIGN-IN: photograph canvas + floating card ────────────────────── */
.td-lg-wrap.tdl3{background:#0b1e36}
.td-lg-wrap.tdl3 .tdl3-bg{position:absolute;inset:0;z-index:0;background:#0b1e36 center/cover no-repeat;transform:scale(1.04);animation:tdl3Ken 22s ease-in-out infinite alternate}
@keyframes tdl3Ken{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.1) translate(-1.2%,-1%)}}
.td-lg-wrap.tdl3 .tdl3-wash{position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,22,42,.94) 0%,rgba(6,22,42,.78) 38%,rgba(6,22,42,.42) 62%,rgba(6,22,42,.28) 100%)}
.td-lg-wrap.tdl3:not(.tdl3-photo) .tdl3-wash{background:linear-gradient(155deg,var(--c900,#051b32),var(--c700,#0e3d6b))}
.td-lg-wrap.tdl3 .td-lg-hero{background:transparent;z-index:1;flex:1.15;justify-content:space-between}
.td-lg-wrap.tdl3 .td-lg-hero::before,.td-lg-wrap.tdl3 .td-lg-hero::after{display:none}
.td-lg-wrap.tdl3 .tdl3-hide{display:none!important}
.td-lg-wrap.tdl3 .td-lg-hero-head{margin-top:auto;margin-bottom:auto;max-width:640px}
.td-lg-wrap.tdl3 .td-lg-hero-title{font-size:clamp(34px,4.2vw,58px);letter-spacing:-1.4px;line-height:1.02}
.td-lg-wrap.tdl3 .tdl3-plaque{position:static;margin-top:22px;display:inline-flex;max-width:100%}
.td-lg-wrap.tdl3 .tdl3-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.td-lg-wrap.tdl3 .tdl3-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;font-size:12px;font-weight:600;color:rgba(255,255,255,.88);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.td-lg-wrap.tdl3 .tdl3-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g500,#33a766)}
.td-lg-wrap.tdl3 .td-lg-form-wrap{background:transparent;z-index:1;flex:.9;padding:40px 6vw 40px 24px;justify-content:flex-end}
.td-lg-wrap.tdl3 .td-lg-card{max-width:448px;padding:46px 44px 26px;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 40px 100px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.35) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.td-lg-wrap.tdl3 .td-lg-card::before{left:44px;right:44px}
.td-lg-wrap.tdl3 .td-lg-lang{top:22px;right:max(22px,6vw)}
.td-lg-wrap.tdl3 .td-lg-lang select.fi{background:rgba(255,255,255,.92)!important;border-color:rgba(255,255,255,.5)!important;border-radius:9px!important;font-size:12px!important;padding:7px 28px 7px 12px!important;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.td-lg-wrap.tdl3 .td-lg-btn{border-radius:12px;min-height:54px;font-weight:700;letter-spacing:.2px;box-shadow:0 12px 26px -10px var(--c700,#0e3d6b)}
.td-lg-wrap.tdl3 .td-lg-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #eef1f5;font-size:11.5px;color:#64748b}
.td-lg-wrap.tdl3 .tdl3-mark img{height:22px;width:auto;display:block}
.td-lg-wrap.tdl3 .td-lg-hero-foot{opacity:.85}
@media (max-width:860px){
  .td-lg-wrap.tdl3 .td-lg-hero{display:none}
  .td-lg-wrap.tdl3 .td-lg-form-wrap{padding:24px 16px;justify-content:center}
  .td-lg-wrap.tdl3 .tdl3-wash{background:linear-gradient(180deg,rgba(6,22,42,.72),rgba(6,22,42,.88))}
  .td-lg-wrap.tdl3 .td-lg-card{padding:34px 26px 22px;border-radius:22px}
  .td-lg-wrap.tdl3 .td-lg-mobile-logo{display:block}
  .td-lg-wrap.tdl3 .td-lg-lang{top:14px;right:14px}
  .td-lg-wrap.tdl3 .td-lg-lang select#lang-sel{display:inline-block!important}
  .td-lg-wrap.tdl3 .td-lg-welcome{display:none}
}

/* ─── SETTINGS: wrapping tab grid, one card language ───────────────── */
#pg.sx3 .stg-tabwrap,#pg .stg-tabwrap{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px!important;padding:10px!important;background:#fff!important;border:1px solid var(--ws-line,#e6ebf1)!important;border-radius:14px!important;overflow:visible!important}
#pg .stg-tabwrap .stg-tab{min-width:0!important;margin:0!important;border-radius:10px!important;padding:11px 13px!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid transparent!important;background:transparent!important}
#pg .stg-tabwrap .stg-tab:hover{background:var(--ws-canvas,#f6f8fb)!important}
#pg .stg-tabwrap .stg-tab[style*="var(--c50)"]{background:var(--c50)!important;border-color:var(--c300,#9dc3e6)!important}
#pg .stg-tabwrap .stg-tab>*{white-space:normal!important;line-height:1.3}
#pg .stg-tabwrap .stg-tab span,#pg .stg-tabwrap .stg-tab small,#pg .stg-tabwrap .stg-tab div:last-child{font-size:11px;color:var(--ws-ink-3,#64748b);font-weight:500}
#pg .stg-section .cd{border-radius:14px}
#pg .stg-section .cd-h{padding:16px 20px!important;border-bottom:1px solid var(--ws-line,#e6ebf1)}
#pg .stg-section .cd-h h3{font-size:15px!important;font-weight:700!important;letter-spacing:-.1px;margin:0!important}
#pg .stg-section .cd-h>span{font-size:12px!important;color:var(--ws-ink-3,#64748b)!important}
#pg .stg-section .cd-b>p:first-child{font-size:12.5px!important;color:var(--ws-ink-2,#475569)!important}
#pg .stg-section .sms-prov-opt{border-radius:12px!important;padding:12px 14px!important}
#pg .stg-section .sms-prov-opt:has(input:checked){border-color:var(--c500)!important;background:var(--c50)!important}
/* Email templates list: real rows, consistent chips */
#pg #email-tpl-list>div{border-radius:12px!important;border:1px solid var(--ws-line,#e6ebf1)!important;transition:box-shadow .15s}
#pg #email-tpl-list>div:hover{box-shadow:0 6px 18px -10px rgba(15,23,42,.25)}
#pg #tpl-filter-tabs .btn{border-radius:99px!important;padding:5px 12px!important;text-transform:none!important}

/* SMS status card */
#pg .sx3-sms .cd-b{padding:16px 20px 18px}
.sx3-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.sx3-stat{padding:12px 14px;border:1px solid var(--ws-line,#e6ebf1);border-radius:12px;background:var(--ws-canvas,#f6f8fb)}
.sx3-stat b{display:block;font-size:15px;font-weight:700;color:var(--ws-ink,#0f172a);letter-spacing:-.1px}
.sx3-stat b.ok{color:var(--g700,#22754a)}.sx3-stat b.off{color:var(--ws-ink-3,#64748b)}.sx3-stat b.warn{color:#b45309}
.sx3-stat span{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--ws-ink-3,#64748b);margin-top:3px}
.sx3-logh{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--ws-ink-3,#64748b);margin:0 0 8px}
.sx3-t{width:100%;font-size:12.5px}.sx3-t th{text-align:left;font-size:11px;color:var(--ws-ink-3,#64748b)}
.sx3-t td{vertical-align:top;padding:8px 10px 8px 0!important}
.sx3-msg{color:var(--ws-ink-2,#475569);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx3-pill{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--ws-canvas,#f1f5f9);color:var(--ws-ink-2,#475569);text-transform:capitalize}
.sx3-pill.sx3-sent{background:#e6f5ec;color:#22754a}.sx3-pill.sx3-failed{background:#fde8e8;color:#b42318}.sx3-pill.sx3-queued{background:#fff4e0;color:#b45309}
.sx3-err{font-size:11px;color:#b42318;margin-top:3px;max-width:260px}
.sx3-empty{padding:14px;border:1px dashed var(--ws-line,#e6ebf1);border-radius:10px;font-size:12.5px;color:var(--ws-ink-3,#64748b)}
@media (max-width:700px){.sx3-t thead{display:none}.sx3-t tr{display:block;padding:8px 0;border-bottom:1px solid var(--ws-line,#e6ebf1)}.sx3-t td{display:block;padding:2px 0!important}.sx3-msg{white-space:normal}}

/* ─── RTL (Arabic) — page content and modals only; the chrome stays LTR ── */
html[data-td-rtl="1"] #pg,html[data-td-rtl="1"] .md .md-b,html[data-td-rtl="1"] .md .md-h,html[data-td-rtl="1"] .td-lg-card{direction:rtl;text-align:right}
html[data-td-rtl="1"] #pg .t th,html[data-td-rtl="1"] #pg .t td{text-align:right}
html[data-td-rtl="1"] #pg input,html[data-td-rtl="1"] #pg textarea,html[data-td-rtl="1"] .td-lg-card input{direction:rtl;text-align:right}
html[data-td-rtl="1"] .td-lg-card .td-lg-field-ic{left:auto;right:15px}
html[data-td-rtl="1"] .td-lg-wrap .td-lg-field .fi{padding:13px 44px 13px 14px}
html[data-td-rtl="1"] .td-lg-card .td-lg-pwd-toggle{right:auto;left:6px}
html[data-td-rtl="1"] #pg .sx3-t th,html[data-td-rtl="1"] #pg .sx3-t td{padding:8px 0 8px 10px!important}
