/* TeleCode administration interface */
:root{
  --tc-sidebar-width:268px;
  --tc-topbar-height:72px;
  --tc-bg:#f3f6fb;
  --tc-surface:#ffffff;
  --tc-surface-soft:#f8fafc;
  --tc-ink:#172033;
  --tc-muted:#667085;
  --tc-line:#dfe6ef;
  --tc-primary:#315fd5;
  --tc-primary-dark:#244db8;
  --tc-success:#0b7a49;
  --tc-warning:#9a5b00;
  --tc-danger:#b42318;
  --tc-sidebar:#111827;
  --tc-sidebar-soft:#1f2937;
  --tc-radius:14px;
  --tc-shadow:0 10px 30px rgba(16,24,40,.06);
}

html,body,
button,input,select,textarea,optgroup,option,table,
.tc-standalone,.tc-login-page{
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
}
*{box-sizing:border-box}
html{height:100%;background:var(--tc-bg)}
body.tc-standalone{height:100%;margin:0;overflow:hidden;background:var(--tc-bg);color:var(--tc-ink)}
body.tc-standalone[dir="rtl"],html[dir="rtl"] body.tc-standalone{direction:rtl;text-align:right}
body.tc-standalone[dir="ltr"],html[dir="ltr"] body.tc-standalone{direction:ltr;text-align:left}
.tc-icon{width:19px;height:19px;display:block;flex:0 0 auto}
.tc-sidebar{
  position:fixed!important;
  inset-block:0!important;
  width:var(--tc-sidebar-width)!important;
  z-index:1200!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#111827 0%,#0b1220 100%)!important;
  color:#fff!important;
  box-shadow:none!important;
  border-inline-end:1px solid rgba(255,255,255,.07)!important;
}
html[dir="rtl"] .tc-sidebar{right:0!important;left:auto!important}
html[dir="ltr"] .tc-sidebar{left:0!important;right:auto!important}
.tc-sidebar-brand{
  flex:0 0 var(--tc-topbar-height)!important;
  min-height:var(--tc-topbar-height)!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:12px 15px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.tc-sidebar-brand>div{min-width:0}.tc-sidebar-brand strong{display:block;font-size:17px;font-weight:800;line-height:1.3}.tc-sidebar-brand small{display:block;margin-top:2px;color:#98a2b3;font-size:10px}
.tc-brand-mark{width:40px!important;height:40px!important;border-radius:12px!important;font-size:14px!important;background:linear-gradient(145deg,#4775e6,#2f5bc9)!important}
.tc-sidebar-close{display:none!important;margin-inline-start:auto!important}
.tc-sidebar-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#475467 transparent;
  direction:ltr;
}
html[dir="ltr"] .tc-sidebar-scroll{direction:rtl}
.tc-sidebar-scroll::-webkit-scrollbar{width:9px}.tc-sidebar-scroll::-webkit-scrollbar-track{background:transparent}.tc-sidebar-scroll::-webkit-scrollbar-thumb{background:#475467;border:2px solid transparent;border-radius:999px;background-clip:padding-box}
.tc-sidebar-nav{padding:12px 9px 18px!important;overflow:visible!important;direction:rtl}
html[dir="ltr"] .tc-sidebar-nav{direction:ltr}
.tc-sidebar-footer{flex:0 0 54px!important;min-height:54px!important;padding:11px 15px!important;background:rgba(0,0,0,.12)!important;border-top:1px solid rgba(255,255,255,.07)!important;color:#98a2b3!important;font-size:10px!important}

.tc-app{
  height:100vh!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  transition:margin .2s ease!important;
}
html[dir="rtl"] .tc-app{margin-right:var(--tc-sidebar-width)!important;margin-left:0!important}
html[dir="ltr"] .tc-app{margin-left:var(--tc-sidebar-width)!important;margin-right:0!important}
.tc-topbar{
  position:relative!important;
  top:auto!important;
  flex:0 0 var(--tc-topbar-height)!important;
  min-height:var(--tc-topbar-height)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:10px 22px!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--tc-line)!important;
  box-shadow:0 2px 12px rgba(16,24,40,.035)!important;
  z-index:50!important;
}
.tc-topbar-start,.tc-topbar-actions{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}
.tc-topbar-start{flex:1 1 auto}.tc-topbar-actions{flex:0 0 auto}
.tc-page-heading{min-width:0}.tc-page-heading h1{margin:0!important;font-size:20px!important;font-weight:800!important;line-height:1.35!important;color:#172033!important}.tc-page-heading p{max-width:min(760px,52vw)!important;margin:3px 0 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#7a8699!important;font-size:11px!important}
.tc-health-link{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;padding:7px 12px!important;border:1px solid var(--tc-line)!important;border-radius:11px!important;background:#fff!important;color:#344054!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important}
.tc-main-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#aab4c3 transparent;
  direction:ltr;
}
html[dir="ltr"] .tc-main-scroll{direction:rtl}
.tc-main-scroll::-webkit-scrollbar{width:10px}.tc-main-scroll::-webkit-scrollbar-track{background:#eef2f7}.tc-main-scroll::-webkit-scrollbar-thumb{background:#aab4c3;border:2px solid #eef2f7;border-radius:999px}
.tc-main{direction:rtl!important;text-align:right!important;width:100%!important;max-width:1580px!important;margin:0 auto!important;padding:24px 26px 52px!important}
html[dir="ltr"] .tc-main{direction:ltr!important;text-align:left!important}
.tc-main>.wrap,.tc-main>.tc-wrap{max-width:none!important;margin:0!important;padding:0!important}
.tc-main .tc-hero{display:none!important}
.tc-nav-group{position:relative!important;margin:0 0 5px!important;border:0!important;border-radius:10px!important;background:transparent!important;overflow:visible!important}
.tc-nav-group>summary{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:43px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#cbd5e1!important;
  list-style:none!important;
  cursor:pointer!important;
  font-size:11.5px!important;
  font-weight:700!important;
  user-select:none!important;
}
.tc-nav-group>summary::-webkit-details-marker{display:none!important}
.tc-nav-group>summary:hover,.tc-nav-group.is-active-group>summary,.tc-nav-group[data-flyout-open="1"]>summary{background:rgba(255,255,255,.075)!important;color:#fff!important}
.tc-nav-icon,.tc-nav-link-icon{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;flex:0 0 23px!important;color:inherit!important}
.tc-nav-icon .tc-icon,.tc-nav-link-icon .tc-icon{width:18px!important;height:18px!important}
.tc-nav-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-nav-chevron{margin-inline-start:auto!important;transition:transform .16s ease!important}
html[dir="rtl"] .tc-nav-chevron{transform:rotate(90deg)!important}html[dir="ltr"] .tc-nav-chevron{transform:rotate(-90deg)!important}
.tc-nav-items{display:none!important}
.tc-nav-flyout{
  position:fixed!important;
  z-index:1400!important;
  width:286px!important;
  max-height:min(560px,calc(100vh - 32px))!important;
  overflow:auto!important;
  padding:8px!important;
  border:1px solid #dfe6ef!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:0 20px 55px rgba(16,24,40,.22)!important;
  direction:rtl!important;
}
html[dir="rtl"] .tc-nav-flyout{right:calc(var(--tc-sidebar-width) + 8px)!important;left:auto!important}
html[dir="ltr"] .tc-nav-flyout{left:calc(var(--tc-sidebar-width) + 8px)!important;right:auto!important;direction:ltr!important}
.tc-nav-flyout-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px 10px;border-bottom:1px solid #edf0f4}.tc-nav-flyout-head strong{font-size:12px}.tc-nav-flyout-head button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:#f2f4f7;color:#667085;cursor:pointer}.tc-nav-flyout-head button:hover{background:#e9edf3;color:#344054}.tc-nav-flyout [data-flyout-content]{display:grid;gap:4px;padding-top:7px}.tc-nav-flyout .tc-nav-link{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:8px 10px!important;border-radius:9px!important;color:#475467!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important}.tc-nav-flyout .tc-nav-link:hover{background:#f3f6fb!important;color:#244db8!important}.tc-nav-flyout .tc-nav-link.is-active{background:#eaf0ff!important;color:#244db8!important;box-shadow:none!important}
.tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-stat,.tc-main .tc-table-wrap,.tc-account-card{
  border:1px solid var(--tc-line)!important;
  border-radius:var(--tc-radius)!important;
  background:var(--tc-surface)!important;
  box-shadow:var(--tc-shadow)!important;
}
.tc-main .tc-card{padding:20px!important;margin-bottom:18px!important}.tc-main .tc-stats,.tc-main .tc-mini-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:12px!important}
.tc-main .tc-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:15px!important;padding:0 0 15px!important;margin:0 0 18px!important;border-bottom:1px solid #edf0f4!important}.tc-main .tc-section-head h2,.tc-main .tc-card>h2{margin:0 0 4px!important;font-size:16px!important;font-weight:800!important;color:#202c40!important}.tc-main .tc-section-head p,.tc-main .tc-card>p{margin:0!important;color:#7a8699!important;font-size:11px!important;line-height:1.8!important}
.tc-main .tc-form-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:16px 18px!important}.tc-main .tc-form-grid .tc-full,.tc-main .tc-full{grid-column:1/-1!important}
.tc-main label{min-width:0!important}
.tc-main input[type=text],.tc-main input[type=password],.tc-main input[type=number],.tc-main input[type=url],.tc-main input[type=email],.tc-main input[type=datetime-local],.tc-main input[type=search],.tc-main select,.tc-main textarea{
  width:100%!important;max-width:100%!important;min-height:44px!important;padding:9px 11px!important;border:1px solid #d5dde8!important;border-radius:10px!important;background:#fff!important;color:#172033!important;font-size:12px!important;box-shadow:0 1px 2px rgba(16,24,40,.02)!important
}
.tc-main textarea{min-height:116px!important;resize:vertical!important}.tc-main input:focus,.tc-main select:focus,.tc-main textarea:focus{outline:0!important;border-color:#88a4ea!important;box-shadow:0 0 0 4px rgba(49,95,213,.11)!important}

.tc-main .tc-table-wrap{max-width:100%!important;overflow:auto!important;box-shadow:none!important}.tc-main table.widefat{width:100%!important;min-width:720px!important;border-collapse:collapse!important;background:#fff!important}.tc-main .widefat th,.tc-main .widefat td{padding:11px 12px!important;border-bottom:1px solid #edf0f4!important;text-align:start!important;vertical-align:middle!important;font-size:11px!important}.tc-main .widefat th{position:sticky!important;top:0!important;z-index:2!important;background:#f7f9fc!important;color:#475467!important;font-weight:800!important;white-space:nowrap!important}.tc-main .widefat tbody tr:hover td{background:#fbfcff!important}
.tc-main details{border:1px solid #e1e7ef!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}.tc-main details>summary{min-height:46px!important;padding:10px 13px!important;background:#fafbfc!important;color:#344054!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}.tc-main details[open]>summary{background:#f3f6fb!important}

.button,.button-primary,.button-secondary,.button-warning,.button-danger,.button-logout{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;padding:7px 14px!important;border:1px solid #d5dde8!important;border-radius:10px!important;background:#fff!important;color:#344054!important;text-decoration:none!important;white-space:nowrap!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;cursor:pointer!important;box-shadow:none!important
}
.button:hover,.button-secondary:hover{background:#f7f9fc!important;border-color:#b8c4d5!important}.button-primary{border-color:var(--tc-primary)!important;background:var(--tc-primary)!important;color:#fff!important}.button-primary:hover{border-color:var(--tc-primary-dark)!important;background:var(--tc-primary-dark)!important}.button-warning{border-color:#f0b34b!important;background:#fff8e8!important;color:#8a4b00!important}.button-danger,.button-link-delete{border-color:#efb6b1!important;background:#fff5f4!important;color:var(--tc-danger)!important}.button[disabled],.button[aria-disabled="true"]{opacity:.55!important;pointer-events:none!important}
.tc-chat-layout{display:grid!important;grid-template-columns:minmax(270px,330px) minmax(0,1fr)!important;gap:16px!important;min-height:650px!important}.tc-chat-customers,.tc-chat-panel{min-width:0!important;overflow:hidden!important}.tc-chat-customer-list,.tc-chat-messages{overflow:auto!important}.tc-chat-messages{max-height:calc(100vh - 280px)!important;min-height:420px!important}.tc-chat-bubble{max-width:min(76%,680px)!important}.tc-chat-composer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important}.tc-chat-composer textarea{min-height:48px!important;margin:0!important}
.tc-input-shell,.tc-password-field{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}.tc-input-shell input{padding-inline-start:42px!important;padding-inline-end:48px!important}.tc-input-icon{position:absolute!important;inset-inline-start:13px!important;color:#7a8699!important;pointer-events:none!important}.tc-password-toggle{position:absolute!important;inset-inline-end:7px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#667085!important;cursor:pointer!important}.tc-password-toggle:hover{background:#eef2f7!important;color:#315fd5!important}
.tc-user-menu{position:relative!important}.tc-user-menu>summary{display:flex!important;align-items:center!important;gap:9px!important;min-width:186px!important;min-height:46px!important;padding:5px 7px!important;border:1px solid var(--tc-line)!important;border-radius:11px!important;background:#fff!important;list-style:none!important;cursor:pointer!important}.tc-user-menu>summary::-webkit-details-marker{display:none!important}.tc-user-avatar{display:grid!important;place-items:center!important;width:35px!important;height:35px!important;border-radius:10px!important;background:#eef3ff!important;color:#315fd5!important;font-size:12px!important;font-weight:800!important}.tc-user-copy{display:flex!important;flex-direction:column!important;min-width:0!important}.tc-user-copy strong{max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}.tc-user-copy small{font-size:9px!important;color:#7a8699!important}.tc-user-arrow{margin-inline-start:auto!important}.tc-user-dropdown{position:absolute!important;inset-inline-end:0!important;top:calc(100% + 8px)!important;z-index:1000!important;width:250px!important;padding:8px!important;border:1px solid var(--tc-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 45px rgba(16,24,40,.16)!important}.tc-user-dropdown>a,.tc-user-language,.tc-logout-trigger{display:flex!important;align-items:center!important;gap:9px!important;min-height:40px!important;width:100%!important;padding:8px 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#344054!important;text-decoration:none!important;text-align:start!important;font-size:10.5px!important;cursor:pointer!important}.tc-user-dropdown>a:hover,.tc-logout-trigger:hover{background:#f3f6fb!important}.tc-logout-trigger{color:#b42318!important;font-weight:700!important}
body.tc-login-page{min-height:100vh!important;margin:0!important;overflow:auto!important;display:grid!important;place-items:center!important;padding:20px!important;background:radial-gradient(circle at 20% 15%,rgba(49,95,213,.10),transparent 30%),linear-gradient(145deg,#f7f9fd,#edf2f8)!important;color:#172033!important}
.tc-login-layout{width:100%!important;display:grid!important;place-items:center!important}.tc-login-card{width:min(100%,440px)!important;margin:0!important;padding:28px!important;border:1px solid #dfe6ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 70px rgba(16,24,40,.13)!important}.tc-login-brand,.tc-login-language,.tc-login-form,.tc-login-intro{width:100%!important}.tc-login-form{display:grid!important;gap:15px!important}.tc-login-form label>span{display:block!important;margin-bottom:7px!important;font-size:11px!important;font-weight:700!important}.tc-login-form input{width:100%!important;height:48px!important;border:1px solid #d5dde8!important;border-radius:10px!important;background:#fff!important}.tc-login-button{width:100%!important;min-height:47px!important;border:0!important;border-radius:10px!important;background:#315fd5!important;color:#fff!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important}.tc-login-button:disabled{opacity:.7!important;cursor:wait!important}.tc-login-success,.tc-login-error{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:11px 12px!important;border-radius:10px!important;font-size:11px!important}.tc-login-success{border:1px solid #b7e1c9!important;background:#effaf4!important;color:#087443!important}.tc-login-error{border:1px solid #f2c0bc!important;background:#fff4f3!important;color:#b42318!important}
.tc-sidebar-overlay{display:none;position:fixed;inset:0;z-index:1100;background:rgba(16,24,40,.55)}.tc-modal{position:fixed!important;inset:0!important;z-index:3000!important;display:grid!important;place-items:center!important;padding:18px!important}.tc-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(16,24,40,.58)!important}.tc-modal-card{position:relative!important;z-index:1!important;width:min(100%,470px)!important;padding:24px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 30px 80px rgba(16,24,40,.25)!important;text-align:center!important}

@media (max-width:1180px){
  :root{--tc-sidebar-width:250px}
  .tc-main{padding-inline:20px!important}.tc-page-heading p{max-width:42vw!important}.tc-chat-layout{grid-template-columns:285px minmax(0,1fr)!important}
}

@media (max-width:960px){
  body.tc-standalone{overflow:hidden!important}
  .tc-sidebar{width:min(86vw,310px)!important;transition:transform .22s ease!important;box-shadow:0 16px 50px rgba(16,24,40,.25)!important}
  html[dir="rtl"] .tc-sidebar{transform:translateX(105%)!important}html[dir="ltr"] .tc-sidebar{transform:translateX(-105%)!important}
  body.tc-sidebar-open .tc-sidebar{transform:translateX(0)!important}
  body.tc-sidebar-open .tc-sidebar-overlay{display:block!important}
  html[dir="rtl"] .tc-app,html[dir="ltr"] .tc-app{margin:0!important}
  .tc-sidebar-close{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:0!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
  .tc-mobile-menu{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid var(--tc-line)!important;border-radius:10px!important;background:#fff!important;color:#344054!important;cursor:pointer!important}
  .tc-nav-flyout{display:none!important}
  .tc-nav-items{display:grid!important;gap:3px!important;padding:5px 5px 7px!important}
  .tc-nav-link{display:flex!important;align-items:center!important;gap:10px!important;min-height:39px!important;padding:8px 10px!important;border-radius:8px!important;color:#b8c3d1!important;text-decoration:none!important;font-size:10.5px!important;font-weight:700!important}.tc-nav-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.tc-nav-link.is-active{background:#315fd5!important;color:#fff!important}
  .tc-nav-group:not([open])>.tc-nav-items{display:none!important}.tc-nav-group[open] .tc-nav-chevron{transform:rotate(180deg)!important}
  .tc-topbar{padding-inline:14px!important}.tc-health-link{display:none!important}.tc-page-heading p{max-width:52vw!important}
  .tc-chat-layout{grid-template-columns:1fr!important;min-height:0!important}.tc-chat-customers{max-height:350px!important}.tc-chat-panel{min-height:560px!important}
}

@media (max-width:700px){
  :root{--tc-topbar-height:64px}
  .tc-topbar{gap:8px!important;padding:8px 10px!important}.tc-topbar-start{gap:8px!important}.tc-page-heading h1{font-size:16px!important}.tc-page-heading p{display:none!important}.tc-user-menu>summary{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:3px!important}.tc-user-avatar{width:34px!important;height:34px!important}.tc-user-copy,.tc-user-arrow{display:none!important}
  .tc-main{padding:13px 9px 34px!important}.tc-main .tc-card{padding:14px!important;border-radius:12px!important}.tc-main .tc-section-head{flex-direction:column!important}.tc-main .tc-form-grid{grid-template-columns:1fr!important}.tc-chat-bubble{max-width:90%!important}.tc-chat-composer{grid-template-columns:1fr!important}.tc-chat-composer .button{width:100%!important}.tc-main table.widefat{min-width:650px!important}
  .tc-login-card{padding:21px 16px!important;border-radius:15px!important}
}

@media (max-width:420px){
  .tc-mobile-menu{width:38px!important;height:38px!important}.tc-page-heading h1{font-size:14px!important}.tc-main{padding-inline:7px!important}.tc-main .tc-card{padding:12px!important}.tc-user-dropdown{position:fixed!important;inset-inline:10px!important;top:70px!important;width:auto!important}
}
body [hidden],
.tc-modal[hidden],
.tc-nav-flyout[hidden],
.tc-button-loading[hidden],
[data-eye-show][hidden],
[data-eye-hide][hidden]{display:none!important}

html,body{width:100%;max-width:100%;}
body{overflow-wrap:anywhere}
button,input,select,textarea{font:inherit}
.tc-icon-button{display:inline-grid;place-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.tc-brand-mark{display:grid!important;place-items:center!important;flex:0 0 auto!important;color:#fff!important;font-weight:800!important;line-height:1!important}
body.tc-login-page{
  min-height:100svh!important;
  width:100%!important;
  margin:0!important;
  overflow:auto!important;
  display:block!important;
  padding:clamp(14px,3vw,34px)!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(49,95,213,.11),transparent 28%),
    radial-gradient(circle at 88% 86%,rgba(15,118,110,.08),transparent 30%),
    linear-gradient(145deg,#f8fafc,#edf2f8)!important;
}
.tc-login-layout{
  min-height:calc(100svh - clamp(28px,6vw,68px))!important;
  width:100%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.tc-login-card{
  width:min(100%,460px)!important;
  margin:0 auto!important;
  padding:clamp(22px,4vw,32px)!important;
  border:1px solid #dce4ee!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 28px 72px rgba(16,24,40,.14)!important;
  text-align:start!important;
}
.tc-login-language{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  width:100%!important;
  margin:0 0 22px!important;
  padding:4px!important;
  border:1px solid #e5eaf1!important;
  border-radius:10px!important;
  background:#f7f9fc!important;
}
html[dir="ltr"] .tc-login-language{justify-content:flex-start!important}
.tc-login-language a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:6px 12px!important;
  border-radius:7px!important;
  color:#667085!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:700!important;
}
.tc-login-language a.is-active{background:#fff!important;color:#2757d7!important;box-shadow:0 1px 4px rgba(16,24,40,.08)!important}
.tc-login-brand{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  margin:0 0 24px!important;
}
.tc-login-brand>div{min-width:0!important}
.tc-brand-mark-large{width:52px!important;height:52px!important;border-radius:15px!important;font-size:17px!important;background:linear-gradient(145deg,#4775e6,#2f5bc9)!important}
.tc-login-brand strong{display:block!important;margin:0!important;color:#172033!important;font-size:21px!important;font-weight:800!important;line-height:1.25!important}
.tc-login-brand small{display:block!important;margin-top:4px!important;color:#667085!important;font-size:11px!important;line-height:1.6!important}
.tc-login-intro{width:100%!important;margin:0!important}
.tc-login-intro h1{margin:0 0 8px!important;color:#172033!important;font-size:clamp(26px,4.5vw,34px)!important;font-weight:800!important;line-height:1.25!important}
.tc-login-intro p{margin:0 0 22px!important;color:#667085!important;font-size:13px!important;line-height:1.8!important}
.tc-login-form{display:grid!important;gap:16px!important;width:100%!important}
.tc-login-form label{display:block!important;width:100%!important;margin:0!important}
.tc-login-form label>span{display:block!important;margin:0 0 7px!important;color:#344054!important;font-size:12px!important;font-weight:700!important}
.tc-login-form .tc-input-shell{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}
.tc-login-form input{
  width:100%!important;
  height:50px!important;
  margin:0!important;
  padding-inline-start:44px!important;
  padding-inline-end:48px!important;
  border:1px solid #cfd8e6!important;
  border-radius:11px!important;
  outline:0!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:none!important;
  font-size:13px!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}
.tc-login-form input:focus{border-color:#4c74dc!important;box-shadow:0 0 0 4px rgba(49,95,213,.12)!important}
.tc-input-icon{position:absolute!important;inset-inline-start:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#98a2b3!important;pointer-events:none!important;z-index:2!important}
.tc-input-icon .tc-icon{width:18px!important;height:18px!important}
.tc-password-toggle{position:absolute!important;inset-inline-end:7px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#667085!important;cursor:pointer!important}
.tc-password-toggle:hover,.tc-password-toggle:focus-visible{background:#eef2f7!important;color:#2757d7!important;outline:0!important}
.tc-password-toggle .tc-icon{width:18px!important;height:18px!important}
.tc-login-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;min-height:50px!important;margin:2px 0 0!important;padding:10px 16px!important;border:0!important;border-radius:11px!important;background:linear-gradient(180deg,#3c69dc,#315fd5)!important;color:#fff!important;box-shadow:0 10px 22px rgba(49,95,213,.22)!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;transition:transform .15s ease,filter .15s ease!important}
.tc-login-button:hover{filter:brightness(.97)!important;transform:translateY(-1px)!important}
.tc-login-button:disabled{opacity:.7!important;cursor:wait!important;transform:none!important}
.tc-button-loading{align-items:center!important;gap:9px!important}
.tc-button-loading i{width:16px!important;height:16px!important;border:2px solid rgba(255,255,255,.45)!important;border-top-color:#fff!important;border-radius:50%!important;animation:tc-spin .7s linear infinite!important}
@keyframes tc-spin{to{transform:rotate(360deg)}}
.tc-login-success,.tc-login-error{display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%!important;margin:0 0 17px!important;padding:12px 13px!important;border-radius:11px!important;font-size:12px!important;line-height:1.7!important}
.tc-login-success{border:1px solid #a9e6c4!important;background:#effaf4!important;color:#087443!important}
.tc-login-error{border:1px solid #f0bbb7!important;background:#fff4f3!important;color:#b42318!important}
.tc-login-success p,.tc-login-error p{margin:0!important}

.tc-login-security{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:22px 0 0!important;color:#7a8699!important;font-size:11px!important;text-align:center!important}
.tc-login-security .tc-icon{width:16px!important;height:16px!important}
.tc-sidebar-brand .tc-brand-mark{width:40px!important;height:40px!important;border-radius:12px!important;background:linear-gradient(145deg,#4775e6,#2f5bc9)!important;font-size:14px!important}
.tc-sidebar-brand>div{min-width:0!important}
.tc-sidebar-brand strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.tc-sidebar-brand small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.tc-mobile-menu{display:none!important}
.tc-topbar{min-width:0!important}
.tc-topbar-start{overflow:hidden!important}
.tc-topbar-actions{margin-inline-start:auto!important}
.tc-main-scroll{-webkit-overflow-scrolling:touch!important}
.tc-main{min-width:0!important}
.tc-main .wrap,.tc-main .tc-wrap,.tc-main form,.tc-main section,.tc-main article{min-width:0!important}
.tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-table-wrap{overflow:hidden!important}
.tc-main .tc-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.tc-main table{max-width:none!important}
.tc-main input[type="text"],.tc-main input[type="number"],.tc-main input[type="password"],.tc-main input[type="email"],.tc-main input[type="url"],.tc-main input[type="datetime-local"],.tc-main select,.tc-main textarea{max-width:100%!important}
.tc-main textarea{resize:vertical!important}
.tc-main .notice{margin:0 0 16px!important;border-radius:11px!important}
.tc-main .button,.tc-user-dropdown .button{white-space:normal!important;text-align:center!important}
.tc-modal[hidden]{display:none!important}
.tc-modal-card h2{margin:0 0 8px!important;font-size:20px!important}.tc-modal-card p{margin:0 0 20px!important;color:#667085!important;line-height:1.75!important}.tc-modal-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.tc-modal-actions form{margin:0!important}
@media (max-width:1180px){
  :root{--tc-sidebar-width:240px!important}
  .tc-main{padding:20px 18px 42px!important}
  .tc-page-heading p{max-width:42vw!important}

}

@media (max-width:960px){
  :root{--tc-topbar-height:64px!important}
  body.tc-standalone{overflow:hidden!important}
  .tc-sidebar{width:min(86vw,310px)!important;max-width:310px!important;transition:transform .22s ease!important;box-shadow:0 20px 60px rgba(16,24,40,.32)!important}
  html[dir="rtl"] .tc-sidebar{right:0!important;left:auto!important;transform:translateX(105%)!important}
  html[dir="ltr"] .tc-sidebar{left:0!important;right:auto!important;transform:translateX(-105%)!important}
  body.tc-sidebar-open .tc-sidebar{transform:translateX(0)!important}
  body.tc-sidebar-open .tc-sidebar-overlay{display:block!important}
  html[dir="rtl"] .tc-app,html[dir="ltr"] .tc-app{margin:0!important}
  .tc-sidebar-close{display:grid!important}
  .tc-mobile-menu{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid #dfe6ef!important;border-radius:10px!important;background:#fff!important;color:#344054!important;box-shadow:0 2px 8px rgba(16,24,40,.05)!important}
  .tc-mobile-menu .tc-icon{width:21px!important;height:21px!important}
  .tc-nav-flyout{display:none!important}
  .tc-nav-group>summary{min-height:42px!important}
  .tc-nav-items{display:grid!important;gap:4px!important;padding:4px 6px 8px 38px!important}
  html[dir="rtl"] .tc-nav-items{padding:4px 38px 8px 6px!important}
  .tc-nav-link{display:flex!important;align-items:center!important;gap:9px!important;min-height:38px!important;padding:8px 10px!important;border-radius:8px!important;color:#b8c3d1!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important}
  .tc-nav-link.is-active{background:#315fd5!important;color:#fff!important}
  .tc-nav-group:not([open])>.tc-nav-items{display:none!important}
  .tc-nav-group[open] .tc-nav-chevron{transform:rotate(180deg)!important}
  .tc-topbar{padding:8px 12px!important;gap:10px!important}
  .tc-page-heading h1{font-size:17px!important}
  .tc-page-heading p{max-width:48vw!important}
  .tc-health-link{display:none!important}
  .tc-main{padding:16px 12px 34px!important}
  .tc-chat-layout{grid-template-columns:1fr!important;min-height:0!important}
  .tc-chat-customers{max-height:360px!important}
  .tc-chat-panel{min-height:520px!important}
}

@media (max-width:700px){
  .tc-topbar{min-height:64px!important}
  .tc-topbar-start{gap:8px!important}
  .tc-page-heading h1{font-size:15px!important}
  .tc-page-heading p{display:none!important}
  .tc-user-menu>summary{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:3px!important}
  .tc-user-avatar{width:34px!important;height:34px!important}
  .tc-user-copy,.tc-user-arrow{display:none!important}
  .tc-user-dropdown{position:fixed!important;inset-inline:10px!important;top:72px!important;width:auto!important;max-height:calc(100svh - 84px)!important;overflow:auto!important}
  .tc-main{padding:12px 8px 28px!important}
  .tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-table-wrap{padding:14px!important;border-radius:12px!important;margin-bottom:12px!important}
  .tc-main .tc-stats,.tc-main .tc-mini-stats,.tc-main .tc-form-grid{grid-template-columns:1fr!important;gap:10px!important}
  .tc-main .tc-section-head{flex-direction:column!important;align-items:stretch!important;gap:10px!important}



  .tc-main .button,.tc-main button,.tc-main input[type="submit"]{max-width:100%!important}
  .tc-form-actions,.tc-save-bar{flex-direction:column!important;align-items:stretch!important}
  .tc-form-actions .button,.tc-save-bar .button{width:100%!important}
  .tc-main table.widefat{min-width:680px!important}
  .tc-chat-bubble{max-width:92%!important}
  .tc-chat-composer{grid-template-columns:1fr!important}
  .tc-chat-composer .button{width:100%!important}
  .tc-modal-card{padding:20px 16px!important;border-radius:14px!important}
  .tc-modal-actions{flex-direction:column-reverse!important;align-items:stretch!important}
  .tc-modal-actions form,.tc-modal-actions .button{width:100%!important}
  .tc-modal-actions form .button{width:100%!important}
  body.tc-login-page{padding:12px!important}
  .tc-login-layout{min-height:calc(100svh - 24px)!important}
  .tc-login-card{padding:20px 16px!important;border-radius:17px!important}
  .tc-login-language{margin-bottom:18px!important}
  .tc-login-brand{margin-bottom:20px!important}
  .tc-login-intro h1{font-size:25px!important}
}

@media (max-width:420px){
  .tc-mobile-menu{width:39px!important;height:39px!important;flex-basis:39px!important}
  .tc-page-heading h1{font-size:14px!important}
  .tc-main{padding-inline:6px!important}
  .tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-table-wrap{padding:12px!important}
  .tc-login-card{padding:18px 14px!important}
  .tc-login-language a{flex:1 1 0!important;padding-inline:7px!important}
  .tc-login-brand strong{font-size:19px!important}
  .tc-login-intro h1{font-size:23px!important}
}
html body.tc-standalone,
html body.tc-standalone *,
html body.tc-login-page,
html body.tc-login-page *{
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
  font-synthesis:none;
}
.tc-main code,.tc-main kbd,.tc-main pre,
.tc-chat-customer code,.tc-chat-person code{
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
  font-variant-numeric:tabular-nums;
}
.tc-main a:not(.button):not(.tc-nav-link):not(.tc-chat-customer){
  color:#315fd5;
  text-decoration:none;
  text-underline-offset:3px;
}
.tc-main a:not(.button):not(.tc-nav-link):not(.tc-chat-customer):hover{
  color:#244db8;
  text-decoration:underline;
}
.tc-main h1,.tc-main h2,.tc-main h3,.tc-main h4,
.tc-main label,.tc-main th,.tc-main strong{
  letter-spacing:0!important;
}
.tc-main h2{line-height:1.55!important}
.tc-main p,.tc-main small,.tc-main .description{line-height:1.75!important}
.tc-main label{color:#344054!important;font-weight:700!important}
.tc-main .description,.tc-main .help,.tc-main .hint{color:#7a8699!important}
.tc-chat-layout{
  align-items:stretch!important;
}
.tc-main .tc-chat-customers,
.tc-main .tc-chat-panel{
  border:1px solid var(--tc-line)!important;
  border-radius:var(--tc-radius)!important;
  background:#fff!important;
  box-shadow:var(--tc-shadow)!important;
}
.tc-chat-customers{
  display:flex!important;
  flex-direction:column!important;
}
.tc-chat-list-head{
  padding:18px 18px 11px!important;
  border-bottom:1px solid #edf0f4!important;
  background:#fff!important;
}
.tc-chat-list-head h2{
  margin:0 0 4px!important;
  color:#172033!important;
  font-size:16px!important;
  font-weight:800!important;
}
.tc-chat-list-head p{
  margin:0!important;
  color:#7a8699!important;
  font-size:10.5px!important;
}
.tc-chat-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:12px 14px!important;
  border-bottom:1px solid #edf0f4!important;
  background:#fbfcfe!important;
}
.tc-chat-search input{
  min-width:0!important;
  margin:0!important;
}
.tc-chat-search .button{
  min-width:68px!important;
  margin:0!important;
}
.tc-chat-customer-list{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:8px!important;
  background:#fff!important;
  scrollbar-width:thin;
  scrollbar-color:#c2cad6 transparent;
}
.tc-chat-customer-list::-webkit-scrollbar,
.tc-chat-messages::-webkit-scrollbar{width:8px;height:8px}
.tc-chat-customer-list::-webkit-scrollbar-thumb,
.tc-chat-messages::-webkit-scrollbar-thumb{background:#c2cad6;border:2px solid transparent;border-radius:999px;background-clip:padding-box}
.tc-chat-customer{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:60px!important;
  margin:0 0 5px!important;
  padding:9px 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#344054!important;
  text-decoration:none!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.tc-chat-customer:hover{
  border-color:#e2e8f0!important;
  background:#f8fafc!important;
  color:#172033!important;
  text-decoration:none!important;
  transform:translateY(-1px)!important;
}
.tc-chat-customer.is-active{
  border-color:#cad8ff!important;
  background:#eef3ff!important;
  color:#244db8!important;
  box-shadow:inset 3px 0 0 #315fd5!important;
}
html[dir="rtl"] .tc-chat-customer.is-active{box-shadow:inset -3px 0 0 #315fd5!important}
.tc-chat-avatar{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border:1px solid #dbe4fb!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#edf2ff,#f8faff)!important;
  color:#315fd5!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.tc-chat-avatar-large{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  font-size:15px!important;
}
.tc-chat-customer-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.tc-chat-customer-copy strong{
  overflow:hidden!important;
  color:inherit!important;
  font-size:11.5px!important;
  font-weight:800!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.tc-chat-customer-copy small{
  overflow:hidden!important;
  color:#7a8699!important;
  font-size:9px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.tc-chat-customer-copy code{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#667085!important;
  font-size:inherit!important;
}
.tc-chat-customer time{
  align-self:start!important;
  padding-top:3px!important;
  color:#98a2b3!important;
  font-size:8px!important;
  white-space:nowrap!important;
}

.tc-chat-panel{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#f2f5f9!important;
}
.tc-chat-panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:13px 16px!important;
  border-bottom:1px solid #e2e7ef!important;
  background:#fff!important;
}
.tc-chat-person{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.tc-chat-person h2{
  margin:0 0 3px!important;
  overflow:hidden!important;
  color:#172033!important;
  font-size:14px!important;
  font-weight:800!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.tc-chat-person p{
  margin:0!important;
  overflow:hidden!important;
  color:#7a8699!important;
  font-size:9.5px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}


.tc-chat-messages{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:20px 18px!important;
  background:
    radial-gradient(circle at 20% 12%,rgba(49,95,213,.045),transparent 30%),
    radial-gradient(circle at 80% 88%,rgba(11,122,73,.025),transparent 25%),
    #f3f6fa!important;
}
.tc-chat-bubble{
  position:relative!important;
  width:fit-content!important;
  max-width:min(76%,680px)!important;
  padding:9px 11px 7px!important;
  border:1px solid #dfe5ec!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#29364d!important;
  box-shadow:0 3px 10px rgba(16,24,40,.045)!important;
}
.tc-chat-bubble.is-out{
  align-self:flex-end!important;
  border-color:#cddafb!important;
  border-end-end-radius:5px!important;
  background:#eaf0ff!important;
}
.tc-chat-bubble.is-in{
  align-self:flex-start!important;
  border-end-start-radius:5px!important;
  background:#fff!important;
}
.tc-chat-bubble.is-system{
  align-self:center!important;
  max-width:84%!important;
  border-color:#e2e7ef!important;
  background:#f8fafc!important;
  color:#667085!important;
  text-align:center!important;
}

.tc-chat-bubble-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:15px!important;
  margin-bottom:4px!important;
  color:#667085!important;
  font-size:8.5px!important;
  font-weight:800!important;
}
.tc-chat-bubble-body{
  color:#29364d!important;
  font-size:11.5px!important;
  line-height:1.8!important;
  overflow-wrap:anywhere!important;
  white-space:pre-wrap!important;
}
.tc-chat-bubble footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin-top:5px!important;
  color:#8490a3!important;
  font-size:8px!important;
}

.tc-chat-composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:9px!important;
  padding:12px 14px!important;
  border-top:1px solid #e0e5ed!important;
  background:#fff!important;
}
.tc-chat-composer textarea{
  min-height:48px!important;
  max-height:150px!important;
  margin:0!important;
  resize:vertical!important;
}
.tc-chat-composer .button{
  min-width:84px!important;
  height:44px!important;
  margin:0!important;
}
.tc-chat-empty,.tc-chat-start{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:7px!important;
  min-height:420px!important;
  padding:30px!important;
  color:#7a8699!important;
  text-align:center!important;
}
.tc-chat-empty h2,.tc-chat-start strong{
  margin:0!important;
  color:#344054!important;
  font-size:16px!important;
  font-weight:800!important;
}
.tc-chat-empty p,.tc-chat-start span{
  max-width:520px!important;
  margin:0!important;
  color:#7a8699!important;
  font-size:10.5px!important;
  line-height:1.8!important;
}
.tc-chat-empty-icon{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:#e9efff!important;
  font-size:26px!important;
}

.tc-main .notice,
.tc-main .tc-system-note{
  border-radius:12px!important;
  line-height:1.8!important;
}




@media (max-width:960px){
  .tc-chat-customer{grid-template-columns:42px minmax(0,1fr) auto!important}
  .tc-chat-panel-head{align-items:flex-start!important}
}
@media (max-width:700px){
  .tc-chat-search{grid-template-columns:1fr!important}
  .tc-chat-search .button{width:100%!important}
  .tc-chat-panel-head{flex-direction:column!important;align-items:stretch!important}


  .tc-chat-messages{padding:14px 10px!important}
  .tc-chat-bubble{max-width:92%!important}
  .tc-chat-composer{grid-template-columns:1fr!important;padding:10px!important}
  .tc-chat-composer .button{width:100%!important}
}
html[lang="ar"],
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] table,
html[lang="ar"] summary{
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
  font-synthesis:none!important;
  letter-spacing:0!important;
}
html[lang="en"],
html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] table,
html[lang="en"] summary{
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
  font-synthesis:none!important;
}
.tc-login-language{
  margin-bottom:20px!important;
  padding:5px!important;
  border-color:#dfe6ef!important;
  border-radius:12px!important;
  background:#f5f7fb!important;
}
.tc-login-language a{
  min-height:33px!important;
  padding:6px 14px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:#596579!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.tc-login-language a.is-active{
  border-color:#e1e7f0!important;
  background:#fff!important;
  color:#2858cb!important;
  box-shadow:0 3px 10px rgba(16,24,40,.06)!important;
}
.tc-login-brand{
  align-items:center!important;
  gap:12px!important;
  margin-bottom:22px!important;
}
.tc-login-brand strong{
  color:#162033!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.tc-login-brand small{
  margin-top:2px!important;
  color:#7a8699!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.7!important;
}
.tc-login-intro h1{
  margin-bottom:7px!important;
  color:#152037!important;
  font-size:clamp(27px,4vw,31px)!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.tc-login-intro p{
  margin-bottom:22px!important;
  color:#69758a!important;
  font-size:11.5px!important;
  font-weight:400!important;
  line-height:1.9!important;
}
.tc-main .tc-stats{
  align-items:stretch!important;
}
.tc-main .tc-stat{
  position:relative!important;
  display:flex!important;
  min-height:98px!important;
  padding:17px 16px 15px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:hidden!important;
  border-color:#dbe3ee!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  box-shadow:0 8px 22px rgba(16,24,40,.045)!important;
  text-align:center!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.tc-main .tc-stat::before{
  content:""!important;
  position:absolute!important;
  inset-inline:18px!important;
  top:0!important;
  height:3px!important;
  border-radius:0 0 999px 999px!important;
  background:linear-gradient(90deg,#315fd5,#6f91ea)!important;
  opacity:.9!important;
}
.tc-main .tc-stat:hover{
  transform:translateY(-1px)!important;
  border-color:#cbd7e8!important;
  box-shadow:0 12px 28px rgba(16,24,40,.07)!important;
}
.tc-main .tc-stat strong{
  display:block!important;
  margin:0!important;
  color:#244db8!important;
  font-size:25px!important;
  font-weight:800!important;
  line-height:1.15!important;
  font-variant-numeric:tabular-nums!important;
}
.tc-main .tc-stat span{
  display:block!important;
  margin:0!important;
  color:#596579!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.65!important;
}
.tc-message-actions{
  position:relative!important;
  flex:0 0 auto!important;
}
.tc-message-actions>summary{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#6c788b!important;
  list-style:none!important;
  cursor:pointer!important;
  user-select:none!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease!important;
}
.tc-message-actions>summary::before,
.tc-message-actions>summary::after{content:none!important;display:none!important}

.tc-message-actions>summary:hover,
.tc-message-actions>summary:focus-visible,
.tc-message-actions[open]>summary{
  border-color:#d9e1ec!important;
  background:#f2f5f9!important;
  color:#315fd5!important;
  outline:0!important;
}







.tc-page-heading h1,
.tc-main .tc-section-head h2,
.tc-main .tc-card>h2,
.tc-chat-list-head h2,
.tc-chat-person h2{
  letter-spacing:0!important;
  font-weight:800!important;
}
.tc-page-heading p,
.tc-main .tc-section-head p,
.tc-main .tc-card>p,
.tc-chat-list-head p,
.tc-chat-person p{
  color:#748096!important;
  font-weight:400!important;
}
.tc-main table th{
  color:#344054!important;
  font-weight:800!important;
}
.tc-main table td{
  color:#465268!important;
  font-weight:400!important;
}

@media (max-width:640px){
  .tc-login-intro h1{font-size:25px!important}
  .tc-main .tc-stat{min-height:88px!important;padding:14px 12px!important}
  .tc-main .tc-stat strong{font-size:22px!important}

}
html body.tc-standalone,
html body.tc-standalone *,
html body.tc-login-page,
html body.tc-login-page *{
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
  font-synthesis:none!important;
  letter-spacing:0!important;
}
.tc-main,.tc-main input,.tc-main select,.tc-main textarea,.tc-main button,
.tc-main table,.tc-main summary,.tc-main code{
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
}
.tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-table-wrap,.tc-main .tc-list-card,.tc-main .tc-template-card,.tc-main .tc-external-gateway-card,.tc-main .tc-subscription-panel,.tc-main .tc-reset-card{
  border:1px solid #dde5ef!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(16,24,40,.05)!important;
}
.tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-list-card,.tc-main .tc-template-card,.tc-main .tc-external-gateway-card,.tc-main .tc-subscription-panel,.tc-main .tc-reset-card{
  padding:20px!important;
}
.tc-main .tc-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #edf1f5!important;
}
.tc-main .tc-section-head h2,.tc-main .tc-card>h2{
  margin:0!important;
  color:#172033!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.65!important;
}
.tc-main .tc-section-head p,.tc-main .tc-card>p,.tc-main .description{
  color:#6f7b8f!important;
  font-size:10.5px!important;
  font-weight:400!important;
  line-height:1.9!important;
}
.tc-main input[type="text"],.tc-main input[type="number"],.tc-main input[type="password"],
.tc-main input[type="email"],.tc-main input[type="url"],.tc-main input[type="search"],
.tc-main input[type="datetime-local"],.tc-main select,.tc-main textarea{
  min-height:43px!important;
  border:1px solid #d4dde9!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#263248!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.7!important;
}
.tc-main textarea{padding:10px 12px!important}
.tc-main input:focus,.tc-main select:focus,.tc-main textarea:focus{
  border-color:#5f82dc!important;
  box-shadow:0 0 0 3px rgba(49,95,213,.11)!important;
  outline:0!important;
}
.tc-main .button,.tc-main button,.tc-main input[type="submit"]{
  min-height:40px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.4!important;
}
.tc-main .button-primary{
  background:linear-gradient(180deg,#3e6cdf,#315fd5)!important;
  border-color:#315fd5!important;
  box-shadow:0 5px 13px rgba(49,95,213,.17)!important;
}
.tc-main .button-danger,.tc-main .button-link-delete{
  border-color:#efc0bc!important;
  background:#fff5f4!important;
  color:#b42318!important;
}
.tc-main .tc-table-wrap{overflow:auto!important;padding:0!important}
.tc-main table.widefat{border:0!important;border-radius:15px!important;overflow:hidden!important}
.tc-main .widefat th{
  background:#f7f9fc!important;
  color:#3b475c!important;
  font-size:10px!important;
  font-weight:800!important;
}
.tc-main .widefat td{
  color:#4a566a!important;
  font-size:10.5px!important;
  line-height:1.7!important;
}
.tc-main .widefat tbody tr:last-child td{border-bottom:0!important}
.tc-main .tc-stat strong{
  color:#2857ca!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1.1!important;
}
.tc-main .tc-stat span{
  color:#5e6b80!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.6!important;
}
.tc-login-card{
  border-color:#dce4ee!important;
  background:linear-gradient(180deg,#fff 0%,#fefeff 100%)!important;
  box-shadow:0 26px 68px rgba(16,24,40,.13)!important;
}
.tc-login-language{
  margin-bottom:24px!important;
  border-radius:11px!important;
  background:#f4f7fb!important;
}
.tc-login-brand{
  position:relative!important;
  margin-bottom:24px!important;
  padding:2px 0!important;
}
.tc-login-brand strong{
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.tc-login-brand small{
  color:#7c8799!important;
  font-size:10px!important;
  line-height:1.7!important;
}
.tc-login-intro h1{
  color:#142037!important;
  font-size:30px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.tc-login-intro p{
  color:#6d788b!important;
  font-size:11.5px!important;
  line-height:1.9!important;
}
.tc-chat-avatar{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  line-height:1!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
.tc-chat-customer{
  border:1px solid #e5eaf1!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(16,24,40,.025)!important;
}
.tc-chat-customer.is-active{
  border-color:#bfcfff!important;
  background:#f0f4ff!important;
}
.tc-chat-customer-copy strong{font-size:11.5px!important;line-height:1.55!important}
.tc-chat-customer-copy small{font-size:8.8px!important;line-height:1.6!important}
.tc-chat-customer time{font-size:7.5px!important;line-height:1.5!important}
.tc-chat-panel-head{padding:14px 16px!important}
.tc-chat-messages{gap:12px!important;padding:18px!important}
.tc-chat-bubble{
  padding:10px 12px 8px!important;
  border-radius:14px!important;
  box-shadow:0 3px 12px rgba(16,24,40,.045)!important;
}
.tc-chat-bubble-body{font-size:11px!important;line-height:1.85!important}
.tc-chat-bubble footer{font-size:7.8px!important;line-height:1.5!important}

.tc-chat-bubble-top{position:relative!important;min-height:28px!important;margin-bottom:3px!important}
.tc-message-actions{
  position:relative!important;
  display:block!important;
  width:28px!important;
  height:28px!important;
  margin-inline-start:auto!important;
}
.tc-message-actions>summary{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#657187!important;
  line-height:0!important;
}
.tc-message-actions>summary::-webkit-details-marker{display:none!important}
.tc-message-actions>summary::marker{content:""!important;font-size:0!important}

.tc-message-actions>summary:hover,.tc-message-actions[open]>summary{
  border-color:#d7e0ec!important;
  background:#f3f6fa!important;
  color:#315fd5!important;
}




.tc-main .notice,.tc-main .tc-note,.tc-main .tc-system-note,
.tc-main .tc-empty-state,.tc-main .tc-chat-closed-note{
  border:1px solid #dde5ef!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#5f6b7d!important;
  box-shadow:0 5px 16px rgba(16,24,40,.035)!important;
}




@media (max-width:700px){
  .tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-list-card,.tc-main .tc-template-card,.tc-main .tc-external-gateway-card,.tc-main .tc-subscription-panel,.tc-main .tc-reset-card{
    padding:14px!important;
    border-radius:12px!important;
  }
  .tc-login-intro h1{font-size:25px!important}

}

:root{
  --tc-control-h:46px;
  --tc-card-pad:22px;
  --tc-radius-lg:16px;
  --tc-radius-md:11px;
  --tc-border:#dce4ee;
  --tc-soft:#f7f9fc;
  --tc-text:#1d2939;
  --tc-text-soft:#667085;
}
.tc-main{font-size:12px!important;line-height:1.75!important}
.tc-main h1,.tc-main h2,.tc-main h3,.tc-main h4,
.tc-main strong,.tc-main th,.tc-main button,.tc-main .button{
  text-rendering:optimizeLegibility!important;
}
.tc-main .tc-card>h2,.tc-main .tc-section-head h2{
  font-size:17px!important;line-height:1.55!important;letter-spacing:0!important;
}
.tc-main .tc-card>p,.tc-main .tc-section-head p,.tc-main .description{
  font-size:11.5px!important;line-height:1.9!important;
}

.tc-main small{font-size:10px!important;line-height:1.75!important;color:#7b8798!important}
.tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-list-card,.tc-main .tc-template-card,.tc-main .tc-subscription-slot,.tc-main .tc-schedule-card,.tc-main .tc-reset-card,.tc-account-card{
  border-color:var(--tc-border)!important;
  border-radius:var(--tc-radius-lg)!important;
  box-shadow:0 8px 28px rgba(16,24,40,.055)!important;
}
.tc-main .tc-card,.tc-main .tc-settings-card,.tc-main .tc-list-card,.tc-main .tc-template-card,.tc-main .tc-reset-card{
  padding:var(--tc-card-pad)!important;
}
.tc-main .tc-section-head{
  min-height:0!important;
  align-items:center!important;
  margin-bottom:18px!important;
  padding-bottom:14px!important;
}
.tc-main .tc-section-head>div:first-child{min-width:0!important}
.tc-main input[type="text"],.tc-main input[type="number"],.tc-main input[type="password"],
.tc-main input[type="email"],.tc-main input[type="url"],.tc-main input[type="search"],
.tc-main input[type="datetime-local"],.tc-main select,.tc-main textarea{
  min-height:var(--tc-control-h)!important;
  padding:10px 13px!important;
  border-color:#cfd9e6!important;
  border-radius:var(--tc-radius-md)!important;
  background:#fff!important;
  color:var(--tc-text)!important;
  font-size:12px!important;
  line-height:1.65!important;
}
.tc-main textarea{min-height:128px!important}
.tc-main select{padding-inline-end:38px!important;background-color:#fff!important}
.tc-main input::placeholder,.tc-main textarea::placeholder{color:#98a2b3!important;opacity:1!important}
.tc-main input:disabled,.tc-main select:disabled,.tc-main textarea:disabled{background:#f3f5f8!important;color:#98a2b3!important}
.tc-main input[type="checkbox"]{
  appearance:none!important;-webkit-appearance:none!important;
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
  margin:0!important;padding:0!important;
  border:1.5px solid #b9c5d4!important;border-radius:6px!important;
  background:#fff!important;display:inline-grid!important;place-items:center!important;
  vertical-align:middle!important;box-shadow:none!important;cursor:pointer!important;
}
.tc-main input[type="checkbox"]::before{
  content:""!important;width:9px!important;height:5px!important;
  border-inline-start:2px solid #fff!important;border-bottom:2px solid #fff!important;
  transform:rotate(-45deg) scale(0)!important;transform-origin:center!important;
  transition:transform .12s ease!important;
}
.tc-main input[type="checkbox"]:checked{background:#315fd5!important;border-color:#315fd5!important}
.tc-main input[type="checkbox"]:checked::before{transform:rotate(-45deg) scale(1)!important}
.tc-main input[type="checkbox"]:focus-visible{outline:0!important;box-shadow:0 0 0 4px rgba(49,95,213,.13)!important}
.tc-main .tc-checks label,.tc-main .tc-checkbox-card{display:flex!important;align-items:center!important;gap:9px!important}
.tc-toggle-card{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:40px!important;padding:6px 10px!important;border:1px solid #dce4ee!important;border-radius:10px!important;background:#f8fafc!important;cursor:pointer!important}
.tc-toggle-card>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.tc-toggle-ui{position:relative!important;width:39px!important;height:22px!important;flex:0 0 39px!important;border-radius:999px!important;background:#cbd5e1!important;transition:background .16s ease!important}
.tc-toggle-ui::after{content:""!important;position:absolute!important;top:3px!important;inset-inline-start:3px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 5px rgba(16,24,40,.22)!important;transition:transform .16s ease!important}
.tc-toggle-card>input:checked+.tc-toggle-ui{background:#1f9d62!important}
.tc-toggle-card>input:checked+.tc-toggle-ui::after{transform:translateX(17px)!important}
html[dir="ltr"] .tc-toggle-card>input:checked+.tc-toggle-ui::after{transform:translateX(17px)!important}
html[dir="rtl"] .tc-toggle-card>input:checked+.tc-toggle-ui::after{transform:translateX(-17px)!important}
.tc-toggle-card>span:last-child{margin:0!important;font-size:11px!important;font-weight:700!important;color:#344054!important}
.tc-main .button,.tc-main button,.tc-main input[type="submit"]{
  min-height:41px!important;padding:9px 15px!important;border-radius:10px!important;
  font-size:11px!important;line-height:1.35!important;font-weight:700!important;
}
.tc-main .tc-actions,.tc-main .tc-row-actions,.tc-main .tc-form-actions,.tc-main .tc-save-bar{
  gap:9px!important;align-items:center!important;
}
.tc-account-page{display:grid!important;place-items:start center!important;width:100%!important;padding:10px 0 32px!important}
.tc-account-card{width:min(100%,760px)!important;margin:0 auto!important;padding:28px!important}
.tc-account-card-head{display:flex!important;align-items:center!important;gap:15px!important;margin-bottom:22px!important;padding-bottom:18px!important;border-bottom:1px solid #e9eef4!important}
.tc-account-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:13px!important;background:#eef3ff!important;color:#315fd5!important}
.tc-account-icon .tc-icon{width:23px!important;height:23px!important}
.tc-account-heading{min-width:0!important}
.tc-account-heading h2{margin:0 0 5px!important;font-size:22px!important;line-height:1.45!important;color:#172033!important}
.tc-account-heading p{margin:0!important;font-size:11.5px!important;line-height:1.85!important;color:#667085!important}
.tc-account-form label{display:grid!important;gap:7px!important}
.tc-account-form label>span{margin:0!important}
.tc-account-form .tc-password-field input{height:48px!important;padding-inline-start:14px!important;padding-inline-end:52px!important}
.tc-account-form .tc-form-actions{display:flex!important;justify-content:flex-end!important;margin-top:4px!important;padding-top:18px!important;border-top:1px solid #e9eef4!important}
.tc-account-form .tc-form-actions .button{min-width:126px!important}
.tc-main .tc-stats,.tc-main .tc-mini-stats{padding-top:4px!important;align-items:stretch!important}
.tc-main .tc-stat{position:relative!important;overflow:hidden!important;min-height:104px!important;padding:18px 16px!important;border-top:0!important}
.tc-main .tc-stat::before{inset-inline:14px!important;top:0!important;height:3px!important;border-radius:0 0 999px 999px!important}
.tc-main .tc-stat strong{font-size:25px!important;margin-top:2px!important}
.tc-main .tc-stat span{font-size:11px!important;margin-top:9px!important}
.tc-users-table{min-width:1250px!important;table-layout:auto!important}
.tc-users-table th,.tc-users-table td{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.tc-users-table th:first-child,.tc-users-table td:first-child{min-width:190px!important;white-space:normal!important}
.tc-users-table th:nth-child(8),.tc-users-table td:nth-child(8){min-width:430px!important}
.tc-users-table th:nth-child(9),.tc-users-table td:nth-child(9){width:108px!important;min-width:108px!important;text-align:center!important}





.tc-template-head{align-items:center!important}
.tc-template-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}
.tc-template-head h3{margin:0 0 5px!important;font-size:14px!important;color:#1d2939!important}
.tc-template-head code{display:inline-flex!important;padding:4px 7px!important;border-radius:7px!important;background:#f2f4f7!important;color:#667085!important;font-size:9.5px!important}
.tc-schedule-card{display:grid!important;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr)!important;gap:22px!important;align-items:start!important;padding:19px!important;margin-top:18px!important;background:#fbfcfe!important}
.tc-schedule-copy h3{margin:0 0 5px!important;font-size:14px!important}
.tc-schedule-copy p{margin:0!important;font-size:10.5px!important;color:#667085!important}
.tc-schedule-controls{display:grid!important;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.2fr)!important;gap:12px!important;align-items:stretch!important}
.tc-checkbox-card.tc-send-now,.tc-schedule-field{min-height:92px!important;padding:13px!important;border:1px solid #dce4ee!important;border-radius:12px!important;background:#fff!important}
.tc-checkbox-card.tc-send-now{display:flex!important;align-items:flex-start!important;gap:10px!important}
.tc-checkbox-card.tc-send-now span{margin:0!important}
.tc-checkbox-card.tc-send-now strong{display:block!important;font-size:11.5px!important;margin-bottom:4px!important}
.tc-checkbox-card.tc-send-now small,.tc-schedule-field small{display:block!important;margin-top:6px!important}
.tc-schedule-field{display:grid!important;align-content:start!important}
.tc-schedule-field.is-disabled{opacity:.65!important}
.tc-connection-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;margin:0 0 18px!important;padding:14px!important;border:1px solid #dce4ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,24,40,.04)!important}
.tc-connection-actions form{margin:0!important}
.tc-connection-actions .button{width:100%!important;min-height:44px!important;white-space:normal!important;text-align:center!important}
.tc-webhook-card .tc-section-head{margin-bottom:15px!important}
.tc-copy-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid #dde5ef!important;border-radius:12px!important;background:#f8fafc!important}
.tc-copy-field code{display:block!important;min-width:0!important;padding:8px 10px!important;border:0!important;background:transparent!important;color:#315fd5!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:11px!important;line-height:1.7!important;direction:ltr!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
.tc-webhook-health{margin-top:14px!important;padding:10px 12px!important;border-radius:10px!important;background:#f7f9fc!important;color:#475467!important;font-size:10.5px!important;line-height:1.8!important}
.tc-chat-customer{grid-template-columns:44px minmax(0,1fr) auto!important;padding:10px!important;border-radius:12px!important}
.tc-chat-avatar{width:40px!important;height:40px!important;border-radius:11px!important;font-size:12px!important}
.tc-chat-customer-copy strong{font-size:11.5px!important}
.tc-chat-customer-copy small{font-size:9px!important;white-space:normal!important}
.tc-chat-customer time{font-size:8px!important;white-space:nowrap!important}
.tc-message-actions{width:30px!important;height:30px!important}
.tc-message-actions>summary{width:30px!important;height:30px!important;border-color:#e1e7ef!important;background:#fff!important;color:#667085!important}



.tc-main .tc-search,.tc-main .tc-toolbar{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-bottom:15px!important}
.tc-main .tc-search input{flex:1 1 280px!important;max-width:520px!important}
.tc-main details>summary{display:flex!important;align-items:center!important;gap:9px!important;white-space:normal!important}
.tc-main details>summary::marker{font-size:0!important}

@media (max-width:980px){
  .tc-account-card{width:min(100%,680px)!important}
  .tc-schedule-card{grid-template-columns:1fr!important}
  .tc-schedule-controls{grid-template-columns:1fr 1fr!important}


}

@media (max-width:700px){
  :root{--tc-card-pad:15px}
  .tc-main{font-size:11.5px!important}
  .tc-main .tc-card>h2,.tc-main .tc-section-head h2{font-size:15px!important}
  .tc-account-page{padding-top:0!important}
  .tc-account-card{padding:18px 15px!important;border-radius:14px!important}
  .tc-account-card-head{align-items:flex-start!important;margin-bottom:18px!important}
  .tc-account-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
  .tc-account-heading h2{font-size:18px!important}
  .tc-account-form .tc-form-actions{flex-direction:column-reverse!important;align-items:stretch!important}
  .tc-account-form .tc-form-actions .button{width:100%!important}
  .tc-schedule-controls{grid-template-columns:1fr!important}
  .tc-template-head{align-items:flex-start!important;flex-direction:column!important}
  .tc-template-actions{width:100%!important;justify-content:space-between!important}
  .tc-copy-field{grid-template-columns:1fr!important}
  .tc-copy-field .button{width:100%!important}
  .tc-connection-actions{grid-template-columns:1fr!important;padding:11px!important}
  .tc-main .tc-stats,.tc-main .tc-mini-stats{padding-top:2px!important}
  .tc-main .tc-stat{min-height:92px!important}
  .tc-chat-customer{grid-template-columns:40px minmax(0,1fr) auto!important}
  .tc-chat-avatar{width:38px!important;height:38px!important}

}

.tc-main input:not([type="checkbox"]):not([type="radio"]),.tc-main select,.tc-main textarea,.tc-account-page input{min-height:44px!important;border-radius:10px!important;padding-inline:13px!important;font:inherit!important}
.tc-main .button,.tc-account-page .button{min-height:42px!important;padding:0 16px!important;border-radius:10px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.tc-users-toolbar{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important}.tc-users-toolbar .tc-search{flex:1!important;margin:0!important}
.tc-users-table{min-width:1040px!important;table-layout:auto!important}.tc-users-table th,.tc-users-table td{vertical-align:middle!important;padding:13px 14px!important}.tc-users-table th:nth-child(1){min-width:260px!important}.tc-users-table th:nth-child(3){min-width:190px!important}.tc-users-table th:last-child{width:86px!important;text-align:center!important}
.tc-user-identity{display:flex!important;align-items:center!important;gap:11px!important}.tc-user-avatar{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#edf3ff!important;color:#2759d9!important;font-weight:800!important;flex:0 0 auto!important}.tc-user-identity strong{display:block!important;font-size:13px!important}.tc-user-identity small{display:block!important;margin-top:4px!important;color:#6f7d91!important}
.tc-user-statuses,.tc-user-activity{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.tc-balance-stack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.tc-balance-stack span{border:1px solid #e1e8f2!important;background:#f8faff!important;border-radius:10px!important;padding:8px 10px!important}.tc-balance-stack small,.tc-balance-stack strong{display:block!important}.tc-balance-stack small{font-size:10px!important;color:#718096!important;margin-bottom:2px!important}.tc-balance-stack strong{font-size:13px!important;color:#17233a!important}
.tc-user-actions{position:relative!important}.tc-user-actions>summary{list-style:none!important;width:38px!important;height:38px!important;border:1px solid #d8e1ee!important;border-radius:10px!important;background:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important;font-weight:800!important;letter-spacing:2px!important}.tc-user-actions>summary::-webkit-details-marker{display:none!important}.tc-user-balance-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding-top:10px!important;border-top:1px solid #edf1f6!important}.tc-user-balance-form label{display:grid!important;gap:5px!important}.tc-user-block-form{display:flex!important;gap:8px!important;align-items:center!important;border-top:1px solid #edf1f6!important;padding-top:10px!important}

.tc-account-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;max-width:1120px!important;margin:0 auto!important}.tc-account-card{width:auto!important;margin:0!important;align-self:start!important}.tc-pin-status{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;border-radius:11px!important;background:#f5f7fb!important;border:1px solid #e1e7f0!important;margin-bottom:16px!important}.tc-pin-status.is-active{background:#effaf3!important;border-color:#b8e5c7!important;color:#14783b!important}.tc-pin-status span{font-size:11px!important}.tc-pin-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.tc-pin-fields label{display:grid!important;gap:6px!important}
.tc-log-help{margin-bottom:14px!important}.tc-log-help p{margin:5px 0 0!important;color:#6b778c!important}.tc-logs-table{min-width:980px!important}.tc-logs-table td{vertical-align:top!important}.tc-log-message{display:block!important;margin-top:5px!important;color:#738096!important}.tc-tech-details summary{cursor:pointer!important;color:#2859d6!important;font-weight:700!important}.tc-tech-details div{margin-top:8px!important;padding:10px!important;background:#f7f9fc!important;border:1px solid #e3e9f2!important;border-radius:10px!important}.tc-tech-details code{display:block!important;margin-bottom:7px!important}.tc-tech-details pre{white-space:pre-wrap!important;word-break:break-word!important;margin:0!important;font-size:10px!important;direction:ltr!important;text-align:left!important}
@media(max-width:900px){.tc-account-grid{grid-template-columns:1fr!important}.tc-users-toolbar{align-items:stretch!important;flex-direction:column!important}.tc-users-toolbar .button{width:100%!important}.tc-user-balance-form{grid-template-columns:1fr!important}.tc-user-balance-form .tc-full{grid-column:auto!important}}
@media(max-width:600px){.tc-account-card{padding:17px!important}.tc-pin-fields{grid-template-columns:1fr!important}.tc-form-actions{display:grid!important;grid-template-columns:1fr!important}.tc-form-actions .button{width:100%!important}}




.tc-account-grid{align-items:stretch!important}
.tc-account-card{display:flex!important;flex-direction:column!important;height:100%!important;min-height:620px!important}
.tc-account-card .tc-account-form{display:flex!important;flex:1!important;flex-direction:column!important}
.tc-account-card .tc-form-actions{margin-top:auto!important}
.tc-pin-status{min-height:58px!important;margin-bottom:16px!important}
.tc-pin-fields{grid-template-columns:1fr 1fr!important}
.tc-pin-fields input{height:48px!important;text-align:center!important;letter-spacing:4px!important;font-variant-numeric:tabular-nums!important}








.tc-template-sections{display:grid!important;gap:14px!important}
.tc-template-section{border:1px solid #dce4ef!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
.tc-template-section>summary{min-height:66px!important;padding:14px 16px!important}
.tc-template-section-body{padding:14px!important;background:#f8faff!important}
.tc-template-card{margin:0!important}
.tc-template-languages{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important}
.tc-template-languages textarea{min-height:130px!important;resize:vertical!important}


@media(max-width:900px){
  .tc-account-card{min-height:0!important}


  .tc-template-languages{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .tc-pin-fields{grid-template-columns:1fr!important}


}
.tc-account-page{width:min(100%,980px)!important;margin:0 auto!important}
.tc-account-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
.tc-account-card{width:100%!important;min-height:0!important;padding:28px!important;border-radius:18px!important}
.tc-account-card-head{align-items:flex-start!important;gap:14px!important;margin-bottom:20px!important;padding-bottom:18px!important}
.tc-account-heading h2{font-size:22px!important;line-height:1.5!important}
.tc-account-heading p{font-size:13px!important;line-height:1.9!important;margin-top:4px!important}
.tc-account-form{display:grid!important;gap:16px!important}
.tc-account-form>label,.tc-pin-fields>label{display:grid!important;gap:8px!important}
.tc-pin-fields{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
.tc-account-form input{width:100%!important;min-height:48px!important}
.tc-form-actions{display:flex!important;justify-content:flex-start!important;gap:10px!important;padding-top:18px!important;border-top:1px solid var(--tc-border)!important}
.tc-form-actions .button{min-width:150px!important}
.tc-login-pin-step .tc-login-card{width:min(100%,470px)!important}
.tc-pin-step-form{gap:22px!important}
.tc-pin-code-inputs{display:grid!important;grid-template-columns:repeat(4,64px)!important;justify-content:center!important;gap:12px!important;margin:4px 0 2px!important}
.tc-pin-code-inputs input{width:64px!important;height:64px!important;padding:0!important;text-align:center!important;font-family:"Almarai",sans-serif!important;font-size:26px!important;font-weight:800!important;border:1px solid #cbd7ea!important;border-radius:14px!important;background:#fff!important;color:#13213a!important;box-shadow:none!important}
.tc-pin-code-inputs input:focus{border-color:var(--tc-primary)!important;box-shadow:0 0 0 4px rgba(49,95,213,.12)!important;outline:0!important}
.tc-login-back{display:block!important;text-align:center!important;color:#52627a!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important}
.tc-login-back:hover{color:var(--tc-primary)!important}
.tc-chat-layout{grid-template-columns:minmax(300px,350px) minmax(0,1fr)!important;gap:18px!important}
.tc-chat-customers,.tc-chat-panel{border:1px solid #dbe3ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(16,24,40,.06)!important}
.tc-chat-customer-list{padding:8px!important;display:grid!important;gap:7px!important}
.tc-chat-customer-row{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;border:1px solid transparent!important;border-radius:14px!important;background:#fff!important;transition:.18s ease!important}
.tc-chat-customer-row:hover{background:#f7f9fd!important;border-color:#dbe4f3!important}
.tc-chat-customer-row.is-active{background:#eef4ff!important;border-color:#aec5fb!important;box-shadow:inset -3px 0 0 #315fd5!important}
.tc-chat-customer{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px 8px 10px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;color:inherit!important;min-width:0!important}
.tc-chat-customer:hover{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
.tc-chat-customer-row.is-active .tc-chat-customer{box-shadow:none!important}
.tc-chat-avatar{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#eef3ff!important;color:#315fd5!important;border:1px solid #d7e1f5!important;font-size:13px!important;font-weight:800!important;overflow:hidden!important}
.tc-chat-customer-copy{min-width:0!important;display:grid!important;gap:3px!important}
.tc-chat-customer-copy strong{font-size:12px!important;line-height:1.55!important;color:#17243b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tc-chat-customer-copy small{font-size:9px!important;line-height:1.6!important;color:#718096!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tc-chat-customer time{font-size:8px!important;color:#8a97aa!important;white-space:nowrap!important;align-self:end!important}

.tc-conversation-actions,.tc-conversation-head-menu,.tc-message-actions,.tc-user-actions{position:relative!important;z-index:12!important}
.tc-conversation-actions>summary,.tc-conversation-head-menu>summary,.tc-message-actions>summary{list-style:none!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid #d8e1ef!important;border-radius:10px!important;background:#fff!important;color:#52627a!important;cursor:pointer!important;transition:.18s ease!important}
.tc-conversation-actions>summary::-webkit-details-marker,.tc-conversation-head-menu>summary::-webkit-details-marker,.tc-message-actions>summary::-webkit-details-marker,.tc-user-actions>summary::-webkit-details-marker{display:none!important}
.tc-conversation-actions>summary:hover,.tc-conversation-head-menu>summary:hover,.tc-message-actions>summary:hover{background:#eef4ff!important;border-color:#b9caf1!important;color:#315fd5!important}
.tc-conversation-actions>summary svg,.tc-conversation-head-menu>summary svg,.tc-message-actions>summary svg{width:18px!important;height:18px!important;fill:currentColor!important;stroke:none!important}





.tc-chat-panel{display:flex!important;flex-direction:column!important;min-height:640px!important;overflow:hidden!important}
.tc-chat-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:16px 18px!important;border-bottom:1px solid #e5eaf2!important;background:#fff!important}
.tc-chat-person{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.tc-chat-person h2{font-size:16px!important;line-height:1.5!important;margin:0!important}
.tc-chat-person p{font-size:10px!important;line-height:1.7!important;margin:3px 0 0!important;color:#718096!important}

.tc-chat-messages{flex:1 1 auto!important;min-height:430px!important;max-height:calc(100vh - 300px)!important;padding:20px!important;gap:12px!important;background:linear-gradient(180deg,#f8faff 0%,#f4f7fc 100%)!important}
.tc-chat-bubble{position:relative!important;max-width:min(72%,680px)!important;padding:11px 13px 9px!important;border-radius:16px!important;border:1px solid #dfe6f1!important;background:#fff!important;box-shadow:0 5px 14px rgba(16,24,40,.045)!important}
.tc-chat-bubble.is-in{align-self:flex-start!important;border-start-start-radius:6px!important}
.tc-chat-bubble.is-out{align-self:flex-end!important;background:#edf4ff!important;border-color:#cadbfa!important;border-start-end-radius:6px!important}
.tc-chat-bubble-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:30px!important;margin:0 0 4px!important}
.tc-chat-bubble-top>span{font-size:9px!important;font-weight:800!important;color:#5d6d84!important}
.tc-chat-bubble-body{font-size:12px!important;line-height:1.9!important;color:#17243b!important;word-break:break-word!important}
.tc-chat-bubble footer{display:flex!important;align-items:center!important;gap:7px!important;justify-content:flex-end!important;margin-top:7px!important;font-size:8px!important;color:#8390a3!important}
.tc-chat-composer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:14px!important;border-top:1px solid #e4e9f1!important;background:#fff!important}
.tc-chat-composer textarea{min-height:52px!important;max-height:150px!important;resize:vertical!important;border-radius:13px!important}
.tc-chat-composer .button{min-width:92px!important;border-radius:12px!important}
.tc-user-actions>summary{list-style:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:112px!important;height:40px!important;padding:0 16px!important;border:1px solid #cdd8e8!important;border-radius:10px!important;background:#fff!important;color:#20304a!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
.tc-user-actions[open]>summary{border-color:#315fd5!important;color:#315fd5!important;background:#eef4ff!important}

.tc-user-balance-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
.tc-user-balance-form .tc-full{grid-column:1/-1!important}

@media (max-width:900px){
  .tc-chat-layout{grid-template-columns:1fr!important}
  .tc-chat-customers{max-height:360px!important}
  .tc-chat-panel{min-height:560px!important}
  .tc-chat-messages{max-height:55vh!important;min-height:360px!important}

}
@media (max-width:560px){
  .tc-account-card{padding:18px!important}
  .tc-form-actions{flex-direction:column-reverse!important}
  .tc-form-actions .button{width:100%!important;min-width:0!important}
  .tc-pin-code-inputs{grid-template-columns:repeat(4,54px)!important;gap:9px!important}
  .tc-pin-code-inputs input{width:54px!important;height:58px!important;font-size:23px!important}
  .tc-chat-bubble{max-width:90%!important}
  .tc-chat-composer{grid-template-columns:1fr!important}
  .tc-chat-composer .button{width:100%!important}
  .tc-user-balance-form{grid-template-columns:1fr!important}
  .tc-user-balance-form .tc-full{grid-column:auto!important}
}
.tc-account-page{width:min(100%,1180px)!important}
.tc-account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important}
.tc-account-card{height:auto!important}
.tc-pin-remove-option{
  width:100%!important;min-height:58px!important;padding:12px 14px!important;
  border:1px solid #dbe3ef!important;border-radius:12px!important;background:#f8faff!important;
  align-items:center!important;cursor:pointer!important
}
.tc-pin-remove-option>input{flex:0 0 20px!important}
.tc-pin-remove-option>span{display:grid!important;gap:3px!important;min-width:0!important}
.tc-pin-remove-option strong{font-size:11.5px!important;color:#26344d!important}
.tc-pin-remove-option small{font-size:9.5px!important;color:#718096!important;line-height:1.7!important}
.tc-main input[type="checkbox"]::before{
  width:6px!important;height:10px!important;border:0!important;
  border-right:2px solid #fff!important;border-bottom:2px solid #fff!important;
  transform:translateY(-1px) rotate(45deg) scale(0)!important;
  transform-origin:center!important
}
.tc-main input[type="checkbox"]:checked::before{
  transform:translateY(-1px) rotate(45deg) scale(1)!important
}
.tc-chat-customer-row{grid-template-columns:minmax(0,1fr)!important}



.tc-chat-bubble-top{min-height:0!important}
.tc-customer-management-search .tc-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
.tc-customer-management-grid{display:grid!important;grid-template-columns:minmax(280px,.85fr) minmax(0,1.3fr)!important;gap:16px!important;align-items:start!important}
.tc-customer-profile-card{grid-row:span 2!important}
.tc-customer-profile-facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:18px 0 0!important}
.tc-customer-profile-facts>div{padding:11px!important;border:1px solid #e1e7f0!important;border-radius:10px!important;background:#f8faff!important}
.tc-customer-profile-facts dt{font-size:9.5px!important;color:#718096!important;margin-bottom:5px!important}
.tc-customer-profile-facts dd{margin:0!important;font-size:11px!important;font-weight:700!important;color:#1f2d44!important;word-break:break-word!important}
.tc-customer-block-card .tc-user-block-form{border-top:0!important;padding-top:0!important}
.tc-users-table th:last-child{width:auto!important;text-align:start!important}
.tc-details-hide{display:none!important}
.tc-tech-details[open] .tc-details-show{display:none!important}
.tc-tech-details[open] .tc-details-hide{display:inline!important}

@media(max-width:900px){
  .tc-account-grid{grid-template-columns:1fr!important}
  .tc-customer-management-grid{grid-template-columns:1fr!important}
  .tc-customer-profile-card{grid-row:auto!important}
}

@media(max-width:720px){
  .tc-logs-wrap{overflow:visible!important;border:0!important;background:transparent!important}
  .tc-logs-table{display:block!important;min-width:0!important;width:100%!important;border:0!important;background:transparent!important}
  .tc-logs-table thead{display:none!important}
  .tc-logs-table tbody{display:grid!important;gap:12px!important}
  .tc-logs-table tr{display:grid!important;gap:0!important;padding:0!important;border:1px solid #dce4ef!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 7px 18px rgba(16,24,40,.045)!important}
  .tc-logs-table td{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;padding:11px 12px!important;border:0!important;border-bottom:1px solid #edf1f6!important;white-space:normal!important;word-break:break-word!important}
  .tc-logs-table td:last-child{border-bottom:0!important}
  .tc-logs-table td::before{content:attr(data-label)!important;font-size:9.5px!important;font-weight:800!important;color:#65738a!important}
  .tc-tech-details{min-width:0!important;width:100%!important}
  .tc-tech-details>summary{width:100%!important;justify-content:center!important}
  .tc-tech-details pre{max-width:100%!important;overflow:auto!important}
  .tc-customer-management-search .tc-search{grid-template-columns:1fr!important}
  .tc-customer-profile-facts{grid-template-columns:1fr!important}

}
.tc-customer-management-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important
}
.tc-customer-management-grid>.tc-card{margin:0!important}
.tc-customer-profile-card{
  grid-row:auto!important;
  min-height:330px!important;
  height:100%!important
}
.tc-customer-balance-card{
  min-height:330px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important
}
.tc-customer-balance-card .tc-user-balance-form{
  flex:1!important;
  align-content:start!important
}
.tc-customer-block-card{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:132px!important
}
.tc-customer-block-card .tc-section-head{
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important
}
.tc-customer-block-card .tc-user-block-form{
  flex:0 0 auto!important;
  min-width:220px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important
}
.tc-chat-panel-head{
  overflow:visible!important
}
.tc-chat-panel-head{position:relative!important;z-index:30!important}




.tc-account-grid{
  align-items:stretch!important
}
.tc-account-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important
}
.tc-account-card-head{
  min-height:112px!important
}
.tc-account-card .tc-account-form{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  gap:16px!important
}
.tc-account-card .tc-form-actions{
  margin-top:auto!important;
  padding-top:4px!important
}
.tc-pin-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important
}

@media(max-width:900px){
  .tc-customer-management-grid{grid-template-columns:1fr!important}
  .tc-customer-profile-card,.tc-customer-balance-card{min-height:0!important;height:auto!important}
  .tc-customer-block-card{
    grid-column:auto!important;
    display:block!important;
    min-height:0!important
  }
  .tc-customer-block-card .tc-user-block-form{
    min-width:0!important;
    margin-top:16px!important;
    justify-content:stretch!important
  }
  .tc-customer-block-card .tc-user-block-form .button{width:100%!important}
  .tc-account-card{height:auto!important}
  .tc-account-card-head{min-height:0!important}
}

@media(max-width:600px){
  .tc-pin-fields{grid-template-columns:1fr!important}
}
.tc-chat-mobile-back{display:none!important}







.tc-chat-panel-head{min-height:70px!important}
.tc-chat-person{flex:1 1 auto!important}
.tc-chat-person>div{min-width:0!important}
.tc-chat-person h2,.tc-chat-person p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

@media(max-width:720px){
  .tc-main .tc-table-wrap{
    width:100%!important;max-width:100%!important;overflow:visible!important;
    border:0!important;background:transparent!important
  }
  .tc-main table.tc-responsive-table{
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    border:0!important;background:transparent!important
  }
  .tc-main table.tc-responsive-table thead{display:none!important}
  .tc-main table.tc-responsive-table tbody{display:grid!important;width:100%!important;gap:12px!important}
  .tc-main table.tc-responsive-table tr{
    display:block!important;width:100%!important;max-width:100%!important;
    border:1px solid #dce4ef!important;border-radius:14px!important;background:#fff!important;
    overflow:hidden!important;box-shadow:0 7px 18px rgba(16,24,40,.045)!important
  }
  .tc-main table.tc-responsive-table td{
    display:grid!important;grid-template-columns:minmax(86px,106px) minmax(0,1fr)!important;
    gap:10px!important;align-items:start!important;width:100%!important;max-width:100%!important;
    min-width:0!important;box-sizing:border-box!important;padding:11px 12px!important;
    border:0!important;border-bottom:1px solid #edf1f6!important;
    white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;
    text-align:start!important
  }
  .tc-main table.tc-responsive-table td:last-child{border-bottom:0!important}
  .tc-main table.tc-responsive-table td::before{
    content:attr(data-label)!important;display:block!important;
    font-size:9.5px!important;line-height:1.7!important;font-weight:800!important;color:#65738a!important
  }
  .tc-main table.tc-responsive-table td[data-full-row="1"]{
    display:block!important;padding:16px!important;text-align:center!important
  }
  .tc-main table.tc-responsive-table td[data-full-row="1"]::before{display:none!important;content:none!important}
  .tc-main table.tc-responsive-table td[data-responsive-kind="actions"],
  .tc-main .tc-countries-table td:last-child{
    display:block!important
  }
  .tc-main table.tc-responsive-table td[data-responsive-kind="actions"]::before,
  .tc-main .tc-countries-table td:last-child::before{
    margin-bottom:9px!important
  }
  .tc-main table.tc-responsive-table td>*{min-width:0!important;max-width:100%!important}
  .tc-main table.tc-responsive-table code{
    white-space:normal!important;word-break:break-all!important;overflow-wrap:anywhere!important
  }
  .tc-main table.tc-responsive-table .tc-inline-form,
  .tc-main .tc-countries-table .tc-inline-form{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:9px!important;
    align-items:stretch!important;margin:0!important
  }
  .tc-main table.tc-responsive-table .tc-inline-form input:not([type="checkbox"]):not([type="radio"]),
  .tc-main table.tc-responsive-table .tc-inline-form select,
  .tc-main table.tc-responsive-table .tc-inline-form textarea,
  .tc-main .tc-countries-table .tc-inline-form input:not([type="checkbox"]):not([type="radio"]),
  .tc-main .tc-countries-table .tc-inline-form select,
  .tc-main .tc-countries-table .tc-inline-form textarea{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important
  }
  .tc-main table.tc-responsive-table .tc-inline-form .button,
  .tc-main .tc-countries-table .tc-inline-form .button{
    width:100%!important;justify-content:center!important;margin:0!important
  }
  .tc-main .tc-country-alerts{width:100%!important;max-width:100%!important}
  .tc-main .tc-country-alerts>summary{width:100%!important;box-sizing:border-box!important}
  .tc-main .tc-country-alerts label{width:100%!important}
  .tc-main .tc-toolbar,
  .tc-main .tc-section-head,
  .tc-main .tc-save-bar{
    flex-direction:column!important;align-items:stretch!important;gap:10px!important
  }
  .tc-main .tc-toolbar>*,
  .tc-main .tc-section-head>*,
  .tc-main .tc-save-bar>*{max-width:100%!important}
  .tc-main .tc-search,
  .tc-main .tc-search-wide{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:9px!important
  }
  .tc-main .tc-toolbar form,
  .tc-main .tc-toolbar .button,
  .tc-main .tc-search .button,
  .tc-main .tc-search-wide .button,
  .tc-main .tc-save-bar .button{
    width:100%!important;max-width:100%!important;justify-content:center!important;margin:0!important
  }
  .tc-main .tc-mini-stats,.tc-main .tc-stats{
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;width:100%!important
  }
  .tc-chat-layout{display:block!important;width:100%!important}
  .tc-chat-layout.has-selected-conversation .tc-chat-customers{display:none!important}
  .tc-chat-layout.has-no-selection .tc-chat-panel{display:none!important}
  .tc-chat-layout.has-selected-conversation .tc-chat-panel{
    display:flex!important;width:100%!important;min-height:calc(100dvh - 190px)!important;
    border-radius:14px!important
  }
  .tc-chat-mobile-back{
    display:grid!important;place-items:center!important;flex:0 0 38px!important;
    width:38px!important;height:38px!important;border-radius:50%!important;
    color:#3c4b63!important;text-decoration:none!important
  }
  .tc-chat-mobile-back:hover{background:#edf2f8!important;color:#244fc7!important}
  .tc-chat-mobile-back svg{width:22px!important;height:22px!important}
  html[dir="rtl"] .tc-chat-mobile-back svg{transform:rotate(180deg)!important}
  .tc-chat-panel-head{
    position:sticky!important;top:0!important;z-index:40!important;
    min-height:64px!important;padding:10px 11px!important;gap:7px!important
  }
  .tc-chat-person{gap:9px!important}
  .tc-chat-avatar-large{width:40px!important;height:40px!important;flex-basis:40px!important}
  .tc-chat-person h2{font-size:13px!important}
  .tc-chat-person p{font-size:8.5px!important;max-width:52vw!important}



  .tc-chat-messages{
    min-height:calc(100dvh - 340px)!important;max-height:none!important;
    padding:14px 10px!important;gap:8px!important
  }
  .tc-chat-bubble{max-width:88%!important;padding:9px 11px 8px!important;border-radius:15px!important}
  .tc-chat-composer{
    position:sticky!important;bottom:0!important;z-index:30!important;
    grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:9px!important
  }
  .tc-chat-composer textarea{min-height:44px!important;max-height:120px!important;border-radius:22px!important;padding:11px 14px!important}
  .tc-chat-composer .button{
    width:54px!important;min-width:54px!important;height:44px!important;padding:0 9px!important;border-radius:22px!important
  }
  .tc-chat-closed-note{position:sticky!important;bottom:0!important;z-index:30!important}
}

@media(max-width:430px){
  .tc-main table.tc-responsive-table td{
    grid-template-columns:82px minmax(0,1fr)!important;padding:10px!important;gap:8px!important
  }
  .tc-chat-person p{max-width:45vw!important}
}
.tc-main .tc-cron-card .tc-section-head{align-items:flex-start!important;gap:14px!important}
.tc-main .tc-cron-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important}
.tc-main .tc-cron-summary>div{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;padding:14px!important;border:1px solid var(--tc-border,#e4e8ef)!important;border-radius:14px!important;background:var(--tc-surface-soft,#f8fafc)!important}
.tc-main .tc-cron-summary span{font-size:12px!important;color:var(--tc-muted,#667085)!important;font-weight:700!important}
.tc-main .tc-cron-summary strong{font-size:15px!important;line-height:1.6!important;overflow-wrap:anywhere!important}
.tc-main .tc-cron-summary small{font-size:11px!important;line-height:1.7!important;color:var(--tc-muted,#667085)!important;overflow-wrap:anywhere!important}
.tc-main .tc-cron-tasks{margin-top:14px!important;border:1px solid var(--tc-border,#e4e8ef)!important;border-radius:14px!important;overflow:hidden!important}
.tc-main .tc-cron-tasks>summary{cursor:pointer!important;padding:13px 15px!important;font-weight:800!important;background:var(--tc-surface-soft,#f8fafc)!important}
.tc-main .tc-cron-task-list{display:grid!important;gap:0!important}
.tc-main .tc-cron-task{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr)!important;gap:16px!important;padding:13px 15px!important;border-top:1px solid var(--tc-border,#e4e8ef)!important}
.tc-main .tc-cron-task>div{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.tc-main .tc-cron-task code{font-size:11px!important;overflow-wrap:anywhere!important}
.tc-main .tc-cron-task span,.tc-main .tc-cron-task small{font-size:11px!important;color:var(--tc-muted,#667085)!important;line-height:1.7!important}
@media (max-width:900px){
  .tc-main .tc-cron-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .tc-main .tc-cron-card .tc-section-head{display:flex!important;flex-direction:column!important}
  .tc-main .tc-cron-card .tc-section-head form,.tc-main .tc-cron-card .tc-section-head .button{width:100%!important}
  .tc-main .tc-cron-summary{grid-template-columns:1fr!important}
  .tc-main .tc-cron-task{grid-template-columns:1fr!important;gap:8px!important}
}
.tc-nav-attention-badge{
  display:inline-grid!important;place-items:center!important;min-width:20px!important;height:20px!important;
  padding:0 6px!important;margin-inline-start:auto!important;border-radius:999px!important;
  background:#2f6fed!important;color:#fff!important;font-size:9px!important;font-weight:800!important;line-height:1!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.08)!important
}
.tc-nav-link-badge{margin-inline-start:auto!important;flex:0 0 auto!important}
.tc-nav-group>summary .tc-nav-attention-badge{margin-inline-start:auto!important;margin-inline-end:4px!important}
.tc-chat-list-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.tc-chat-list-total{display:inline-grid!important;place-items:center!important;min-width:28px!important;height:28px!important;padding:0 8px!important;border-radius:999px!important;background:#2f6fed!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
.tc-chat-customer-row.has-unread .tc-chat-customer-copy strong{font-weight:800!important;color:#101828!important}
.tc-chat-customer-row.has-unread .tc-chat-customer-copy small{font-weight:700!important;color:#344054!important}

.tc-chat-row-meta{display:grid!important;justify-items:end!important;align-content:center!important;gap:5px!important;min-width:42px!important}
.tc-chat-row-meta time{font-size:8px!important;color:#8a97aa!important;white-space:nowrap!important}
.tc-chat-row-signals{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-height:18px!important}
.tc-chat-unread-badge{display:inline-grid!important;place-items:center!important;min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;background:#2f6fed!important;color:#fff!important;font-size:8.5px!important;font-weight:800!important;line-height:1!important}
.tc-chat-waiting-dot{display:block!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.14)!important}






.tc-automation-card{margin-top:20px!important}
.tc-automation-form{display:grid!important;gap:16px!important}

.tc-weekday-picker{display:grid!important;gap:8px!important;padding:14px!important;border:1px solid #dfe6ef!important;border-radius:13px!important;background:#fbfcfe!important}
.tc-weekday-picker>span{font-size:10px!important;font-weight:800!important;color:#344054!important}
.tc-weekday-picker>div{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.tc-weekday-picker label{position:relative!important;cursor:pointer!important}
.tc-weekday-picker input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.tc-weekday-picker label span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 12px!important;border:1px solid #d7dfeb!important;border-radius:10px!important;background:#fff!important;color:#52627a!important;font-size:9.5px!important;font-weight:700!important;transition:.15s ease!important}
.tc-weekday-picker input:checked+span{border-color:#2f6fed!important;background:#edf4ff!important;color:#244fc7!important;box-shadow:inset 0 0 0 1px #2f6fed!important}
.tc-automation-table td>strong{display:block!important}
.tc-automation-table td>small{display:block!important;margin-top:4px!important;color:#7b8799!important;line-height:1.7!important}
.tc-error-text{color:#b42318!important;white-space:normal!important}
.tc-automation-table .tc-row-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.tc-automation-table .tc-row-actions form{margin:0!important}
.tc-automation-table-wrap{margin-top:16px!important}
[data-price-country][hidden],[data-weekdays][hidden],[data-message-weekdays][hidden],[data-message-interval][hidden]{display:none!important}

@media(max-width:720px){
  .tc-chat-row-meta{min-width:38px!important}
  .tc-nav-attention-badge{min-width:19px!important;height:19px!important;font-size:8px!important}
  .tc-automation-card{padding:14px!important}
  .tc-weekday-picker>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tc-weekday-picker label span{width:100%!important;box-sizing:border-box!important}
  .tc-automation-table .tc-row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .tc-automation-table .tc-row-actions .button,.tc-automation-table .tc-row-actions form{width:100%!important}

}
.tc-main input[type="datetime-local"],
.tc-main input[type="date"],
.tc-main input[type="time"]{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
}
.tc-chat-customer-row[data-conversation-context],
.tc-chat-panel-head[data-conversation-context],
.tc-chat-bubble[data-message-editable]{
  -webkit-touch-callout:none!important;
}
.tc-chat-bubble[data-message-editable]{cursor:context-menu!important}
.tc-direct-context-menu{
  position:fixed!important;
  z-index:100500!important;
  min-width:190px!important;
  padding:7px!important;
  border:1px solid #dce3ee!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(15,23,42,.2)!important;
}
.tc-direct-context-menu[hidden]{display:none!important}
.tc-direct-context-menu form{margin:0!important}
.tc-direct-context-menu button{
  display:block!important;
  width:100%!important;
  min-height:40px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#17243b!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  text-align:start!important;
  cursor:pointer!important;
}
.tc-direct-context-menu button:hover,
.tc-direct-context-menu button:focus-visible{background:#eef4ff!important;color:#2458c6!important;outline:none!important}
.tc-chat-edit-modal{
  position:fixed!important;
  inset:0!important;
  z-index:100600!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:rgba(15,23,42,.48)!important;
}
.tc-chat-edit-modal[hidden]{display:none!important}
.tc-chat-edit-dialog{
  width:min(560px,100%)!important;
  max-height:min(84vh,720px)!important;
  overflow:auto!important;
  border:1px solid #dce3ee!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 22px 60px rgba(15,23,42,.28)!important;
  padding:18px!important;
}
.tc-chat-edit-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}
.tc-chat-edit-head h2{margin:0!important;font-size:16px!important;color:#17243b!important}
.tc-chat-edit-close{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#f1f4f8!important;color:#526176!important;font-size:22px!important;line-height:1!important;cursor:pointer!important}
.tc-chat-edit-dialog textarea{width:100%!important;min-height:130px!important;resize:vertical!important;margin:0!important}
.tc-chat-edit-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:14px!important}
html.tc-modal-open{overflow:hidden!important}
@media (max-width:600px){
  .tc-direct-context-menu{min-width:180px!important;max-width:calc(100vw - 16px)!important}
  .tc-chat-edit-modal{padding:10px!important;align-items:end!important}
  .tc-chat-edit-dialog{width:100%!important;border-radius:18px 18px 12px 12px!important;padding:15px!important}
  .tc-chat-edit-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .tc-chat-edit-actions .button{width:100%!important}
}
.tc-direct-context-menu .tc-context-danger{
  color:#c62828!important;
}
.tc-direct-context-menu .tc-context-danger:hover,
.tc-direct-context-menu .tc-context-danger:focus-visible{
  background:#fff1f1!important;
  color:#a61414!important;
}
.tc-schedule-datetime-pair{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:8px!important;
}
.tc-schedule-datetime-pair>span{
  display:grid!important;
  gap:5px!important;
}
.tc-schedule-datetime-pair small{
  margin:0!important;
  color:#607089!important;
  font-size:11px!important;
  text-align:start!important;
}
.tc-iso-picker-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  direction:ltr!important;
  overflow:hidden!important;
  border:1px solid #d7e0ec!important;
  border-radius:11px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.tc-iso-picker-display{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:isolate!important;
  writing-mode:horizontal-tb!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.025em!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
  box-sizing:border-box!important;
}
.tc-iso-picker-display:focus{box-shadow:inset 0 0 0 2px rgba(49,95,213,.14)!important}
.tc-iso-picker-display::placeholder{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:isolate!important;
  opacity:.58!important;
}
.tc-iso-picker-button{
  position:static!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #e2e8f0!important;
  border-radius:0!important;
  background:#f8faff!important;
  color:#315fd5!important;
  transform:none!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.tc-iso-picker-button:hover,
.tc-iso-picker-button:focus-visible{
  background:#eef4ff!important;
  color:#214fbf!important;
  outline:none!important;
}
.tc-iso-picker-button:disabled{cursor:not-allowed!important;opacity:.62!important}
.tc-iso-picker-button svg{
  width:19px!important;
  height:19px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.tc-native-picker-input{
  position:absolute!important;
  inset:auto auto 0 0!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media (max-width:600px){
  .tc-schedule-datetime-pair{grid-template-columns:1fr!important}
}

/* Countries table: desktop structure remains a table; mobile behavior stays isolated. */
@media (min-width:721px){
  .tc-main .tc-countries-table-wrap{overflow-x:auto!important}
  .tc-main .tc-countries-table{width:100%!important;min-width:1180px!important;table-layout:fixed!important}
  .tc-main .tc-countries-table .tc-country-col-name{width:17%!important}
  .tc-main .tc-countries-table .tc-country-col-dial{width:8%!important}
  .tc-main .tc-countries-table .tc-country-col-stock{width:9%!important}
  .tc-main .tc-countries-table .tc-country-col-provider{width:8%!important}
  .tc-main .tc-countries-table .tc-country-col-sale{width:9%!important}
  .tc-main .tc-countries-table .tc-country-col-settings{width:49%!important}
  .tc-main .tc-countries-table th,
  .tc-main .tc-countries-table td{vertical-align:top!important;padding:12px 10px!important;white-space:normal!important}
  .tc-main .tc-country-settings-form{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0!important
  }
  .tc-main .tc-country-settings-form .tc-country-field{width:100%!important;min-width:0!important;height:40px!important;margin:0!important}
  .tc-main .tc-country-settings-form .tc-country-alerts{grid-column:1/-1!important;width:100%!important;margin:0!important}
  .tc-main .tc-country-alerts-grid{display:grid!important;grid-template-columns:2fr 1fr 1fr!important;gap:8px!important;padding-top:10px!important}
  .tc-main .tc-country-alerts-grid label{display:grid!important;gap:6px!important;min-width:0!important}
  .tc-main .tc-country-alerts-grid select,
  .tc-main .tc-country-alerts-grid input{width:100%!important;min-width:0!important}
  .tc-main .tc-country-settings-form .tc-country-active{
    grid-column:1/3!important;display:flex!important;align-items:center!important;gap:7px!important;
    min-height:40px!important;padding:0 10px!important;border:1px solid var(--tc-line)!important;border-radius:9px!important;background:#fff!important
  }
  .tc-main .tc-country-settings-form .tc-country-active input{width:auto!important;margin:0!important}
  .tc-main .tc-country-settings-form .tc-country-save{grid-column:3!important;width:100%!important;min-height:40px!important;margin:0!important;justify-content:center!important}
}

/* Channel tests: one orderly button system on desktop. */
.tc-main .tc-channel-test-grid{
  display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:10px!important;width:100%!important
}
.tc-main .tc-channel-test-grid .tc-channel-test-action{
  display:flex!important;flex:1 1 210px!important;min-width:190px!important;max-width:280px!important;margin:0!important
}
.tc-main .tc-channel-test-grid .tc-test-button{
  width:100%!important;min-height:44px!important;margin:0!important;justify-content:center!important;
  border-color:#cfd8e6!important;background:#fff!important;color:#244db8!important;box-shadow:none!important
}
.tc-main .tc-channel-test-grid .tc-test-button:hover{
  border-color:#315fd5!important;background:#f3f6ff!important;color:#244db8!important
}
.tc-main .tc-channel-test-grid .tc-test-button-reset{
  border-color:#d7b46a!important;color:#7a5100!important;background:#fffdf7!important
}

@media (max-width:720px){
  .tc-main .tc-country-settings-form{grid-template-columns:1fr!important}
  .tc-main .tc-country-settings-form>*{grid-column:1!important}
  .tc-main .tc-country-alerts-grid{grid-template-columns:1fr!important}
  .tc-main .tc-country-settings-form .tc-country-active,
  .tc-main .tc-country-settings-form .tc-country-save{grid-column:1!important;width:100%!important}
  .tc-main .tc-channel-test-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .tc-main .tc-channel-test-grid .tc-channel-test-action{width:100%!important;min-width:0!important;max-width:none!important}
}



.tc-main .button,
.tc-main input[type="submit"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:auto!important;
  padding:8px 14px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.35!important;
  white-space:normal!important;
  text-align:center!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
}
.tc-main .button-primary{
  box-shadow:0 4px 11px rgba(49,95,213,.14)!important;
}

.tc-main .tc-actions,.tc-main .tc-row-actions,.tc-main .tc-form-actions,.tc-main .tc-save-bar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
.tc-main .tc-form-actions,
.tc-main .tc-save-bar{
  margin-top:16px!important;
  padding-top:16px!important;
  border-top:1px solid #e8edf4!important;
}
.tc-main .tc-actions .button,.tc-main .tc-row-actions .button,.tc-main .tc-form-actions .button,.tc-main .tc-save-bar .button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:118px!important;
  max-width:240px!important;
}
.tc-main .tc-checks{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px 18px!important;
  margin-top:18px!important;
  padding:13px 15px!important;
  border:1px solid #e1e7f0!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
.tc-main .tc-checks label{
  min-height:28px!important;
  margin:0!important;
}
.tc-main .tc-checks + p{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin:14px 0 0!important;
  padding:0!important;
}
.tc-main .tc-checks + p .button{
  min-width:118px!important;
  max-width:220px!important;
}
.tc-main input[type="text"],
.tc-main input[type="number"],
.tc-main input[type="password"],
.tc-main input[type="email"],
.tc-main input[type="url"],
.tc-main input[type="search"],
.tc-main input[type="date"],
.tc-main input[type="time"],
.tc-main input[type="datetime-local"],
.tc-main select{
  min-height:42px!important;
  height:42px!important;
  box-sizing:border-box!important;
}
.tc-main textarea{
  min-height:104px!important;
  box-sizing:border-box!important;
}
.tc-main .tc-card,
.tc-main .tc-settings-card{
  overflow:visible!important;
}
.tc-main .tc-section-head{
  align-items:flex-start!important;
}

/* Channel checks: orderly rows, one visual system. */
.tc-main .tc-channel-test-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.tc-main .tc-channel-test-grid .tc-channel-test-action{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
.tc-main .tc-channel-test-grid .tc-test-button{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  box-shadow:none!important;
}

/* Chat: larger white customer bubbles; small independent system notices. */
.tc-chat-bubble.is-in{
  max-width:min(82%,760px)!important;
  padding:14px 16px 12px!important;
  border-radius:18px!important;
}
.tc-chat-bubble.is-in .tc-chat-bubble-body{
  font-size:12.5px!important;
  line-height:2!important;
}
.tc-chat-bubble.is-system{
  align-self:center!important;
  width:auto!important;
  max-width:min(62%,540px)!important;
  padding:9px 14px!important;
  border:1px solid #e3e9f1!important;
  border-radius:999px!important;
  background:#f7f9fc!important;
  box-shadow:none!important;
  text-align:center!important;
}
.tc-chat-bubble.is-system .tc-chat-bubble-top{
  display:none!important;
}
.tc-chat-bubble.is-system .tc-chat-bubble-body{
  font-size:10.5px!important;
  line-height:1.75!important;
  color:#5f6f86!important;
}
.tc-chat-bubble.is-system footer{
  justify-content:center!important;
  margin-top:3px!important;
  font-size:7.5px!important;
}

@media (max-width:720px){
  .tc-main .tc-actions,.tc-main .tc-row-actions,.tc-main .tc-form-actions,.tc-main .tc-save-bar,.tc-main .tc-checks + p{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .tc-main .tc-actions .button,.tc-main .tc-row-actions .button,.tc-main .tc-form-actions .button,.tc-main .tc-save-bar .button,.tc-main .tc-checks + p .button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .tc-main .tc-checks{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .tc-main .tc-channel-test-grid{
    grid-template-columns:1fr!important;
  }
  .tc-chat-bubble.is-in{max-width:92%!important}
  .tc-chat-bubble.is-system{max-width:86%!important;border-radius:14px!important}
}



/* 1) Countries, stock and pricing: compact desktop table, balanced tools and readable statistics. */
body[data-admin-page="telecode-countries"] .tc-toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
body[data-admin-page="telecode-countries"] .tc-toolbar>form{margin:0!important}
body[data-admin-page="telecode-countries"] .tc-toolbar .tc-action-form{flex:0 0 auto!important}
body[data-admin-page="telecode-countries"] .tc-search-wide{
  display:grid!important;
  grid-template-columns:minmax(270px,420px) auto auto!important;
  gap:8px!important;
  align-items:end!important;
  flex:0 1 auto!important;
  width:auto!important;
  margin:0!important;
}
body[data-admin-page="telecode-countries"] .tc-search-wide input{width:100%!important;min-width:0!important}
body[data-admin-page="telecode-countries"] .tc-search-wide .button,
body[data-admin-page="telecode-countries"] .tc-toolbar .tc-action-form .button{
  width:auto!important;
  min-width:92px!important;
  max-width:210px!important;
}
body[data-admin-page="telecode-countries"] .tc-mini-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:0!important;
}
body[data-admin-page="telecode-countries"] .tc-mini-stats>div{
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 15px!important;
  border:1px solid #dde5ef!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(16,24,40,.035)!important;
}
body[data-admin-page="telecode-countries"] .tc-mini-stats strong{
  font-size:19px!important;
  line-height:1!important;
  color:#254fc0!important;
}
body[data-admin-page="telecode-countries"] .tc-mini-stats span{
  font-size:10.5px!important;
  font-weight:700!important;
  color:#5f6d82!important;
}
body[data-admin-page="telecode-countries"] .tc-note{
  margin-bottom:10px!important;
  padding:12px 15px!important;
  border-radius:12px!important;
  font-size:10.5px!important;
  line-height:1.85!important;
}
@media (min-width:721px){
  body[data-admin-page="telecode-countries"] .tc-countries-table-wrap{
    overflow-x:auto!important;
    border-radius:15px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table{
    width:100%!important;
    min-width:1260px!important;
    table-layout:fixed!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-name{width:16%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-dial{width:7%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-stock{width:8%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-provider{width:8%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-sale{width:8%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-settings{width:53%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table th{
    padding:10px 9px!important;
    font-size:10px!important;
    vertical-align:middle!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td{
    padding:10px 9px!important;
    vertical-align:middle!important;
    font-size:10.5px!important;
    line-height:1.65!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name>.tc-flag{flex:0 0 auto!important;font-size:18px!important}
  body[data-admin-page="telecode-countries"] .tc-country-name>span:last-child{display:block!important;min-width:0!important}
  body[data-admin-page="telecode-countries"] .tc-country-name strong,
  body[data-admin-page="telecode-countries"] .tc-country-name small{
    display:block!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name strong{font-size:10.5px!important;line-height:1.6!important}
  body[data-admin-page="telecode-countries"] .tc-country-name small{margin-top:2px!important;font-size:8.5px!important;color:#718096!important;line-height:1.55!important}
  body[data-admin-page="telecode-countries"] .tc-country-settings-form{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name-ar{grid-column:1/3!important}
  body[data-admin-page="telecode-countries"] .tc-country-name-en{grid-column:3/5!important}
  body[data-admin-page="telecode-countries"] .tc-country-settings-form .tc-country-field{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:6px 9px!important;
    border-radius:8px!important;
    font-size:10px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts{
    grid-column:1/3!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-radius:8px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts>summary{
    min-height:36px!important;
    padding:7px 10px!important;
    font-size:10px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid{
    display:grid!important;
    grid-template-columns:2fr 1fr 1fr!important;
    gap:7px!important;
    padding:9px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid label{display:grid!important;gap:5px!important;min-width:0!important}
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid label>span{font-size:9px!important;margin:0!important}
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid input,
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid select{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    font-size:9.5px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-active{
    grid-column:3!important;
    min-height:36px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    font-size:10px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-save{
    grid-column:4!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:36px!important;
    padding:6px 10px!important;
    border-radius:8px!important;
    font-size:10px!important;
    box-shadow:none!important;
  }
}

/* 2) Bot settings: consistent field sizes, clear sections and calmer option strips. */
body[data-admin-page="telecode-bot"] .tc-settings-card{padding:22px!important}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-section-head{
  margin:22px 0 13px!important;
  padding:18px 0 10px!important;
  border-top:1px solid #e8edf4!important;
  border-bottom:0!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-section-head:first-of-type{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-section-head h2{
  font-size:17px!important;
  line-height:1.5!important;
  margin:0 0 3px!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-section-head p{
  font-size:10.5px!important;
  line-height:1.8!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-form-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,260px))!important;
  justify-content:start!important;
  gap:12px 18px!important;
  align-items:start!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-form-grid>label{
  width:100%!important;
  min-width:0!important;
  max-width:260px!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card label>span{
  margin-bottom:6px!important;
  font-size:10.5px!important;
  line-height:1.65!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card label>small{
  display:block!important;
  margin-top:5px!important;
  font-size:8.75px!important;
  line-height:1.65!important;
  color:#78869a!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card input:not([type="checkbox"]):not([type="radio"]),
body[data-admin-page="telecode-bot"] .tc-settings-card select{
  height:40px!important;
  min-height:40px!important;
  padding:7px 10px!important;
  font-size:10.5px!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-checks{
  min-height:0!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  gap:9px 18px!important;
  border-radius:10px!important;
  background:#f8fafc!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-checks label{
  min-height:24px!important;
  font-size:10.5px!important;
}
body[data-admin-page="telecode-bot"] .tc-pricing-note,
body[data-admin-page="telecode-bot"] .tc-auto-publish-note{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid #e1e7f0!important;
  border-radius:10px!important;
  background:#fafbfd!important;
  color:#5e6b80!important;
  font-size:9.75px!important;
  line-height:1.85!important;
}
body[data-admin-page="telecode-bot"] .tc-auto-publish-note{margin-top:12px!important}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-save-bar{
  margin-top:22px!important;
  padding-top:16px!important;
}
body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-save-bar .button{
  min-width:150px!important;
  max-width:210px!important;
}

/* 3) Message templates and sending: moderate readable sizing, balanced form grids and useful tables. */
body[data-admin-page="telecode-broadcasts"] .tc-card{
  padding:20px!important;
  border-radius:15px!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-section-head{
  margin-bottom:16px!important;
  padding-bottom:12px!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-section-head h2{font-size:17px!important;line-height:1.5!important}
body[data-admin-page="telecode-broadcasts"] .tc-section-head p{font-size:10.5px!important;line-height:1.8!important}
body[data-admin-page="telecode-broadcasts"] .tc-form-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px 16px!important;
  align-items:start!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-form-grid>.tc-full{grid-column:1/-1!important}
body[data-admin-page="telecode-broadcasts"] .tc-form-grid>label{min-width:0!important}
body[data-admin-page="telecode-broadcasts"] label>span{
  margin-bottom:6px!important;
  font-size:10.75px!important;
  line-height:1.65!important;
}
body[data-admin-page="telecode-broadcasts"] label>small{
  display:block!important;
  margin-top:5px!important;
  font-size:8.75px!important;
  line-height:1.65!important;
}
body[data-admin-page="telecode-broadcasts"] input:not([type="checkbox"]):not([type="radio"]),
body[data-admin-page="telecode-broadcasts"] select{
  min-height:42px!important;
  height:42px!important;
  font-size:10.75px!important;
}
body[data-admin-page="telecode-broadcasts"] textarea{
  min-height:116px!important;
  padding:10px 12px!important;
  font-size:10.75px!important;
  line-height:1.8!important;
}
body[data-admin-page="telecode-broadcasts"] textarea[name="template_body"]{min-height:132px!important}
body[data-admin-page="telecode-broadcasts"] textarea[name="template_target_ids"]{min-height:76px!important}
body[data-admin-page="telecode-broadcasts"] .tc-schedule-card{
  grid-template-columns:minmax(160px,.45fr) minmax(0,1.55fr)!important;
  gap:18px!important;
  margin-top:16px!important;
  padding:15px!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-schedule-controls{gap:10px!important}
body[data-admin-page="telecode-broadcasts"] .tc-checkbox-card.tc-send-now,
body[data-admin-page="telecode-broadcasts"] .tc-schedule-field{
  min-height:86px!important;
  padding:12px!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-save-bar{
  margin-top:15px!important;
  padding-top:14px!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-save-bar .button{
  min-width:124px!important;
  max-width:190px!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-automation-table-wrap{
  margin-top:16px!important;
  border-radius:12px!important;
  overflow:auto!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-automation-table{
  min-width:760px!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-automation-table th,
body[data-admin-page="telecode-broadcasts"] .tc-automation-table td{
  padding:11px 12px!important;
  font-size:10.25px!important;
  line-height:1.7!important;
  vertical-align:middle!important;
}
body[data-admin-page="telecode-broadcasts"] .tc-automation-table td strong,
body[data-admin-page="telecode-broadcasts"] .tc-automation-table td small{display:block!important}
body[data-admin-page="telecode-broadcasts"] .tc-automation-table td small{margin-top:3px!important;color:#768499!important}

/* 4) Text control center: use the card width, equal Arabic/English fields and compact sections. */
body[data-admin-page="telecode-texts"] .tc-content-control{
  padding:22px!important;
  overflow:visible!important;
}
body[data-admin-page="telecode-texts"] .tc-content-control>.tc-section-head{
  margin-bottom:14px!important;
  padding-bottom:12px!important;
}
body[data-admin-page="telecode-texts"] .tc-content-control>.tc-section-head h2{font-size:18px!important;line-height:1.5!important}
body[data-admin-page="telecode-texts"] .tc-content-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border:1px solid #dce5f1!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  color:#5f6e84!important;
  font-size:9.5px!important;
  font-weight:700!important;
}
body[data-admin-page="telecode-texts"] .tc-variable-note{
  margin:0 0 14px!important;
  padding:10px 12px!important;
  border:1px solid #dce5f1!important;
  border-radius:10px!important;
  background:#f8faff!important;
  font-size:10px!important;
  line-height:1.8!important;
}
body[data-admin-page="telecode-texts"] .tc-template-sections{gap:11px!important}
body[data-admin-page="telecode-texts"] .tc-template-section{
  border-radius:12px!important;
  overflow:hidden!important;
}
body[data-admin-page="telecode-texts"] .tc-template-section>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:54px!important;
  padding:11px 14px!important;
  cursor:pointer!important;
}
body[data-admin-page="telecode-texts"] .tc-template-section>summary>span{display:block!important;min-width:0!important}
body[data-admin-page="telecode-texts"] .tc-template-section>summary strong{display:block!important;font-size:11px!important;line-height:1.6!important}
body[data-admin-page="telecode-texts"] .tc-template-section>summary small{display:block!important;margin-top:2px!important;font-size:9px!important;line-height:1.6!important;color:#758299!important}
body[data-admin-page="telecode-texts"] .tc-template-section>summary>b{
  display:grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  background:#eef3ff!important;
  color:#315fd5!important;
  font-size:10px!important;
}
body[data-admin-page="telecode-texts"] .tc-template-section-body{
  padding:12px!important;
  background:#f8faff!important;
}
body[data-admin-page="telecode-texts"] .tc-template-card{
  padding:16px!important;
  border:1px solid #dfe6ef!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body[data-admin-page="telecode-texts"] .tc-template-card+ .tc-template-card{margin-top:10px!important}
body[data-admin-page="telecode-texts"] .tc-template-card>header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 13px!important;
  padding:0 0 11px!important;
  border-bottom:1px solid #edf1f6!important;
}
body[data-admin-page="telecode-texts"] .tc-template-card>header h3{margin:0 0 3px!important;font-size:13px!important;line-height:1.55!important}
body[data-admin-page="telecode-texts"] .tc-template-card>header p{margin:0!important;font-size:9.5px!important;line-height:1.75!important;color:#6f7d91!important}
body[data-admin-page="telecode-texts"] .tc-template-card>header code{
  flex:0 0 auto!important;
  padding:5px 8px!important;
  border-radius:7px!important;
  background:#f2f5f9!important;
  color:#5d6b80!important;
  font-size:9px!important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages label{display:grid!important;gap:6px!important;min-width:0!important}
body[data-admin-page="telecode-texts"] .tc-template-languages label>span{margin:0!important;font-size:10px!important;font-weight:700!important}
body[data-admin-page="telecode-texts"] .tc-template-languages input,
body[data-admin-page="telecode-texts"] .tc-template-languages textarea{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:42px!important;
  font-size:10.75px!important;
}
body[data-admin-page="telecode-texts"] .tc-template-languages textarea{min-height:122px!important}
body[data-admin-page="telecode-texts"] .tc-section-divider{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:20px 0 14px!important;
  color:#344054!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
body[data-admin-page="telecode-texts"] .tc-section-divider::before,
body[data-admin-page="telecode-texts"] .tc-section-divider::after{
  content:""!important;
  flex:1!important;
  height:1px!important;
  background:#e5eaf1!important;
}
body[data-admin-page="telecode-texts"] .tc-text-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
body[data-admin-page="telecode-texts"] .tc-text-tools input{
  width:min(100%,460px)!important;
  min-height:40px!important;
}
body[data-admin-page="telecode-texts"] .tc-text-tools span{font-size:9.5px!important;color:#718096!important}
body[data-admin-page="telecode-texts"] .tc-text-catalog{display:grid!important;gap:10px!important}
body[data-admin-page="telecode-texts"] .tc-text-group{
  border:1px solid #dce4ef!important;
  border-radius:11px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body[data-admin-page="telecode-texts"] .tc-text-group>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:48px!important;
  padding:10px 13px!important;
  cursor:pointer!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
body[data-admin-page="telecode-texts"] .tc-text-group-body{padding:11px!important;background:#f8faff!important}
body[data-admin-page="telecode-texts"] .tc-text-row{
  display:grid!important;
  grid-template-columns:minmax(180px,240px) minmax(0,1fr)!important;
  gap:13px!important;
  align-items:start!important;
  padding:12px!important;
  border:1px solid #e0e7f0!important;
  border-radius:10px!important;
  background:#fff!important;
}
body[data-admin-page="telecode-texts"] .tc-text-row+ .tc-text-row{margin-top:9px!important}
body[data-admin-page="telecode-texts"] .tc-text-preview span,
body[data-admin-page="telecode-texts"] .tc-text-preview strong{display:block!important}
body[data-admin-page="telecode-texts"] .tc-text-preview span{font-size:8.5px!important;color:#758299!important;margin-bottom:4px!important}
body[data-admin-page="telecode-texts"] .tc-text-preview strong{font-size:10px!important;line-height:1.75!important;color:#344054!important}
body[data-admin-page="telecode-texts"] .tc-text-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body[data-admin-page="telecode-texts"] .tc-text-fields label{display:grid!important;gap:5px!important;min-width:0!important}
body[data-admin-page="telecode-texts"] .tc-text-fields textarea{width:100%!important;min-width:0!important;min-height:86px!important;font-size:10.5px!important}

@media (max-width:1050px){
  body[data-admin-page="telecode-broadcasts"] .tc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-admin-page="telecode-broadcasts"] .tc-schedule-card{grid-template-columns:1fr!important}
}
@media (max-width:720px){
  body[data-admin-page="telecode-countries"] .tc-search-wide{grid-template-columns:1fr!important;width:100%!important}
  body[data-admin-page="telecode-countries"] .tc-toolbar .button,
  body[data-admin-page="telecode-countries"] .tc-search-wide .button{width:100%!important;max-width:none!important}
  body[data-admin-page="telecode-countries"] .tc-mini-stats{grid-template-columns:1fr!important}
  body[data-admin-page="telecode-countries"] .tc-mini-stats>div{min-height:58px!important}
  body[data-admin-page="telecode-bot"] .tc-settings-card{padding:15px!important}
  body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-form-grid{grid-template-columns:1fr!important}
  body[data-admin-page="telecode-bot"] .tc-settings-card>.tc-form-grid>label{max-width:none!important}
  body[data-admin-page="telecode-broadcasts"] .tc-card{padding:15px!important}
  body[data-admin-page="telecode-broadcasts"] .tc-form-grid{grid-template-columns:1fr!important}
  body[data-admin-page="telecode-broadcasts"] .tc-form-grid>*{grid-column:1!important}
  body[data-admin-page="telecode-texts"] .tc-content-control{padding:15px!important}
  body[data-admin-page="telecode-texts"] .tc-template-languages,
  body[data-admin-page="telecode-texts"] .tc-text-fields,
  body[data-admin-page="telecode-texts"] .tc-text-row{grid-template-columns:1fr!important}
  body[data-admin-page="telecode-texts"] .tc-template-card>header{display:block!important}
  body[data-admin-page="telecode-texts"] .tc-template-card>header code{display:inline-flex!important;margin-top:8px!important}
  body[data-admin-page="telecode-texts"] .tc-text-tools{align-items:stretch!important;flex-direction:column!important}
  body[data-admin-page="telecode-texts"] .tc-text-tools input{width:100%!important}
}

/* Specificity guard for the compact country settings action row. */
@media (min-width:721px){
  body[data-admin-page="telecode-countries"] .tc-main .tc-country-settings-form .tc-country-alerts{
    grid-column:1/3!important;
    width:100%!important;
    margin:0!important;
  }
  body[data-admin-page="telecode-countries"] .tc-main .tc-country-settings-form .tc-country-active{
    grid-column:3!important;
    min-height:36px!important;
    padding:0 9px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-main .tc-country-settings-form .tc-country-save{
    grid-column:4!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:36px!important;
    margin:0!important;
  }
}

/* ================================================================
   Final layout pass: broadcast lists + full mobile consistency review
   Visual-only rules. No behavior, data, gateway, or workflow changes.
   ================================================================ */

/* Scheduled/recurring sending and message log: readable, compact tables. */
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages,
body[data-admin-page="telecode-broadcasts"] .tc-list-card{
  padding:18px 20px!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages .tc-section-head,
body[data-admin-page="telecode-broadcasts"] .tc-list-card .tc-section-head{
  margin-bottom:14px!important;
  padding-bottom:12px!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages .tc-section-head h2,
body[data-admin-page="telecode-broadcasts"] .tc-list-card .tc-section-head h2{
  font-size:18px!important;
  line-height:1.5!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages .tc-section-head p,
body[data-admin-page="telecode-broadcasts"] .tc-list-card .tc-section-head p{
  font-size:11px!important;
  line-height:1.8!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages .tc-automation-table-wrap,
body[data-admin-page="telecode-broadcasts"] .tc-list-card .tc-table-wrap{
  margin-top:10px!important;
  border:1px solid #dce4ef!important;
  border-radius:12px!important;
  overflow:auto!important;
  background:#fff!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages table,
body[data-admin-page="telecode-broadcasts"] .tc-list-card table{
  margin:0!important;
  min-width:760px!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages th,
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages td,
body[data-admin-page="telecode-broadcasts"] .tc-list-card th,
body[data-admin-page="telecode-broadcasts"] .tc-list-card td{
  min-height:48px!important;
  padding:13px 14px!important;
  font-size:11px!important;
  line-height:1.75!important;
  vertical-align:middle!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages th,
body[data-admin-page="telecode-broadcasts"] .tc-list-card th{
  font-size:10.75px!important;
  font-weight:800!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages td[colspan],
body[data-admin-page="telecode-broadcasts"] .tc-list-card td[colspan]{
  padding:10px!important;
}
body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages .tc-empty-state,
body[data-admin-page="telecode-broadcasts"] .tc-list-card .tc-empty-state{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  padding:11px 14px!important;
  border:1px dashed #dbe3ee!important;
  border-radius:9px!important;
  background:#fafbfd!important;
  color:#65738a!important;
  font-size:11px!important;
  line-height:1.75!important;
  text-align:center!important;
}

/* Full admin mobile review: contain every component and keep controls readable. */
@media (max-width:720px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.tc-standalone,.tc-app,.tc-main,.tc-main>*{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .tc-main{
    width:100%!important;
    padding:12px 9px 30px!important;
  }
  .tc-main .tc-card,
  .tc-main .tc-settings-card,
  .tc-main .tc-list-card,
  .tc-main .tc-automation-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
  }
  .tc-main .tc-section-head{
    width:100%!important;
    margin-bottom:13px!important;
    padding-bottom:11px!important;
    gap:7px!important;
  }
  .tc-main .tc-section-head h2,
  .tc-main .tc-card>h2{
    font-size:16px!important;
    line-height:1.55!important;
  }
  .tc-main .tc-section-head p,
  .tc-main .tc-card>p,
  .tc-main .description,
  .tc-main small{
    font-size:10px!important;
    line-height:1.8!important;
  }
  .tc-main form,
  .tc-main fieldset,
  .tc-main label,
  .tc-main .tc-form-grid,
  .tc-main .tc-form-grid>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .tc-main select,
  .tc-main textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    font-size:13px!important;
  }
  .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .tc-main select{
    min-height:44px!important;
  }
  .tc-main textarea{
    min-height:96px!important;
    resize:vertical!important;
  }
  .tc-main .tc-toolbar,.tc-main .tc-search,.tc-main .tc-search-wide,.tc-main .tc-form-actions,.tc-main .tc-save-bar,.tc-main .tc-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    gap:9px!important;
    align-items:stretch!important;
  }
  .tc-main .tc-toolbar>*,.tc-main .tc-search>*,.tc-main .tc-search-wide>*,.tc-main .tc-form-actions>*,.tc-main .tc-save-bar>*,.tc-main .tc-actions>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .tc-main .tc-toolbar .button,.tc-main .tc-search .button,.tc-main .tc-search-wide .button,.tc-main .tc-form-actions .button,.tc-main .tc-save-bar .button,.tc-main .tc-actions .button{
    width:100%!important;
    max-width:none!important;
    min-height:44px!important;
    justify-content:center!important;
  }
  .tc-main details,
  .tc-main details>summary{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .tc-main details>summary{
    min-height:46px!important;
    padding:10px 12px!important;
    line-height:1.65!important;
  }
  .tc-main .tc-table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .tc-main table.tc-responsive-table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .tc-main table.tc-responsive-table tbody{
    display:grid!important;
    width:100%!important;
    gap:10px!important;
  }
  .tc-main table.tc-responsive-table tr{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }
  .tc-main table.tc-responsive-table td{
    grid-template-columns:minmax(82px,102px) minmax(0,1fr)!important;
    gap:9px!important;
    padding:11px!important;
    font-size:11px!important;
    line-height:1.75!important;
    box-sizing:border-box!important;
  }
  .tc-main table.tc-responsive-table td::before{
    font-size:9.5px!important;
    line-height:1.65!important;
  }
  .tc-main table.tc-responsive-table td[data-full-row="1"]{
    padding:10px!important;
  }
  .tc-main table.tc-responsive-table td[data-full-row="1"] .tc-empty-state{
    min-height:48px!important;
    padding:11px 12px!important;
    font-size:10.5px!important;
    line-height:1.75!important;
  }
  .tc-main .tc-row-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:7px!important;
  }
  .tc-main .tc-row-actions form,
  .tc-main .tc-row-actions .button{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    justify-content:center!important;
  }
  .tc-main code,
  .tc-main pre{
    max-width:100%!important;
    white-space:pre-wrap!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }

  /* Broadcast page on phones: readable cards instead of miniature tables. */
  body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages,
  body[data-admin-page="telecode-broadcasts"] .tc-list-card{
    padding:14px!important;
  }
  body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages .tc-section-head h2,
  body[data-admin-page="telecode-broadcasts"] .tc-list-card .tc-section-head h2{
    font-size:16px!important;
  }
  body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages .tc-automation-table-wrap,
  body[data-admin-page="telecode-broadcasts"] .tc-list-card .tc-table-wrap{
    margin-top:8px!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages table,
  body[data-admin-page="telecode-broadcasts"] .tc-list-card table{
    min-width:0!important;
  }
  body[data-admin-page="telecode-broadcasts"] #tc-recurring-messages .tc-empty-state,
  body[data-admin-page="telecode-broadcasts"] .tc-list-card .tc-empty-state{
    min-height:50px!important;
    font-size:10.5px!important;
  }
}

@media (max-width:430px){
  .tc-main{padding-inline:7px!important}
  .tc-main .tc-card,
  .tc-main .tc-settings-card,
  .tc-main .tc-list-card,
  .tc-main .tc-automation-card{padding:12px!important}
  .tc-main table.tc-responsive-table td{
    grid-template-columns:76px minmax(0,1fr)!important;
    padding:10px!important;
    gap:8px!important;
  }
}

/* Referral page desktop correction: compact, aligned, and isolated from mobile rules. */
@media (min-width:721px){
  body[data-admin-page="telecode-referrals"] .tc-stats{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0 0 14px!important;
    padding-top:0!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-stat{
    min-height:82px!important;
    padding:13px 12px 11px!important;
    border-radius:13px!important;
    gap:5px!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-stat::before{
    inset-inline:13px!important;
    height:2px!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-stat strong{
    margin:0!important;
    font-size:22px!important;
    line-height:1.1!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-stat span{
    margin:0!important;
    font-size:10px!important;
    line-height:1.55!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card{
    margin-bottom:14px!important;
    padding:18px 20px!important;
    border-radius:15px!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-section-head{
    margin-bottom:14px!important;
    padding-bottom:12px!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-section-head h2{
    font-size:17px!important;
    line-height:1.5!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-section-head p{
    font-size:10.5px!important;
    line-height:1.75!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-checks{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px 20px!important;
    min-height:50px!important;
    margin:0 0 14px!important;
    padding:9px 12px!important;
    border-radius:10px!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-checks label{
    flex:0 0 auto!important;
    min-height:30px!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-form-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px 14px!important;
    align-items:start!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-form-grid>label{
    min-width:0!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label>span{
    margin-bottom:6px!important;
    font-size:10.5px!important;
    line-height:1.55!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label>small{
    display:block!important;
    margin-top:5px!important;
    font-size:9px!important;
    line-height:1.65!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body[data-admin-page="telecode-referrals"] form.tc-card select{
    min-height:40px!important;
    height:40px!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-note{
    margin:12px 0 0!important;
    padding:8px 11px!important;
    border-radius:9px!important;
    font-size:10px!important;
    line-height:1.7!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-save-bar{
    justify-content:flex-start!important;
    margin-top:12px!important;
    padding-top:12px!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-save-bar .button{
    width:auto!important;
    min-width:150px!important;
    max-width:190px!important;
    min-height:40px!important;
  }
  body[data-admin-page="telecode-referrals"]>.tc-main .tc-table-wrap,
  body[data-admin-page="telecode-referrals"] .tc-wrap>.tc-table-wrap{
    margin-top:0!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-table-wrap table{
    min-width:940px!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-table-wrap th,
  body[data-admin-page="telecode-referrals"] .tc-table-wrap td{
    padding:11px 12px!important;
    font-size:10.5px!important;
    line-height:1.65!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-table-wrap td[colspan]{
    min-height:44px!important;
    padding:12px!important;
  }
}
@media (min-width:721px) and (max-width:1180px){
  body[data-admin-page="telecode-referrals"] .tc-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-form-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}


@media (max-width:720px){
  body.tc-standalone{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-topbar{
    flex:0 0 auto!important;
    min-height:64px!important;
    height:auto!important;
    padding-block:9px!important;
  }
  body.tc-standalone .tc-topbar-start{
    flex:1 1 auto!important;
    min-width:0!important;
    align-items:flex-start!important;
  }
  body.tc-standalone .tc-page-heading{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  body.tc-standalone .tc-page-heading h1{
    margin:0!important;
    font-size:16px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-page-heading p{
    display:block!important;
    max-width:100%!important;
    margin:3px 0 0!important;
    font-size:11px!important;
    line-height:1.65!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-main{
    font-size:13px!important;
    line-height:1.8!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-main .tc-section-head h2,body.tc-standalone .tc-main .tc-card>h2{
    font-size:17px!important;
    line-height:1.55!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.tc-standalone .tc-main .tc-section-head h3,
  body.tc-standalone .tc-main .tc-gateway-title{
    font-size:15px!important;
    line-height:1.6!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.tc-standalone .tc-main .tc-section-head p,
  body.tc-standalone .tc-main .tc-card>p,
  body.tc-standalone .tc-main .description,
  body.tc-standalone .tc-main small,
  body.tc-standalone .tc-main .tc-note,
  body.tc-standalone .tc-main .tc-empty-state{
    font-size:11.5px!important;
    line-height:1.85!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-main label{
    font-size:12px!important;
    line-height:1.7!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-main .button,
  body.tc-standalone .tc-main button,
  body.tc-standalone .tc-main input[type="submit"]{
    min-height:44px!important;
    font-size:12px!important;
    line-height:1.55!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-nav-group>summary,
  body.tc-standalone .tc-nav-link{
    font-size:12px!important;
    line-height:1.55!important;
  }
  body.tc-standalone .tc-nav-title,
  body.tc-standalone .tc-nav-link span:last-child{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-sidebar-brand small,
  body.tc-standalone .tc-sidebar-footer{
    font-size:10.5px!important;
    line-height:1.55!important;
  }
  body.tc-standalone .tc-chat-customer-copy strong{
    font-size:12.5px!important;
    line-height:1.65!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.tc-standalone .tc-chat-customer-copy small{
    font-size:11px!important;
    line-height:1.75!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.tc-standalone .tc-chat-customer time{
    font-size:9.5px!important;
    line-height:1.5!important;
  }
  body.tc-standalone .tc-chat-person h2,
  body.tc-standalone .tc-chat-person p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-chat-bubble-body{
    font-size:13px!important;
    line-height:1.9!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-chat-bubble footer{
    font-size:9.5px!important;
    line-height:1.55!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td{
    grid-template-columns:minmax(98px,34%) minmax(0,1fr)!important;
    gap:10px!important;
    font-size:12px!important;
    line-height:1.8!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td::before{
    font-size:11px!important;
    line-height:1.65!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table code,
  body.tc-standalone .tc-main .tc-copy-field code{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}
@media (max-width:380px){
  body.tc-standalone .tc-page-heading p{font-size:10.5px!important}
  body.tc-standalone .tc-main table.tc-responsive-table td{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td::before{
    margin-bottom:2px!important;
  }
}
@media (max-width:720px){
  body.tc-standalone .tc-chat-person h2{
    font-size:15px!important;
    line-height:1.55!important;
  }
  body.tc-standalone .tc-chat-person p{
    font-size:11px!important;
    line-height:1.7!important;
  }
  body.tc-standalone .tc-chat-customer time,
  body.tc-standalone .tc-chat-bubble footer{
    font-size:10.5px!important;
  }
}
@media (max-width:720px){
  body.tc-standalone .tc-chat-bubble.is-in .tc-chat-bubble-body,
  body.tc-standalone .tc-chat-bubble.is-out .tc-chat-bubble-body,
  body.tc-standalone .tc-chat-bubble.is-system .tc-chat-bubble-body{
    font-size:13px!important;
    line-height:1.9!important;
  }
}


.tc-brand-mark,
.tc-user-avatar,
.tc-user-menu>summary,
.tc-login-card,
.tc-login-button,
.tc-main .tc-note.tc-note-flat{
  transform:none!important;
  animation:none!important;
}
.tc-brand-mark,
.tc-user-avatar{
  line-height:1!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-shadow:none!important;
}
.tc-user-avatar{
  transition:none!important;
}
.tc-login-card{
  overflow:visible!important;
}
.tc-login-brand,
.tc-login-intro,
.tc-login-form,
.tc-login-form label,
.tc-login-error,
.tc-login-success,
.tc-login-error p,
.tc-login-success p{
  min-width:0!important;
}
.tc-login-error,
.tc-login-success{
  align-items:flex-start!important;
  overflow:visible!important;
  line-height:1.85!important;
}
.tc-login-error p,
.tc-login-success p{
  flex:1 1 auto!important;
  padding-block:1px 2px!important;
  overflow:visible!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.tc-login-alert-mark{
  display:grid!important;
  place-items:center!important;
  flex:0 0 25px!important;
  width:25px!important;
  height:25px!important;
  margin-top:1px!important;
  border-radius:8px!important;
  background:#fee4e2!important;
  color:#b42318!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
}

.tc-login-button{
  height:auto!important;
  min-height:50px!important;
  padding-block:11px 12px!important;
  line-height:1.6!important;
  transition:filter .15s ease,background .15s ease!important;
}
.tc-login-button:hover{
  transform:none!important;
}
.tc-login-form input{
  line-height:1.45!important;
  padding-block:10px!important;
}
.tc-login-language a,
.tc-login-back,
.tc-login-security{
  line-height:1.65!important;
}
.tc-nav-group>summary,.tc-nav-link,.tc-user-dropdown>a,.tc-user-language,.tc-logout-trigger,.button,.button-primary,.button-secondary,.button-warning,.button-danger,.button-logout{
  line-height:1.55!important;
}
.button,.button-primary,.button-secondary,.button-warning,.button-danger,.button-logout{
  height:auto!important;
  min-height:42px!important;
  padding-block:8px 9px!important;
  overflow:visible!important;
}
.tc-main .tc-note.tc-note-flat{
  margin:14px 0 16px!important;
  padding:13px 2px!important;
  border:0!important;
  border-top:1px solid #e7edf5!important;
  border-bottom:1px solid #e7edf5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:none!important;
}
.tc-page-heading h1,.tc-main h1,.tc-main h2,.tc-main h3,.tc-main p,.tc-main small,.tc-main label,.tc-main .notice,.tc-main .tc-empty-state,.tc-main td,.tc-main th{
  text-rendering:optimizeLegibility!important;
}
@media (max-width:960px){
  body.tc-standalone .tc-nav-group>summary,
  body.tc-standalone .tc-nav-link{
    transition:none!important;
  }
  body.tc-standalone .tc-nav-title,
  body.tc-standalone .tc-nav-link>span:nth-child(2){
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}
@media (max-width:720px){
  body.tc-login-page{
    min-height:100dvh!important;
    padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;
  }
  .tc-login-layout{
    min-height:calc(100dvh - max(28px,calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 12px)))!important;
    align-items:center!important;
  }
  .tc-login-card{
    padding:20px 16px 22px!important;
    border-radius:17px!important;
  }
  .tc-login-language{
    margin-bottom:18px!important;
  }
  .tc-login-brand{
    margin-bottom:19px!important;
  }
  .tc-brand-mark-large{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
  }
  .tc-login-intro h1{
    font-size:24px!important;
    line-height:1.55!important;
    padding-bottom:1px!important;
  }
  .tc-login-intro p{
    margin-bottom:19px!important;
    font-size:12px!important;
    line-height:1.85!important;
  }
  .tc-login-error,.tc-login-success{
    gap:9px!important;
    margin-bottom:16px!important;
    padding:12px!important;
    font-size:12px!important;
  }
  body.tc-standalone .tc-main{
    padding-bottom:max(42px,calc(env(safe-area-inset-bottom,0px) + 24px))!important;
  }
  body.tc-standalone .tc-page-heading h1{
    line-height:1.55!important;
    padding-block:1px 2px!important;
    overflow:visible!important;
  }
  body.tc-standalone .tc-main .button,
  body.tc-standalone .tc-main button,
  body.tc-standalone .tc-main input[type="submit"]{
    min-height:44px!important;
    padding-block:9px 10px!important;
    font-size:12px!important;
    line-height:1.65!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-main label,body.tc-standalone .tc-main p,body.tc-standalone .tc-main small,body.tc-standalone .tc-main .description,body.tc-standalone .tc-main .notice,body.tc-standalone .tc-main .tc-empty-state{
    line-height:1.8!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-user-dropdown{
    padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
  }
  body.tc-standalone .tc-user-dropdown>a,
  body.tc-standalone .tc-user-language,
  body.tc-standalone .tc-logout-trigger{
    min-height:44px!important;
    padding-block:9px 10px!important;
    font-size:11.5px!important;
    line-height:1.65!important;
  }
  .tc-logs-table tbody{
    padding-bottom:10px!important;
  }
  .tc-tech-details>summary{
    min-height:44px!important;
    padding:9px 11px!important;
    line-height:1.65!important;
  }
  body.tc-standalone .tc-main .tc-empty-state{
    margin-block:3px 12px!important;
  }
}
@media (max-width:380px){
  .tc-login-card{padding-inline:14px!important}
  .tc-login-language a{padding-inline:8px!important}
  .tc-pin-code-inputs{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:8px!important}
  .tc-pin-code-inputs input{width:100%!important;min-width:0!important}
}
@media (hover:none),(pointer:coarse){
  .tc-main .tc-stat:hover,
  .tc-login-button:hover,
  .tc-chat-customer:hover{
    transform:none!important;
  }
  .tc-user-avatar,
  .tc-user-menu>summary,
  .tc-brand-mark,
  .tc-main .tc-card,
  .tc-main .tc-note{
    animation:none!important;
    transition:none!important;
  }
}

/* Empty and status messages must remain fully visible on small screens. */
.tc-main .tc-empty-state{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:12px 14px!important;
  margin-bottom:14px!important;
  line-height:1.8!important;
  text-align:center!important;
}
.tc-main .notice,
.tc-main .tc-system-note{
  min-width:0!important;
  padding:12px 14px!important;
  overflow:visible!important;
}
.tc-main .notice>p,
.tc-main .tc-system-note>p{
  margin:0!important;
  line-height:1.8!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
@media (max-width:720px){
  .tc-main .tc-empty-state{
    min-height:56px!important;
    padding:13px 12px!important;
    margin-bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 8px))!important;
  }
}


.tc-login-button{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.tc-login-button .tc-button-label,
.tc-login-button .tc-button-loading{
  min-width:0!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.6!important;
  text-align:center!important;
  white-space:normal!important;
}
.tc-button-loading{
  display:inline-flex!important;
  gap:9px!important;
}
.tc-button-loading[hidden]{display:none!important}
.tc-login-spinner{
  display:inline-block!important;
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  box-sizing:border-box!important;
  border:2px solid rgba(255,255,255,.42)!important;
  border-top-color:#fff!important;
  border-radius:50%!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  animation:tc-spin .72s linear infinite!important;
}
.tc-button-loading i{display:none!important}

@media (max-width:720px){
  body.tc-standalone .tc-topbar{
    align-items:center!important;
    padding:10px 12px!important;
  }
  body.tc-standalone .tc-topbar-start{
    align-items:center!important;
  }
  body.tc-standalone .tc-topbar-actions{
    align-self:center!important;
  }
  body.tc-standalone .tc-page-heading p{
    font-size:12px!important;
    line-height:1.75!important;
    color:#667085!important;
  }
  body.tc-standalone .tc-user-menu>summary{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.tc-standalone .tc-user-avatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border:1px solid #d7e1f5!important;
    border-radius:13px!important;
    background:#eef3ff!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1!important;
  }

  body[data-admin-page="telecode-referrals"] .tc-main{
    padding-bottom:max(104px,calc(env(safe-area-inset-bottom,0px) + 82px))!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-hero p,
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-section-head p{
    font-size:12.5px!important;
    line-height:1.9!important;
    color:#667085!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label>span{
    font-size:13px!important;
    line-height:1.75!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label>small{
    display:block!important;
    margin-top:7px!important;
    font-size:12px!important;
    line-height:1.9!important;
    color:#667085!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-note{
    margin:16px 0 0!important;
    padding:14px 13px!important;
    border-radius:11px!important;
    font-size:12.5px!important;
    line-height:1.9!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-save-bar{
    margin:16px 0 5px!important;
    padding-top:15px!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-save-bar .button{
    width:100%!important;
    max-width:none!important;
    min-height:52px!important;
    padding:11px 16px 12px!important;
    font-size:14px!important;
    line-height:1.7!important;
    border-radius:12px!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap{
    margin-top:14px!important;
    margin-bottom:max(32px,calc(env(safe-area-inset-bottom,0px) + 18px))!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty{
    overflow:visible!important;
    border-radius:14px!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty .tc-referrals-table,
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty tbody,
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty tr,
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty .tc-referrals-table{
    min-width:0!important;
    margin:0!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty thead{
    display:none!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty td{
    padding:0!important;
    border:0!important;
  }
  body[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap.is-empty .tc-empty-state{
    min-height:64px!important;
    margin:0!important;
    padding:16px 14px!important;
    border:1px solid #e1e7f0!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#4b5870!important;
    font-size:13px!important;
    line-height:1.85!important;
    box-shadow:0 7px 20px rgba(16,24,40,.04)!important;
  }

  .tc-login-button{
    min-height:52px!important;
    padding:11px 16px 12px!important;
    font-size:13.5px!important;
    line-height:1.65!important;
  }
  .tc-login-error,.tc-login-success{
    font-size:12.5px!important;
    line-height:1.9!important;
  }
}

@media (max-width:380px){
  body.tc-standalone .tc-page-heading p{
    font-size:11.5px!important;
  }
  body[data-admin-page="telecode-referrals"] form.tc-card label>small,
  body[data-admin-page="telecode-referrals"] form.tc-card>.tc-note{
    font-size:11.5px!important;
  }
}



.tc-modal-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(100%,760px)!important;
  max-height:calc(100vh - 36px)!important;
  overflow:auto!important;
  padding:22px!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(16,24,40,.28)!important;
}
.tc-modal-dialog>header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:18px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #edf1f7!important;
}
.tc-modal-dialog>header h2{margin:0 0 5px!important;font-size:20px!important;line-height:1.5!important}
.tc-modal-dialog>header p{margin:0!important;color:#667085!important;line-height:1.75!important}
.tc-modal-close{
  display:grid!important;
  place-items:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  border:1px solid #dce3ee!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#344054!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.tc-modal-dialog textarea[readonly],.tc-modal-dialog input[readonly]{background:#f8fafc!important;color:#475467!important}
.tc-campaign-selection,.tc-weekday-picker,.tc-campaign-buttons,.tc-campaign-post-link{
  padding:15px!important;
  border:1px solid #e4eaf2!important;
  border-radius:14px!important;
  background:#fbfcfe!important;
}
.tc-campaign-selection>span,.tc-weekday-picker>span{display:block!important;margin-bottom:10px!important;font-weight:700!important;color:#344054!important}
.tc-campaign-check-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:9px!important;
}
.tc-campaign-check-grid>label,.tc-weekday-picker>div>label{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border:1px solid #dde5ef!important;
  border-radius:11px!important;
  background:#fff!important;
  cursor:pointer!important;
}
.tc-campaign-check-grid>label>input,.tc-weekday-picker>div>label>input{flex:0 0 auto!important;margin:0!important}
.tc-campaign-check-grid>label>span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.tc-campaign-check-grid>label small{color:#667085!important;word-break:break-word!important}
.tc-weekday-picker>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.tc-weekday-picker>div>label{min-height:40px!important;padding:8px 11px!important}
.tc-campaign-buttons summary,.tc-campaign-post-link summary{cursor:pointer!important;list-style:none!important}
.tc-campaign-buttons summary::-webkit-details-marker,.tc-campaign-post-link summary::-webkit-details-marker{display:none!important}
.tc-campaign-buttons summary small,.tc-campaign-post-link summary small{margin-inline-start:6px!important;color:#667085!important;font-weight:400!important}
.tc-campaign-button-list{display:grid!important;gap:12px!important;margin-top:14px!important}
.tc-campaign-button-row{padding:13px!important;border:1px solid #e3e8f0!important;border-radius:12px!important;background:#fff!important}
.tc-campaign-button-row>strong{display:block!important;margin-bottom:10px!important}
.tc-template-vars{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;line-height:1.8!important}
.tc-template-vars code{direction:ltr!important}


.tc-destination-test-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
}
.tc-destination-test-row>span{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;min-width:0!important}
.tc-destination-test-row>.button{margin-inline-start:auto!important;min-width:92px!important;flex:0 0 92px!important}

.tc-payment-integrity-summary{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:10px!important}
.tc-payment-integrity-summary>div{padding:13px!important;border:1px solid #e4eaf2!important;border-radius:12px!important;background:#fbfcfe!important}
.tc-payment-integrity-summary span,.tc-payment-integrity-summary strong,.tc-payment-integrity-summary small{display:block!important}
.tc-payment-integrity-summary strong{margin:4px 0!important;font-size:18px!important}

@media (max-width:720px){
  .tc-modal{padding:10px!important;align-items:end!important}
  .tc-modal-dialog{width:100%!important;max-height:calc(100vh - 20px)!important;padding:16px 14px!important;border-radius:16px 16px 12px 12px!important}
  .tc-modal-dialog>header h2{font-size:18px!important}
  .tc-modal-dialog>header p{font-size:12px!important}
  .tc-campaign-check-grid{grid-template-columns:1fr!important}


  .tc-destination-test-row{align-items:flex-start!important}
  .tc-destination-test-row>span{flex-direction:column!important;align-items:flex-start!important}
  .tc-destination-test-row>.button{min-width:86px!important;flex-basis:86px!important}
}

.tc-payment-integrity-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;margin-bottom:12px!important}
.tc-payment-integrity-actions form{margin:0!important}
.tc-payment-integrity-time{margin:0 0 12px!important;color:#667085!important;font-size:12px!important}
.tc-payment-integrity-summary>p{margin:0!important;padding:12px 13px!important;border:1px solid #e4eaf2!important;border-radius:12px!important;background:#fbfcfe!important;line-height:1.8!important}
.tc-payment-integrity-notes{display:grid!important;gap:12px!important;margin-top:14px!important}
.tc-integrity-issue{padding:14px!important;border:1px solid #eadfca!important;border-radius:13px!important;background:#fffdf8!important}
.tc-integrity-issue h3{margin:0 0 7px!important;font-size:15px!important;line-height:1.6!important}
.tc-integrity-issue p{margin:6px 0!important;line-height:1.85!important}
.tc-integrity-detail{margin-top:9px!important;border:1px solid #e3e8ef!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important}
.tc-integrity-detail>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:11px 12px!important;cursor:pointer!important}
.tc-integrity-detail>summary b{font-size:12px!important;color:#475467!important}
.tc-integrity-detail dl{display:grid!important;gap:0!important;margin:0!important;padding:0 12px 12px!important}
.tc-integrity-detail dl>div{display:grid!important;grid-template-columns:minmax(145px,220px) 1fr!important;gap:10px!important;padding:9px 0!important;border-top:1px solid #edf1f5!important}
.tc-integrity-detail dt{font-weight:700!important;color:#344054!important}.tc-integrity-detail dd{margin:0!important;min-width:0!important;word-break:break-word!important}
.tc-integrity-hash-list{margin:0!important;padding-inline-start:18px!important}
.tc-integrity-safe-note{padding:10px 12px!important;border-radius:10px!important;background:#f7f9fc!important}
@media (max-width:720px){
  .tc-payment-integrity-actions{display:grid!important;grid-template-columns:1fr!important}
  .tc-payment-integrity-actions form,.tc-payment-integrity-actions .button{width:100%!important}
  .tc-integrity-detail dl>div{grid-template-columns:1fr!important;gap:3px!important}
}


.tc-schedule-builder{
  display:grid!important;
  gap:14px!important;
  padding:16px!important;
  border:1px solid #dbe4ef!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}
.tc-schedule-builder-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
.tc-schedule-builder-head strong{display:block!important;font-size:15px!important;line-height:1.6!important;color:#182230!important}
.tc-schedule-builder-head small{display:block!important;margin-top:3px!important;color:#667085!important;line-height:1.7!important}
.tc-schedule-summary{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  align-items:center!important;
  min-height:46px!important;
  padding:11px 13px!important;
  border:1px solid #cfd9e7!important;
  border-radius:11px!important;
  background:#fff!important;
  line-height:1.75!important;
  color:#344054!important;
}
.tc-schedule-summary strong{color:#1d4ed8!important}
.tc-schedule-builder [data-campaign-weekdays][hidden],
.tc-schedule-builder [data-campaign-monthly][hidden],
.tc-schedule-builder [data-post-weekdays][hidden],
.tc-schedule-builder [data-post-monthly][hidden]{display:none!important}
@media (max-width:720px){
  .tc-schedule-builder{padding:13px!important;gap:12px!important}
  .tc-schedule-builder-head strong{font-size:14px!important}
  .tc-schedule-summary{font-size:12px!important}
}


.tc-template-mode-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px!important;
  margin:0 0 14px!important;
  border:1px solid #dbe4ef!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}
.tc-template-mode-tab{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:10px 14px!important;
  border:1px solid #cfd9e7!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#344054!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:.16s ease!important;
}
.tc-template-mode-tab:hover{border-color:#98aee0!important;color:#1d4ed8!important}
.tc-template-mode-tab.is-active{
  border-color:#7ea2f8!important;
  background:#eef4ff!important;
  color:#1d4ed8!important;
  box-shadow:0 0 0 1px rgba(37,99,235,.07)!important;
}
.tc-template-vars-box{
  margin-top:12px!important;
  border:1px solid #e1e7ef!important;
  border-radius:12px!important;
  background:#fbfcfe!important;
  overflow:hidden!important;
}
.tc-template-vars-box>summary{
  padding:12px 14px!important;
  cursor:pointer!important;
  font-weight:700!important;
  color:#344054!important;
}
.tc-template-vars-box .tc-template-vars{margin:0!important;border:0!important;border-top:1px solid #edf1f5!important;border-radius:0!important}
.tc-campaign-buttons>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.tc-campaign-buttons>summary small{color:#667085!important;font-weight:400!important}
@media (max-width:720px){
  .tc-template-mode-tabs{padding:8px!important;gap:8px!important}
  .tc-template-mode-tab{min-height:42px!important;padding:8px 10px!important}
  .tc-campaign-buttons>summary{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}
}

/* TeleCode v1 — unified, clean authentication inputs */
body.tc-login-page .tc-login-card{
  width:min(100%,468px)!important;
  padding:clamp(24px,4vw,34px)!important;
  border-color:#d9e2ef!important;
  box-shadow:0 30px 80px rgba(16,24,40,.14),0 2px 8px rgba(16,24,40,.04)!important;
}
body.tc-login-page .tc-login-form{gap:18px!important}
body.tc-login-page .tc-login-form label>span{
  margin-bottom:8px!important;
  color:#28364d!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.tc-login-page .tc-input-shell{
  min-height:54px!important;
  border-radius:13px!important;
  background:#fbfcfe!important;
}
body.tc-login-page .tc-login-form .tc-input-shell>input{
  height:54px!important;
  padding-inline-start:48px!important;
  padding-inline-end:52px!important;
  border:1px solid #cbd7e6!important;
  border-radius:13px!important;
  background:#fbfcfe!important;
  color:#152238!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.tc-login-page .tc-login-form .tc-input-shell>input:hover{border-color:#b7c5d8!important;background:#fff!important}
body.tc-login-page .tc-login-form .tc-input-shell>input:focus{
  border-color:#3f6fde!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(49,95,213,.12),0 2px 8px rgba(16,24,40,.05)!important;
}
body.tc-login-page .tc-input-icon{
  inset-inline-start:15px!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  color:#7b8aa0!important;
  transition:color .15s ease!important;
}
body.tc-login-page .tc-input-shell:focus-within .tc-input-icon{color:#315fd5!important}
body.tc-login-page .tc-password-toggle{
  inset-inline-end:8px!important;
  width:38px!important;
  height:38px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
}
body.tc-login-page .tc-password-toggle:hover,
body.tc-login-page .tc-password-toggle:focus-visible{
  border-color:#dbe4f0!important;
  background:#f0f4fa!important;
}
body.tc-login-page input[type="password"]::-ms-reveal,
body.tc-login-page input[type="password"]::-ms-clear{display:none!important}
body.tc-login-page input[type="password"]::-webkit-credentials-auto-fill-button{visibility:hidden!important;display:none!important}
body.tc-login-page .tc-pin-step-form{gap:22px!important}
body.tc-login-page .tc-pin-code-inputs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(58px,68px))!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  margin:2px 0 4px!important;
}
body.tc-login-page .tc-pin-code-inputs .tc-pin-digit{
  width:100%!important;
  min-width:0!important;
  height:66px!important;
  padding:0!important;
  border:1px solid #c8d5e6!important;
  border-radius:15px!important;
  background:#fbfcfe!important;
  color:#172033!important;
  text-align:center!important;
  font-family:"Almarai",Tahoma,Arial,sans-serif!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1!important;
  caret-color:#315fd5!important;
  box-shadow:0 2px 6px rgba(16,24,40,.035)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-text-security:disc!important;
}
body.tc-login-page .tc-pin-code-inputs .tc-pin-digit:hover{border-color:#afc0d7!important;background:#fff!important}
body.tc-login-page .tc-pin-code-inputs .tc-pin-digit:focus{
  border-color:#3f6fde!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(49,95,213,.12),0 4px 12px rgba(16,24,40,.06)!important;
  outline:0!important;
}
body.tc-login-page .tc-login-button{
  min-height:52px!important;
  border-radius:12px!important;
  font-size:14px!important;
  box-shadow:0 12px 26px rgba(49,95,213,.24)!important;
}
@media(max-width:520px){
  body.tc-login-page .tc-login-card{padding:22px 16px!important}
  body.tc-login-page .tc-pin-code-inputs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
  body.tc-login-page .tc-pin-code-inputs .tc-pin-digit{height:60px!important;font-size:25px!important}
}

/* ==========================================================================
   TeleCode v1 — production UI refresh
   Clean administration interface with responsive desktop, tablet and mobile
   ========================================================================== */
:root{
  --tc-v1-bg:#f4f7fb;
  --tc-v1-surface:#ffffff;
  --tc-v1-surface-soft:#f8fafc;
  --tc-v1-surface-tint:#f1f5fb;
  --tc-v1-text:#152238;
  --tc-v1-muted:#66758b;
  --tc-v1-border:#dce4ef;
  --tc-v1-border-strong:#cbd6e5;
  --tc-v1-primary:#315fd5;
  --tc-v1-primary-hover:#244fbf;
  --tc-v1-primary-soft:#edf3ff;
  --tc-v1-success:#0b7a49;
  --tc-v1-warning:#9a5b00;
  --tc-v1-danger:#b42318;
  --tc-v1-radius-sm:10px;
  --tc-v1-radius:14px;
  --tc-v1-radius-lg:18px;
  --tc-v1-shadow-sm:0 2px 8px rgba(16,24,40,.045);
  --tc-v1-shadow:0 12px 34px rgba(16,24,40,.065);
  --tc-v1-focus:0 0 0 4px rgba(49,95,213,.14);
}

html{background:var(--tc-v1-bg)!important;scroll-behavior:smooth}
body.tc-standalone{
  background:
    radial-gradient(circle at 12% 4%,rgba(49,95,213,.055),transparent 28%),
    var(--tc-v1-bg)!important;
  color:var(--tc-v1-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.tc-standalone *{min-width:0}
body.tc-standalone a,body.tc-standalone button,body.tc-standalone input,body.tc-standalone select,body.tc-standalone textarea{-webkit-tap-highlight-color:transparent}
body.tc-standalone :focus-visible,body.tc-login-page :focus-visible{
  outline:2px solid transparent!important;
  box-shadow:var(--tc-v1-focus)!important;
}

/* Sidebar */
body.tc-standalone .tc-sidebar{
  background:linear-gradient(180deg,#111b2d 0%,#0c1423 100%)!important;
  border-inline-end:1px solid rgba(255,255,255,.075)!important;
  box-shadow:4px 0 24px rgba(15,23,42,.08)!important;
}
body.tc-standalone .tc-sidebar-brand{
  padding-inline:17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important;
}
body.tc-standalone .tc-sidebar-brand strong{font-size:17px!important;letter-spacing:.1px}
body.tc-standalone .tc-sidebar-brand small{font-size:10.5px!important;color:#9eacc0!important}
body.tc-standalone .tc-brand-mark{
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(145deg,#4b79e8,#2f5bc9)!important;
  box-shadow:0 9px 20px rgba(49,95,213,.25)!important;
}
body.tc-standalone .tc-sidebar-nav{padding:14px 10px 22px!important}
body.tc-standalone .tc-nav-group>summary{
  min-height:45px!important;
  padding:10px 11px!important;
  border-radius:11px!important;
  color:#c4cede!important;
  font-size:12px!important;
  transition:background-color .15s ease,color .15s ease,transform .15s ease!important;
}
body.tc-standalone .tc-nav-group>summary:hover,
body.tc-standalone .tc-nav-group.is-active-group>summary,
body.tc-standalone .tc-nav-group[data-flyout-open="1"]>summary{
  background:rgba(255,255,255,.085)!important;
  color:#fff!important;
}
body.tc-standalone .tc-nav-group.is-active-group>summary{box-shadow:inset 3px 0 0 #5e88ef!important}
html[dir="rtl"] body.tc-standalone .tc-nav-group.is-active-group>summary{box-shadow:inset -3px 0 0 #5e88ef!important}
body.tc-standalone .tc-sidebar-footer{
  min-height:58px!important;
  padding-inline:17px!important;
  background:rgba(3,8,18,.25)!important;
  color:#9cabc0!important;
}

/* Main shell */
body.tc-standalone .tc-topbar{
  min-height:74px!important;
  padding:10px clamp(14px,2.2vw,28px)!important;
  background:rgba(255,255,255,.93)!important;
  border-bottom:1px solid rgba(210,220,233,.9)!important;
  box-shadow:0 3px 16px rgba(16,24,40,.035)!important;
  backdrop-filter:saturate(150%) blur(14px)!important;
  -webkit-backdrop-filter:saturate(150%) blur(14px)!important;
}
body.tc-standalone .tc-page-heading h1{
  color:#152238!important;
  font-size:clamp(18px,1.5vw,22px)!important;
  letter-spacing:-.15px!important;
}
body.tc-standalone .tc-page-heading p{
  max-width:min(780px,55vw)!important;
  color:#748197!important;
  font-size:11.5px!important;
}
body.tc-standalone .tc-health-link,
body.tc-standalone .tc-user-menu>summary{
  border-color:var(--tc-v1-border)!important;
  background:#fff!important;
  box-shadow:var(--tc-v1-shadow-sm)!important;
}
body.tc-standalone .tc-health-link:hover,
body.tc-standalone .tc-user-menu>summary:hover{
  border-color:#c9d5e7!important;
  background:#f9fbfe!important;
}
body.tc-standalone .tc-main{
  width:100%!important;
  max-width:1640px!important;
  padding:clamp(18px,2.2vw,32px) clamp(16px,2.4vw,34px) 64px!important;
}
body.tc-standalone .tc-main-scroll{
  background:linear-gradient(180deg,rgba(247,249,252,.52),rgba(244,247,251,.96))!important;
}

/* Cards and page sections */
body.tc-standalone .tc-main .tc-card,body.tc-standalone .tc-main .tc-settings-card,body.tc-standalone .tc-main .tc-list-card,body.tc-standalone .tc-main .tc-template-card,body.tc-standalone .tc-main .tc-external-gateway-card,body.tc-standalone .tc-main .tc-subscription-panel,body.tc-standalone .tc-main .tc-reset-card,body.tc-standalone .tc-account-card{
  border:1px solid var(--tc-v1-border)!important;
  border-radius:var(--tc-v1-radius-lg)!important;
  background:var(--tc-v1-surface)!important;
  box-shadow:var(--tc-v1-shadow)!important;
}
body.tc-standalone .tc-main .tc-card,body.tc-standalone .tc-main .tc-settings-card,body.tc-standalone .tc-main .tc-list-card,body.tc-standalone .tc-main .tc-template-card,body.tc-standalone .tc-main .tc-external-gateway-card,body.tc-standalone .tc-main .tc-subscription-panel,body.tc-standalone .tc-main .tc-reset-card{
  padding:clamp(18px,2vw,26px)!important;
  margin-bottom:20px!important;
}
body.tc-standalone .tc-main .tc-section-head{
  gap:16px!important;
  margin-bottom:20px!important;
  padding-bottom:17px!important;
  border-bottom:1px solid #e9eef5!important;
}
body.tc-standalone .tc-main .tc-section-head h2,body.tc-standalone .tc-main .tc-card>h2{
  color:#17243a!important;
  font-size:clamp(16px,1.25vw,19px)!important;
  line-height:1.55!important;
}
body.tc-standalone .tc-main .tc-section-head p,body.tc-standalone .tc-main .tc-card>p,body.tc-standalone .tc-main .description{
  color:var(--tc-v1-muted)!important;
  font-size:12px!important;
  line-height:1.85!important;
}

body.tc-standalone .tc-main .tc-form-grid{gap:17px 20px!important}

/* Statistics */
body.tc-standalone .tc-main .tc-stats,
body.tc-standalone .tc-main .tc-mini-stats{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:14px!important;
}
body.tc-standalone .tc-main .tc-stat{
  min-height:118px!important;
  padding:20px 18px!important;
  border:1px solid var(--tc-v1-border)!important;
  border-radius:16px!important;
  background:linear-gradient(150deg,#fff 0%,#fbfcff 100%)!important;
  box-shadow:0 8px 24px rgba(16,24,40,.05)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
body.tc-standalone .tc-main .tc-stat:hover{
  transform:translateY(-2px)!important;
  border-color:#ccd8e8!important;
  box-shadow:0 14px 30px rgba(16,24,40,.075)!important;
}
body.tc-standalone .tc-main .tc-stat strong{font-size:clamp(24px,2vw,30px)!important;color:#17243a!important}
body.tc-standalone .tc-main .tc-stat span{font-size:11.5px!important;color:#6b788d!important}

/* Forms */
body.tc-standalone .tc-main label>span{
  color:#2c3a50!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.6!important;
}
body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.tc-native-picker-input),
body.tc-standalone .tc-main select,
body.tc-standalone .tc-main textarea{
  width:100%!important;
  min-height:48px!important;
  padding:10px 13px!important;
  border:1px solid var(--tc-v1-border-strong)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#17243a!important;
  font-size:13px!important;
  line-height:1.65!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease!important;
}
body.tc-standalone .tc-main textarea{min-height:112px!important;resize:vertical!important}
body.tc-standalone .tc-main input::placeholder,
body.tc-standalone .tc-main textarea::placeholder{color:#98a4b7!important;opacity:1!important}
body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.tc-native-picker-input):hover,
body.tc-standalone .tc-main select:hover,
body.tc-standalone .tc-main textarea:hover{border-color:#b9c7d9!important}
body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.tc-native-picker-input):focus,
body.tc-standalone .tc-main select:focus,
body.tc-standalone .tc-main textarea:focus{
  border-color:var(--tc-v1-primary)!important;
  box-shadow:var(--tc-v1-focus)!important;
  outline:0!important;
}
body.tc-standalone .tc-main input:disabled,
body.tc-standalone .tc-main select:disabled,
body.tc-standalone .tc-main textarea:disabled,
body.tc-standalone .tc-main input[readonly],
body.tc-standalone .tc-main textarea[readonly]{
  background:#f4f7fa!important;
  color:#69778c!important;
  cursor:not-allowed!important;
}
body.tc-standalone .tc-main input[type="checkbox"],
body.tc-standalone .tc-main input[type="radio"]{
  width:18px!important;
  height:18px!important;
  margin:0!important;
  flex:0 0 18px!important;
  accent-color:var(--tc-v1-primary)!important;
}
body.tc-standalone .tc-main input[type="file"]{
  min-height:48px!important;
  padding:6px!important;
  background:#f9fbfd!important;
}
body.tc-standalone .tc-main input[type="file"]::file-selector-button{
  min-height:34px!important;
  margin-inline-end:10px!important;
  padding:0 13px!important;
  border:1px solid #cdd7e5!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#344054!important;
  font-weight:700!important;
  cursor:pointer!important;
}
body.tc-standalone .tc-main .tc-checks label,
body.tc-standalone .tc-main .tc-checkbox-card{
  min-height:48px!important;
  padding:11px 13px!important;
  border:1px solid #e0e7f0!important;
  border-radius:12px!important;
  background:#fbfcfe!important;
}
body.tc-standalone .tc-main .tc-checks label:hover,
body.tc-standalone .tc-main .tc-checkbox-card:hover{border-color:#c7d4e5!important;background:#f7faff!important}

/* Buttons and action bars */
body.tc-standalone .tc-main .button,
body.tc-standalone .tc-main button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close),
body.tc-standalone .tc-main input[type="submit"],
body.tc-standalone .tc-account-page .button{
  min-height:44px!important;
  padding:8px 17px!important;
  border:1px solid #cad5e3!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.4!important;
  box-shadow:0 2px 5px rgba(16,24,40,.04)!important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease!important;
}
body.tc-standalone .tc-main .button:hover,
body.tc-standalone .tc-main button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close):hover,
body.tc-standalone .tc-main input[type="submit"]:hover{
  transform:translateY(-1px)!important;
  border-color:#b8c6d9!important;
  background:#f9fbfd!important;
  box-shadow:0 6px 14px rgba(16,24,40,.07)!important;
}
body.tc-standalone .tc-main .button-primary,
body.tc-standalone .tc-main button.button-primary,
body.tc-standalone .tc-main input.button-primary[type="submit"]{
  border-color:var(--tc-v1-primary)!important;
  background:linear-gradient(180deg,#3b69dc,#315fd5)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(49,95,213,.19)!important;
}
body.tc-standalone .tc-main .button-primary:hover,
body.tc-standalone .tc-main button.button-primary:hover{
  border-color:var(--tc-v1-primary-hover)!important;
  background:linear-gradient(180deg,#315fd5,#2855c5)!important;
  box-shadow:0 11px 23px rgba(49,95,213,.24)!important;
}
body.tc-standalone .tc-main .button-danger,
body.tc-standalone .tc-main .button-link-delete{
  border-color:#f0c9c5!important;
  background:#fff7f6!important;
  color:var(--tc-v1-danger)!important;
}
body.tc-standalone .tc-main .tc-actions,body.tc-standalone .tc-main .tc-row-actions,body.tc-standalone .tc-main .tc-form-actions,body.tc-standalone .tc-main .tc-save-bar{
  gap:10px!important;
}
body.tc-standalone .tc-main .tc-save-bar{
  margin-top:20px!important;
  padding-top:18px!important;
  border-top:1px solid #e8edf4!important;
}

/* Tables */
body.tc-standalone .tc-main .tc-table-wrap{
  position:relative!important;
  border:1px solid var(--tc-v1-border)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:var(--tc-v1-shadow-sm)!important;
  scrollbar-width:thin!important;
  scrollbar-color:#aab6c7 #eef2f7!important;
}
body.tc-standalone .tc-main table.widefat{min-width:760px!important;border:0!important}
body.tc-standalone .tc-main .widefat th{
  padding:13px 14px!important;
  background:#f5f8fc!important;
  color:#46546a!important;
  font-size:11.5px!important;
  letter-spacing:.05px!important;
}
body.tc-standalone .tc-main .widefat td{
  padding:13px 14px!important;
  color:#2e3c52!important;
  font-size:11.5px!important;
  line-height:1.7!important;
}
body.tc-standalone .tc-main .widefat tbody tr:nth-child(even) td{background:#fcfdff!important}
body.tc-standalone .tc-main .widefat tbody tr:hover td{background:#f4f8ff!important}
body.tc-standalone .tc-main .widefat code{white-space:normal!important;word-break:break-all!important}

/* Tabs, badges, notes and empty states */





body.tc-standalone .tc-main .notice,
body.tc-standalone .tc-main .tc-note,
body.tc-standalone .tc-main .tc-system-note,
body.tc-standalone .tc-main .tc-empty-state,
body.tc-standalone .tc-main .tc-chat-closed-note{
  padding:14px 15px!important;
  border-radius:13px!important;
  line-height:1.85!important;
  box-shadow:0 2px 8px rgba(16,24,40,.035)!important;
}
body.tc-standalone .tc-main .tc-empty-state{
  min-height:110px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  color:#6d7b90!important;
  background:#fafcff!important;
  border:1px dashed #cfd9e7!important;
}

/* Flyouts, dropdowns and modals */
body.tc-standalone .tc-nav-flyout,
body.tc-standalone .tc-user-dropdown{
  border-color:var(--tc-v1-border)!important;
  border-radius:15px!important;
  box-shadow:0 24px 64px rgba(16,24,40,.19)!important;
}
body.tc-standalone .tc-user-dropdown>a,
body.tc-standalone .tc-user-language,
body.tc-standalone .tc-logout-trigger{min-height:43px!important;border-radius:10px!important;font-size:11px!important}
body.tc-standalone .tc-modal-dialog,
body.tc-standalone .tc-modal-card{
  border:1px solid var(--tc-v1-border)!important;
  border-radius:20px!important;
  box-shadow:0 32px 90px rgba(15,23,42,.25)!important;
}
body.tc-standalone .tc-modal-backdrop{backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}

/* Account and support pages */
body.tc-standalone .tc-account-card{padding:clamp(20px,2.4vw,30px)!important}
body.tc-standalone .tc-account-card-head{border-bottom:1px solid #e9eef5!important}
body.tc-standalone .tc-chat-customers,
body.tc-standalone .tc-chat-panel{
  border-color:var(--tc-v1-border)!important;
  border-radius:18px!important;
  box-shadow:var(--tc-v1-shadow)!important;
}
body.tc-standalone .tc-chat-list-head,
body.tc-standalone .tc-chat-panel-head{background:#fff!important}
body.tc-standalone .tc-chat-messages{background:linear-gradient(180deg,#f8faff,#f3f6fb)!important}
body.tc-standalone .tc-chat-composer textarea{font-size:13px!important}

/* Tablet */
@media (max-width:1180px){
  body.tc-standalone .tc-main{padding-inline:20px!important}

}

/* Mobile navigation and shell */
@media (max-width:960px){
  body.tc-standalone .tc-sidebar{
    width:min(88vw,330px)!important;
    padding-top:env(safe-area-inset-top,0px)!important;
    padding-bottom:env(safe-area-inset-bottom,0px)!important;
  }
  body.tc-standalone .tc-sidebar-brand{min-height:70px!important}
  body.tc-standalone .tc-sidebar-overlay{backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
  body.tc-standalone .tc-topbar{
    min-height:68px!important;
    padding-top:max(8px,env(safe-area-inset-top,0px))!important;
    padding-inline:12px!important;
  }
  body.tc-standalone .tc-mobile-menu{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    border-radius:12px!important;
    box-shadow:var(--tc-v1-shadow-sm)!important;
  }
  body.tc-standalone .tc-nav-items{padding:5px 7px 9px!important}
  body.tc-standalone .tc-nav-link{min-height:44px!important;padding:9px 11px!important;border-radius:10px!important;font-size:11.5px!important}
  body.tc-standalone .tc-page-heading p{max-width:48vw!important}
}

@media (max-width:720px){
  body.tc-standalone .tc-topbar{min-height:64px!important;gap:8px!important;padding-inline:9px!important}
  body.tc-standalone .tc-topbar-start{gap:8px!important}
  body.tc-standalone .tc-page-heading h1{font-size:16px!important;line-height:1.45!important}
  body.tc-standalone .tc-page-heading p{display:none!important}
  body.tc-standalone .tc-main{
    padding:13px 9px max(40px,calc(env(safe-area-inset-bottom,0px) + 26px))!important;
  }
  body.tc-standalone .tc-main .tc-card,body.tc-standalone .tc-main .tc-settings-card,body.tc-standalone .tc-main .tc-list-card,body.tc-standalone .tc-main .tc-template-card,body.tc-standalone .tc-main .tc-external-gateway-card,body.tc-standalone .tc-main .tc-subscription-panel,body.tc-standalone .tc-main .tc-reset-card,body.tc-standalone .tc-account-card{
    padding:16px!important;
    margin-bottom:14px!important;
    border-radius:15px!important;
    box-shadow:0 6px 18px rgba(16,24,40,.05)!important;
  }
  body.tc-standalone .tc-main .tc-section-head{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
    margin-bottom:16px!important;
    padding-bottom:14px!important;
  }
  body.tc-standalone .tc-main .tc-section-head h2,body.tc-standalone .tc-main .tc-card>h2{font-size:16px!important}
  body.tc-standalone .tc-main .tc-section-head p,body.tc-standalone .tc-main .tc-card>p,body.tc-standalone .tc-main .description{font-size:12px!important;line-height:1.8!important}
  body.tc-standalone .tc-main .tc-form-grid,body.tc-standalone .tc-account-grid,body.tc-standalone .tc-pin-fields{grid-template-columns:1fr!important;gap:12px!important}
  body.tc-standalone .tc-main .tc-stats,
  body.tc-standalone .tc-main .tc-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.tc-standalone .tc-main .tc-stat{min-height:100px!important;padding:15px 13px!important;border-radius:14px!important}
  body.tc-standalone .tc-main .tc-stat strong{font-size:22px!important}
  body.tc-standalone .tc-main .tc-stat span{font-size:10.5px!important;line-height:1.6!important}
  body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.tc-native-picker-input),
  body.tc-standalone .tc-main select,
  body.tc-standalone .tc-main textarea{font-size:16px!important;min-height:50px!important;border-radius:12px!important}
  body.tc-standalone .tc-main textarea{min-height:120px!important}




  body.tc-standalone .tc-main .tc-form-actions,body.tc-standalone .tc-main .tc-save-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  body.tc-standalone .tc-main .tc-form-actions .button,body.tc-standalone .tc-main .tc-save-bar .button,body.tc-standalone .tc-main .tc-form-actions button,body.tc-standalone .tc-main .tc-save-bar button{width:100%!important;min-height:48px!important}
  body.tc-standalone .tc-main .tc-actions,
  body.tc-standalone .tc-main .tc-row-actions{gap:7px!important}
  body.tc-standalone .tc-main .tc-actions .button,
  body.tc-standalone .tc-main .tc-row-actions .button{flex:1 1 auto!important}
  body.tc-standalone .tc-main .tc-table-wrap{
    width:calc(100% + 2px)!important;
    margin-inline:-1px!important;
    border-radius:13px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.tc-standalone .tc-main table.widefat{min-width:680px!important}
  body.tc-standalone .tc-main .widefat th,
  body.tc-standalone .tc-main .widefat td{padding:11px 12px!important;font-size:11px!important}


  body.tc-standalone .tc-user-menu>summary{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  body.tc-standalone .tc-user-dropdown{
    position:fixed!important;
    inset-inline:9px!important;
    top:72px!important;
    width:auto!important;
    max-height:calc(100svh - 86px)!important;
    overflow:auto!important;
  }
  body.tc-standalone .tc-modal{align-items:end!important;padding:8px!important}
  body.tc-standalone .tc-modal-dialog,
  body.tc-standalone .tc-modal-card{
    width:100%!important;
    max-height:calc(100svh - 16px)!important;
    padding:17px 15px max(17px,env(safe-area-inset-bottom,0px))!important;
    border-radius:20px 20px 12px 12px!important;
  }
  body.tc-standalone .tc-chat-layout{grid-template-columns:1fr!important;gap:12px!important;min-height:0!important}
  body.tc-standalone .tc-chat-customers{max-height:330px!important}
  body.tc-standalone .tc-chat-panel{min-height:520px!important}
  body.tc-standalone .tc-chat-panel-head{padding:13px!important;align-items:flex-start!important;flex-direction:column!important}


  body.tc-standalone .tc-chat-messages{min-height:320px!important;max-height:52svh!important;padding:13px!important}
  body.tc-standalone .tc-chat-bubble{max-width:90%!important}
  body.tc-standalone .tc-chat-composer{grid-template-columns:1fr!important;padding:11px!important}
  body.tc-standalone .tc-chat-composer .button{width:100%!important;min-height:48px!important}
}

@media (max-width:420px){
  body.tc-standalone .tc-main{padding-inline:7px!important}
  body.tc-standalone .tc-main .tc-card,
  body.tc-standalone .tc-main .tc-settings-card,
  body.tc-standalone .tc-main .tc-list-card,
  body.tc-standalone .tc-main .tc-template-card,
  body.tc-standalone .tc-account-card{padding:14px!important;border-radius:14px!important}
  body.tc-standalone .tc-main .tc-stats,
  body.tc-standalone .tc-main .tc-mini-stats{grid-template-columns:1fr 1fr!important}
  body.tc-standalone .tc-main .tc-stat{min-height:92px!important;padding:13px 11px!important}
  body.tc-standalone .tc-main .tc-stat strong{font-size:20px!important}
  body.tc-standalone .tc-main .button,
  body.tc-standalone .tc-main button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close),
  body.tc-standalone .tc-main input[type="submit"]{padding-inline:13px!important}
}

@media (max-width:350px){
  body.tc-standalone .tc-main .tc-stats,
  body.tc-standalone .tc-main .tc-mini-stats{grid-template-columns:1fr!important}
  body.tc-standalone .tc-page-heading h1{font-size:14px!important}
}

/* Login refinements for v1 */
body.tc-login-page .tc-login-card{
  border-radius:24px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 32px 90px rgba(16,24,40,.15)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
body.tc-login-page .tc-login-language{border-radius:13px!important}
body.tc-login-page .tc-login-language a{min-height:38px!important;display:grid!important;place-items:center!important;border-radius:10px!important}
body.tc-login-page .tc-login-button{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease!important}
body.tc-login-page .tc-login-button:hover{transform:translateY(-1px)!important;box-shadow:0 15px 30px rgba(49,95,213,.28)!important}
@media(max-width:520px){
  body.tc-login-page{padding:max(12px,env(safe-area-inset-top,0px)) 10px max(12px,env(safe-area-inset-bottom,0px))!important}
  body.tc-login-page .tc-login-card{padding:20px 15px!important;border-radius:18px!important}
  body.tc-login-page .tc-login-form .tc-input-shell>input{font-size:16px!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body.tc-standalone *,body.tc-login-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Preserve compact controls that live inside enhanced fields. */
body.tc-standalone .tc-main .tc-input-shell>input{padding-inline-start:42px!important;padding-inline-end:52px!important}
body.tc-standalone .tc-main .tc-password-field input{padding-inline-end:52px!important}
body.tc-standalone .tc-main .tc-iso-picker-display{padding-right:48px!important;direction:ltr!important;text-align:left!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important}
body.tc-standalone .tc-main .tc-native-picker-input{width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;box-shadow:none!important}

/* ==========================================================================
   TeleCode v1 — unified administration system
   One restrained visual language for navigation, cards, controls and states.
   ========================================================================== */
:root{
  --tc-ui-canvas:#f4f7fb;
  --tc-ui-surface:#ffffff;
  --tc-ui-surface-subtle:#f8fafc;
  --tc-ui-surface-muted:#eef3f8;
  --tc-ui-sidebar:#101a2b;
  --tc-ui-sidebar-deep:#0b1321;
  --tc-ui-sidebar-hover:#1a2940;
  --tc-ui-text:#172338;
  --tc-ui-text-soft:#66758a;
  --tc-ui-border:#dce4ee;
  --tc-ui-border-strong:#c9d5e3;
  --tc-ui-accent:#315fd5;
  --tc-ui-accent-hover:#2852bd;
  --tc-ui-accent-soft:#edf3ff;
  --tc-ui-danger:#b42318;
  --tc-ui-danger-soft:#fff4f2;
  --tc-ui-warning:#8a5600;
  --tc-ui-warning-soft:#fff8e8;
  --tc-ui-success:#18724a;
  --tc-ui-success-soft:#eef8f3;
  --tc-ui-info:#315fd5;
  --tc-ui-info-soft:#edf3ff;
  --tc-ui-control-h:46px;
  --tc-ui-button-h:44px;
  --tc-ui-radius:14px;
  --tc-ui-radius-sm:11px;
  --tc-ui-shadow:0 10px 30px rgba(16,24,40,.06);
  --tc-ui-shadow-sm:0 2px 8px rgba(16,24,40,.045);
}

body.tc-standalone{
  background:var(--tc-ui-canvas)!important;
  color:var(--tc-ui-text)!important;
  font-size:13px!important;
}
body.tc-standalone .tc-main-scroll{background:var(--tc-ui-canvas)!important}
body.tc-standalone .tc-main{max-width:1600px!important}

/* Navigation remains one dark system, including its desktop flyout. */
body.tc-standalone .tc-sidebar{
  background:linear-gradient(180deg,var(--tc-ui-sidebar) 0%,var(--tc-ui-sidebar-deep) 100%)!important;
  border-inline-end:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 0 28px rgba(15,23,42,.10)!important;
}
body.tc-standalone .tc-sidebar-brand,
body.tc-standalone .tc-sidebar-footer{background:rgba(4,10,20,.18)!important}
body.tc-standalone .tc-nav-group>summary,
body.tc-standalone .tc-nav-link{
  min-height:44px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:700!important;
}
body.tc-standalone .tc-nav-group>summary:hover,
body.tc-standalone .tc-nav-group.is-active-group>summary,
body.tc-standalone .tc-nav-group[data-flyout-open="1"]>summary,
body.tc-standalone .tc-nav-link:hover{
  background:var(--tc-ui-sidebar-hover)!important;
  color:#fff!important;
}
body.tc-standalone .tc-nav-link.is-active{
  background:var(--tc-ui-accent)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.tc-standalone .tc-nav-flyout{
  border:1px solid #2a3850!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#142138 0%,#101a2b 100%)!important;
  color:#edf2f8!important;
  box-shadow:0 24px 60px rgba(4,10,20,.34)!important;
}
body.tc-standalone .tc-nav-flyout-head{
  border-bottom:1px solid #29364b!important;
  color:#fff!important;
}
body.tc-standalone .tc-nav-flyout-head strong{color:#fff!important;font-size:12px!important}
body.tc-standalone .tc-nav-flyout-head button{
  background:#1d2c44!important;
  color:#cbd5e1!important;
}
body.tc-standalone .tc-nav-flyout-head button:hover{background:#263851!important;color:#fff!important}
body.tc-standalone .tc-nav-flyout .tc-nav-link{
  min-height:42px!important;
  color:#c8d3e2!important;
  background:transparent!important;
}
body.tc-standalone .tc-nav-flyout .tc-nav-link:hover{
  background:#1e2e47!important;
  color:#fff!important;
}
body.tc-standalone .tc-nav-flyout .tc-nav-link.is-active{
  background:var(--tc-ui-accent)!important;
  color:#fff!important;
}

/* The top bar and its account menu use the same light surface family. */
body.tc-standalone .tc-topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--tc-ui-border)!important;
  box-shadow:0 2px 12px rgba(16,24,40,.035)!important;
}
body.tc-standalone .tc-health-link,
body.tc-standalone .tc-user-menu>summary{
  min-height:44px!important;
  border:1px solid var(--tc-ui-border)!important;
  border-radius:var(--tc-ui-radius-sm)!important;
  background:var(--tc-ui-surface)!important;
  color:#344054!important;
  box-shadow:var(--tc-ui-shadow-sm)!important;
}
body.tc-standalone .tc-user-dropdown{
  border:1px solid var(--tc-ui-border)!important;
  border-radius:14px!important;
  background:var(--tc-ui-surface)!important;
  color:var(--tc-ui-text)!important;
  box-shadow:0 22px 54px rgba(16,24,40,.18)!important;
}
body.tc-standalone .tc-user-dropdown>a,
body.tc-standalone .tc-user-language,
body.tc-standalone .tc-logout-trigger{
  min-height:42px!important;
  border-radius:10px!important;
  color:#344054!important;
  font-size:11.5px!important;
}
body.tc-standalone .tc-user-dropdown>a:hover,
body.tc-standalone .tc-logout-trigger:hover{background:var(--tc-ui-surface-muted)!important}
body.tc-standalone .tc-logout-trigger{color:var(--tc-ui-danger)!important}

/* Cards, headings and spacing share one scale. */
body.tc-standalone .tc-main .tc-card,body.tc-standalone .tc-main .tc-settings-card,body.tc-standalone .tc-main .tc-list-card,body.tc-standalone .tc-main .tc-template-card,body.tc-standalone .tc-main .tc-external-gateway-card,body.tc-standalone .tc-main .tc-subscription-panel,body.tc-standalone .tc-main .tc-reset-card,body.tc-standalone .tc-account-card,body.tc-standalone .tc-chat-customers,body.tc-standalone .tc-chat-panel{
  border:1px solid var(--tc-ui-border)!important;
  border-radius:16px!important;
  background:var(--tc-ui-surface)!important;
  box-shadow:var(--tc-ui-shadow)!important;
}
body.tc-standalone .tc-main .tc-card,body.tc-standalone .tc-main .tc-settings-card,body.tc-standalone .tc-main .tc-list-card,body.tc-standalone .tc-main .tc-template-card,body.tc-standalone .tc-main .tc-external-gateway-card,body.tc-standalone .tc-main .tc-subscription-panel,body.tc-standalone .tc-main .tc-reset-card{
  padding:22px!important;
  margin-bottom:18px!important;
}
body.tc-standalone .tc-main .tc-section-head{
  margin-bottom:18px!important;
  padding-bottom:15px!important;
  border-bottom:1px solid #e8edf4!important;
}
body.tc-standalone .tc-main .tc-section-head h2,body.tc-standalone .tc-main .tc-card>h2{
  margin:0!important;
  color:var(--tc-ui-text)!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.55!important;
}
body.tc-standalone .tc-main .tc-section-head p,body.tc-standalone .tc-main .tc-card>p,body.tc-standalone .tc-main .description{
  color:var(--tc-ui-text-soft)!important;
  font-size:12px!important;
  line-height:1.8!important;
}

/* One field system. */
body.tc-standalone .tc-main label>span{
  margin-bottom:7px!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.tc-native-picker-input),
body.tc-standalone .tc-main select,
body.tc-standalone .tc-main textarea{
  min-height:var(--tc-ui-control-h)!important;
  padding:9px 13px!important;
  border:1px solid var(--tc-ui-border-strong)!important;
  border-radius:var(--tc-ui-radius-sm)!important;
  background:var(--tc-ui-surface)!important;
  color:var(--tc-ui-text)!important;
  font-size:13px!important;
  line-height:1.65!important;
  box-shadow:none!important;
}
body.tc-standalone .tc-main textarea{min-height:112px!important}
body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.tc-native-picker-input):focus,
body.tc-standalone .tc-main select:focus,
body.tc-standalone .tc-main textarea:focus{
  border-color:var(--tc-ui-accent)!important;
  box-shadow:0 0 0 4px rgba(49,95,213,.13)!important;
}
body.tc-standalone .tc-main .tc-checks label,
body.tc-standalone .tc-main .tc-checkbox-card{
  min-height:var(--tc-ui-control-h)!important;
  padding:10px 12px!important;
  border:1px solid var(--tc-ui-border)!important;
  border-radius:var(--tc-ui-radius-sm)!important;
  background:var(--tc-ui-surface-subtle)!important;
  color:#344054!important;
}
body.tc-standalone .tc-main .tc-checks label:hover,
body.tc-standalone .tc-main .tc-checkbox-card:hover{
  border-color:var(--tc-ui-border-strong)!important;
  background:#f5f8fc!important;
}

/* One button family: primary blue, neutral white, warning amber, danger red. */
body.tc-standalone .tc-main .button,
body.tc-standalone .tc-main button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close),
body.tc-standalone .tc-main input[type="submit"],
body.tc-standalone .tc-account-page .button,
body.tc-standalone .tc-modal .button{
  min-height:var(--tc-ui-button-h)!important;
  padding:8px 16px!important;
  border:1px solid var(--tc-ui-border-strong)!important;
  border-radius:var(--tc-ui-radius-sm)!important;
  background:var(--tc-ui-surface)!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.4!important;
  box-shadow:none!important;
}
body.tc-standalone .tc-main .button:hover,
body.tc-standalone .tc-main button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close):hover,
body.tc-standalone .tc-main input[type="submit"]:hover,
body.tc-standalone .tc-modal .button:hover{
  transform:none!important;
  border-color:#afbdcf!important;
  background:#f7f9fc!important;
  box-shadow:none!important;
}
body.tc-standalone .tc-main .button-primary,
body.tc-standalone .tc-main button.button-primary,
body.tc-standalone .tc-main input.button-primary[type="submit"],
body.tc-standalone .tc-modal .button-primary{
  border-color:var(--tc-ui-accent)!important;
  background:var(--tc-ui-accent)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(49,95,213,.18)!important;
}
body.tc-standalone .tc-main .button-primary:hover,
body.tc-standalone .tc-main button.button-primary:hover,
body.tc-standalone .tc-modal .button-primary:hover{
  border-color:var(--tc-ui-accent-hover)!important;
  background:var(--tc-ui-accent-hover)!important;
}

body.tc-standalone .tc-main .button-warning{
  border-color:#e6c27b!important;
  background:var(--tc-ui-warning-soft)!important;
  color:var(--tc-ui-warning)!important;
}
body.tc-standalone .tc-main .button-danger,
body.tc-standalone .tc-main .button-link-delete,
body.tc-standalone .tc-modal .button-logout{
  border-color:#efc6c2!important;
  background:var(--tc-ui-danger-soft)!important;
  color:var(--tc-ui-danger)!important;
  box-shadow:none!important;
}
body.tc-standalone .tc-main .tc-row-actions .button,
body.tc-standalone .tc-main .widefat .button{
  min-height:38px!important;
  padding:6px 12px!important;
  border-radius:9px!important;
  font-size:11px!important;
}

/* Tables, tabs and state labels. */
body.tc-standalone .tc-main .tc-table-wrap{
  border:1px solid var(--tc-ui-border)!important;
  border-radius:14px!important;
  background:var(--tc-ui-surface)!important;
  box-shadow:none!important;
}
body.tc-standalone .tc-main .widefat th{
  background:#f5f7fa!important;
  color:#46546a!important;
  font-size:11.5px!important;
}
body.tc-standalone .tc-main .widefat td{color:#344054!important;font-size:11.5px!important}
body.tc-standalone .tc-main .widefat tbody tr:nth-child(even) td{background:#fbfcfe!important}
body.tc-standalone .tc-main .widefat tbody tr:hover td{background:#f3f6fb!important}


body.tc-standalone .tc-main .tc-status-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:4px 9px!important;
  border:1px solid var(--tc-ui-border)!important;
  border-radius:999px!important;
  background:#f5f7fa!important;
  color:#526078!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
body.tc-standalone .tc-main .tc-status-info,
body.tc-standalone .tc-main .tc-status-sending,
body.tc-standalone .tc-main .tc-status-queued{
  border-color:#c9d8fb!important;
  background:var(--tc-ui-info-soft)!important;
  color:#294fae!important;
}
body.tc-standalone .tc-main .tc-status-completed{
  border-color:#bcdcca!important;
  background:var(--tc-ui-success-soft)!important;
  color:var(--tc-ui-success)!important;
}
body.tc-standalone .tc-main .tc-status-warning,
body.tc-standalone .tc-main .tc-status-paused{
  border-color:#ead39f!important;
  background:var(--tc-ui-warning-soft)!important;
  color:var(--tc-ui-warning)!important;
}
body.tc-standalone .tc-main .tc-status-failed,
body.tc-standalone .tc-main .tc-status-error{
  border-color:#efc6c2!important;
  background:var(--tc-ui-danger-soft)!important;
  color:var(--tc-ui-danger)!important;
}

/* Notices communicate state through a restrained border, not repeated emojis. */
body.tc-standalone .tc-main .notice,
body.tc-standalone .tc-main .tc-note,
body.tc-standalone .tc-main .tc-system-note{
  position:relative!important;
  margin:0 0 16px!important;
  padding:13px 15px!important;
  border:1px solid var(--tc-ui-border)!important;
  border-inline-start-width:4px!important;
  border-radius:12px!important;
  background:var(--tc-ui-surface)!important;
  color:#344054!important;
  box-shadow:none!important;
}
body.tc-standalone .tc-main .notice p{margin:0!important}
body.tc-standalone .tc-main .notice-success{
  border-color:#c9d8fb!important;
  border-inline-start-color:var(--tc-ui-info)!important;
  background:var(--tc-ui-info-soft)!important;
  color:#294fae!important;
}
body.tc-standalone .tc-main .notice-warning{
  border-color:#ead39f!important;
  border-inline-start-color:#c98616!important;
  background:var(--tc-ui-warning-soft)!important;
  color:#724600!important;
}
body.tc-standalone .tc-main .notice-error{
  border-color:#efc6c2!important;
  border-inline-start-color:var(--tc-ui-danger)!important;
  background:var(--tc-ui-danger-soft)!important;
  color:#912018!important;
}

/* Security summary: quiet blue indicators; green is reserved for real outcomes. */
body.tc-standalone .tc-security-guidance{
  margin:-4px 0 16px!important;
  padding:12px 13px!important;
  border:1px solid var(--tc-ui-border)!important;
  border-radius:11px!important;
  background:var(--tc-ui-surface-subtle)!important;
  color:var(--tc-ui-text-soft)!important;
  font-size:11.5px!important;
  line-height:1.8!important;
}
body.tc-standalone .tc-security-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body.tc-standalone .tc-security-list li{
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:48px!important;
  padding:10px 12px!important;
  border:1px solid var(--tc-ui-border)!important;
  border-radius:11px!important;
  background:var(--tc-ui-surface-subtle)!important;
  color:#344054!important;
  font-size:11px!important;
  line-height:1.65!important;
}
body.tc-standalone .tc-security-indicator{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:var(--tc-ui-accent)!important;
  box-shadow:0 0 0 3px rgba(49,95,213,.10)!important;
}
body.tc-standalone .tc-security-list li small{
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#e9effb!important;
  color:#3157ae!important;
  font-size:9px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.tc-standalone .tc-security-list li.is-warning .tc-security-indicator{
  background:#c98616!important;
  box-shadow:0 0 0 3px rgba(201,134,22,.12)!important;
}
body.tc-standalone .tc-security-list li.is-warning small{
  background:#fff0cf!important;
  color:#7a4a00!important;
}
body.tc-standalone .tc-integrity-all-good{
  padding:13px 14px!important;
  border:1px solid #c9d8fb!important;
  border-radius:12px!important;
  background:var(--tc-ui-info-soft)!important;
  color:#294fae!important;
}

/* Consistent modal and compact controls. */
body.tc-standalone .tc-modal-card,
body.tc-standalone .tc-modal-dialog{
  border:1px solid var(--tc-ui-border)!important;
  border-radius:18px!important;
  background:var(--tc-ui-surface)!important;
  box-shadow:0 28px 76px rgba(15,23,42,.24)!important;
}
body.tc-standalone .tc-icon-button,
body.tc-standalone .tc-modal-close,
body.tc-standalone .tc-password-toggle,
body.tc-standalone .tc-iso-picker-button,
body.tc-standalone .tc-chat-edit-close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border-radius:10px!important;
}

@media (max-width:960px){
  body.tc-standalone .tc-sidebar{box-shadow:0 20px 60px rgba(4,10,20,.34)!important}
  body.tc-standalone .tc-nav-items{padding:5px 4px 8px!important}
}

@media (max-width:720px){
  body.tc-standalone .tc-main{padding:12px 9px max(36px,calc(env(safe-area-inset-bottom,0px) + 24px))!important}
  body.tc-standalone .tc-main .tc-card,body.tc-standalone .tc-main .tc-settings-card,body.tc-standalone .tc-main .tc-list-card,body.tc-standalone .tc-main .tc-template-card,body.tc-standalone .tc-main .tc-external-gateway-card,body.tc-standalone .tc-main .tc-subscription-panel,body.tc-standalone .tc-main .tc-reset-card,body.tc-standalone .tc-account-card{padding:15px!important;border-radius:14px!important}
  body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.tc-native-picker-input),
  body.tc-standalone .tc-main select,
  body.tc-standalone .tc-main textarea{min-height:50px!important;font-size:16px!important}
  body.tc-standalone .tc-security-list{grid-template-columns:1fr!important}
  body.tc-standalone .tc-main .tc-form-actions,body.tc-standalone .tc-main .tc-save-bar{display:grid!important;grid-template-columns:1fr!important}
  body.tc-standalone .tc-main .tc-form-actions .button,body.tc-standalone .tc-main .tc-save-bar .button{width:100%!important;min-height:48px!important}
}

/* Variant specificity guard for native <button> controls. */
body.tc-standalone .tc-main button.button-primary:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close){
  border-color:var(--tc-ui-accent)!important;
  background:var(--tc-ui-accent)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(49,95,213,.18)!important;
}
body.tc-standalone .tc-main button.button-primary:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):hover{
  border-color:var(--tc-ui-accent-hover)!important;
  background:var(--tc-ui-accent-hover)!important;
}
body.tc-standalone .tc-main button.button-warning:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close){
  border-color:#e6c27b!important;
  background:var(--tc-ui-warning-soft)!important;
  color:var(--tc-ui-warning)!important;
}
body.tc-standalone .tc-main button.button-danger:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close),
body.tc-standalone .tc-main button.button-link-delete:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close){
  border-color:#efc6c2!important;
  background:var(--tc-ui-danger-soft)!important;
  color:var(--tc-ui-danger)!important;
  box-shadow:none!important;
}

/* Calm gateway and integrity states without repeated decorative check marks. */
body.tc-standalone .tc-gateway-visibility{
  margin-bottom:14px!important;
  padding:10px 12px!important;
  border:1px solid var(--tc-ui-border)!important;
  border-inline-start-width:4px!important;
  border-radius:11px!important;
  background:var(--tc-ui-surface-subtle)!important;
  color:#475467!important;
  font-size:11.5px!important;
  line-height:1.75!important;
}
body.tc-standalone .tc-gateway-visibility.is-visible{
  border-inline-start-color:var(--tc-ui-accent)!important;
  background:var(--tc-ui-info-soft)!important;
  color:#294fae!important;
}
body.tc-standalone .tc-gateway-visibility.is-hidden{
  border-inline-start-color:#c98616!important;
  background:var(--tc-ui-warning-soft)!important;
  color:#724600!important;
}
body.tc-standalone .tc-payment-integrity-summary .tc-integrity-summary-item{
  position:relative!important;
  min-height:46px!important;
  padding:11px 32px 11px 12px!important;
  border:1px solid var(--tc-ui-border)!important;
  border-radius:11px!important;
  background:var(--tc-ui-surface-subtle)!important;
  color:#475467!important;
}
html[dir="ltr"] body.tc-standalone .tc-payment-integrity-summary .tc-integrity-summary-item{
  padding:11px 12px 11px 32px!important;
}
body.tc-standalone .tc-payment-integrity-summary .tc-integrity-summary-item::before{
  content:""!important;
  position:absolute!important;
  inset-inline-start:13px!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:var(--tc-ui-accent)!important;
  transform:translateY(-50%)!important;
  box-shadow:0 0 0 3px rgba(49,95,213,.10)!important;
}
body.tc-standalone .tc-integrity-healthy ul{
  display:grid!important;
  gap:8px!important;
  margin:12px 0!important;
  padding:0!important;
  list-style:none!important;
}
body.tc-standalone .tc-integrity-healthy li{
  position:relative!important;
  padding-inline-start:18px!important;
  color:#475467!important;
  line-height:1.75!important;
}
body.tc-standalone .tc-integrity-healthy li::before{
  content:""!important;
  position:absolute!important;
  inset-inline-start:0!important;
  top:.72em!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:var(--tc-ui-accent)!important;
}

/* Login success uses the same restrained information language as the panel. */
body.tc-login-page .tc-login-success{
  border:1px solid #c9d8fb!important;
  background:#edf3ff!important;
  color:#294fae!important;
}
body.tc-login-page .tc-login-status-mark{
  flex:0 0 auto!important;
  width:9px!important;
  height:9px!important;
  margin-top:.55em!important;
  border-radius:50%!important;
  background:#315fd5!important;
  box-shadow:0 0 0 4px rgba(49,95,213,.11)!important;
}


/* TeleCode v1 — طبقة توافق موحدة بلا تغيير الهوية البصرية */
.tc-unified-sidebar .tc-nav-flyout,.tc-unified-sidebar [data-desktop-flyout]{display:none!important}
.tc-unified-sidebar .tc-sidebar .tc-nav-children,.tc-unified-sidebar .tc-sidebar .submenu{position:static!important;inset:auto!important;transform:none!important;width:auto!important;min-width:0!important;max-width:none!important;box-shadow:none!important}
.tc-support-media-image{display:block;max-width:min(100%,360px);max-height:300px;object-fit:contain;border-radius:12px;margin-top:8px}
.tc-support-media-player{display:block;width:min(100%,420px);max-width:100%;margin-top:8px}
.tc-support-media-link{display:inline-block;max-width:100%}
@media (max-width: 900px){
  html,body{max-width:100%;overflow-x:hidden}
  .tc-admin-shell,.tc-admin-main,.tc-page,.wrap,.tc-content{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
  .tc-grid,.tc-form-grid,.tc-cards,.tc-settings-grid{grid-template-columns:minmax(0,1fr)!important}
  .tc-card,.tc-panel,.tc-section,.tc-table-wrap,.tc-chat-layout,.tc-chat-panel{min-width:0!important;max-width:100%!important}
  table{max-width:none}
  .tc-table-wrap,.widefat-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  input,select,textarea,button{max-width:100%;box-sizing:border-box}
  input,select,textarea{font-size:16px!important}
  .tc-topbar{gap:8px!important}
  .tc-profile-menu,.tc-account-menu{max-width:calc(100vw - 24px)!important;inset-inline-end:12px!important;inset-inline-start:auto!important}
  .tc-chat-layout{display:block!important}
  .tc-chat-list,.tc-chat-panel{width:100%!important}
  .tc-chat-panel:not(.is-selected){display:none}
}
@media (max-width: 480px){
  .tc-page,.wrap,.tc-content{padding-inline:12px!important}
  .button,.tc-button,button{min-height:42px}
  .tc-actions,.tc-form-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .tc-actions>* ,.tc-form-actions>*{flex:1 1 140px}
}

/* ======================================================================
   TeleCode v1 — إصلاح نهائي للتوافق دون تغيير هوية اللوحة
   - قائمة واحدة متدرجة في الهاتف والكمبيوتر
   - تموضع ثابت ومنظم لقائمة الحساب
   - منع خروج الحقول والجداول من شاشة الهاتف
   ====================================================================== */

/* القائمة المتدرجة نفسها في جميع المقاسات */
.tc-unified-sidebar .tc-sidebar .tc-nav-group{
  overflow:hidden!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-group>summary{
  width:100%!important;
  box-sizing:border-box!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-items{
  position:static!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:4px 6px 8px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-group:not([open])>.tc-nav-items{
  display:none!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-link{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:39px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  border-radius:8px!important;
  color:#b8c3d1!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.55!important;
  overflow:hidden!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-link>span:not(.tc-nav-link-icon):not(.tc-nav-attention-badge){
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-link:hover{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-link.is-active{
  background:#315fd5!important;
  color:#fff!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-group[open]>summary{
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
}
.tc-unified-sidebar .tc-sidebar .tc-nav-group[open] .tc-nav-chevron{
  transform:rotate(180deg)!important;
}
.tc-unified-sidebar .tc-nav-flyout,
.tc-unified-sidebar [data-desktop-flyout]{
  display:none!important;
}

/* زر الحساب وقائمته: لا يدفعان المحتوى ولا يخرجان من الشاشة */
body.tc-standalone .tc-user-menu{
  position:relative!important;
  flex:0 0 auto!important;
  z-index:2100!important;
}
body.tc-standalone .tc-user-menu>summary{
  box-sizing:border-box!important;
  outline:0!important;
  box-shadow:none!important;
}
body.tc-standalone .tc-user-menu>summary:focus-visible{
  border-color:#7d9bed!important;
  box-shadow:0 0 0 3px rgba(49,95,213,.14)!important;
}
body.tc-standalone .tc-user-menu[open]>summary{
  border-color:#9cb3ee!important;
  background:#f7f9ff!important;
}
body.tc-standalone .tc-user-dropdown{
  display:grid!important;
  gap:3px!important;
  max-width:calc(100vw - 20px)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.tc-standalone .tc-user-dropdown>a,
body.tc-standalone .tc-user-language,
body.tc-standalone .tc-logout-trigger{
  box-sizing:border-box!important;
  min-width:0!important;
  white-space:normal!important;
  line-height:1.55!important;
}
body.tc-standalone .tc-user-language{
  flex-wrap:wrap!important;
}
body.tc-standalone .tc-user-language a{
  min-width:0!important;
}

/* مربعات الاختيار تبقى صغيرة ومحاذاة، ولا تتحول إلى علامة ضخمة على الهاتف */
body.tc-standalone .tc-main input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  flex:0 0 18px!important;
  padding:0!important;
  margin:0!important;
  border-radius:5px!important;
}
body.tc-standalone .tc-main input[type="checkbox"]::before{
  width:8px!important;
  height:4px!important;
}

/* توافق عام حقيقي مع الهاتف واللوحي */
@media (max-width:960px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.tc-standalone{
    min-width:0!important;
  }
  body.tc-standalone .tc-app,
  body.tc-standalone .tc-main-scroll,
  body.tc-standalone .tc-main{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.tc-standalone .tc-main-scroll{
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body.tc-standalone .tc-sidebar{
    overflow:hidden!important;
  }
  body.tc-standalone .tc-sidebar-scroll{
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body.tc-standalone .tc-sidebar-nav{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.tc-standalone .tc-topbar{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.tc-standalone .tc-topbar-start{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  body.tc-standalone .tc-page-heading{
    min-width:0!important;
  }
  body.tc-standalone .tc-page-heading h1{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.tc-standalone .tc-topbar-actions{
    flex:0 0 auto!important;
    min-width:0!important;
  }
  body.tc-standalone .tc-user-menu>summary{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  body.tc-standalone .tc-user-avatar{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:9px!important;
  }
  body.tc-standalone .tc-user-copy,
  body.tc-standalone .tc-user-arrow{
    display:none!important;
  }
  body.tc-standalone .tc-user-dropdown{
    position:fixed!important;
    top:calc(var(--tc-topbar-height) + 8px)!important;
    inset-inline-end:10px!important;
    inset-inline-start:auto!important;
    width:min(286px,calc(100vw - 20px))!important;
    max-height:calc(100dvh - var(--tc-topbar-height) - 20px)!important;
    overflow-y:auto!important;
    z-index:2500!important;
  }
  body.tc-standalone .tc-main,
  body.tc-standalone .tc-main *,
  body.tc-standalone .tc-main *::before,
  body.tc-standalone .tc-main *::after{
    box-sizing:border-box!important;
  }
  body.tc-standalone .tc-main .tc-card,
  body.tc-standalone .tc-main .tc-settings-card,
  body.tc-standalone .tc-main .tc-panel,
  body.tc-standalone .tc-main .tc-section,
  body.tc-standalone .tc-main .tc-table-wrap,
  body.tc-standalone .tc-main form,
  body.tc-standalone .tc-main fieldset,
  body.tc-standalone .tc-main details{
    min-width:0!important;
    max-width:100%!important;
  }
  body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.tc-standalone .tc-main select,
  body.tc-standalone .tc-main textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.tc-standalone .tc-main .tc-form-grid,
  body.tc-standalone .tc-main .tc-settings-grid,
  body.tc-standalone .tc-main .tc-grid,
  body.tc-standalone .tc-main .tc-cards{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media (max-width:720px){
  body.tc-standalone .tc-main{
    padding:12px 8px 32px!important;
  }
  body.tc-standalone .tc-main .tc-card,
  body.tc-standalone .tc-main .tc-settings-card,
  body.tc-standalone .tc-main .tc-panel{
    padding:13px!important;
  }
  body.tc-standalone .tc-main .tc-table-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table tbody,
  body.tc-standalone .tc-main table.tc-responsive-table tr{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:minmax(92px,32%) minmax(0,1fr)!important;
    padding:10px 11px!important;
    gap:9px!important;
    overflow:hidden!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td::before{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td>*{
    min-width:0!important;
    max-width:100%!important;
  }
  body.tc-standalone .tc-main .tc-countries-table td{
    unicode-bidi:plaintext!important;
  }
  body.tc-standalone .tc-main .tc-countries-table td:first-child{
    overflow-wrap:anywhere!important;
  }
  body.tc-standalone .tc-main .tc-inline-form,
  body.tc-standalone .tc-main .tc-row-actions,
  body.tc-standalone .tc-main .tc-form-actions,
  body.tc-standalone .tc-main .tc-actions{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.tc-standalone .tc-main .tc-inline-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.tc-standalone .tc-main .tc-inline-form .button,
  body.tc-standalone .tc-main .tc-row-actions .button,
  body.tc-standalone .tc-main .tc-form-actions .button{
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:400px){
  body.tc-standalone .tc-topbar{
    padding-inline:8px!important;
  }
  body.tc-standalone .tc-mobile-menu{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
  body.tc-standalone .tc-user-menu>summary{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  body.tc-standalone .tc-user-avatar{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
  }
  body.tc-standalone .tc-main table.tc-responsive-table td{
    grid-template-columns:minmax(84px,30%) minmax(0,1fr)!important;
    padding:9px!important;
    gap:7px!important;
  }
}

@media (max-width:960px){
  body.tc-standalone .tc-sidebar{
    visibility:hidden!important;
    pointer-events:none!important;
    box-shadow:none!important;
  }
  body.tc-standalone.tc-sidebar-open .tc-sidebar{
    visibility:visible!important;
    pointer-events:auto!important;
    box-shadow:0 20px 60px rgba(16,24,40,.32)!important;
  }
}

body.tc-standalone .tc-sidebar-brand{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.tc-standalone .tc-sidebar-brand .tc-brand-mark,
body.tc-standalone .tc-sidebar-brand .tc-sidebar-close{
  flex:0 0 auto!important;
}

/* TeleCode admin-only mobile corrections: checkboxes, user badge, users page, countries, attachments. */
body.tc-standalone .tc-main input[type="checkbox"]{
  direction:ltr!important;
  transform:none!important;
}
body.tc-standalone .tc-main input[type="checkbox"]::before,
html[dir="rtl"] body.tc-standalone .tc-main input[type="checkbox"]::before{
  content:""!important;
  box-sizing:border-box!important;
  width:6px!important;
  height:10px!important;
  border:0!important;
  border-right:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:translateY(-1px) rotate(45deg) scale(0)!important;
  transform-origin:center!important;
}
body.tc-standalone .tc-main input[type="checkbox"]:checked::before,
html[dir="rtl"] body.tc-standalone .tc-main input[type="checkbox"]:checked::before{
  transform:translateY(-1px) rotate(45deg) scale(1)!important;
}

body[data-admin-page="telecode-users"] .tc-users-summary{
  grid-template-columns:minmax(0,1fr)!important;
}
body[data-admin-page="telecode-users"] .tc-users-summary .tc-stat{
  width:100%!important;
  max-width:none!important;
}
body[data-admin-page="telecode-users"] .tc-user-identity-copy{
  min-width:0!important;
  max-width:100%!important;
}
body[data-admin-page="telecode-users"] .tc-user-identity-copy strong,
body[data-admin-page="telecode-users"] .tc-user-meta{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body[data-admin-page="telecode-users"] .tc-user-meta{
  unicode-bidi:plaintext!important;
  text-align:start!important;
}
body[data-admin-page="telecode-users"] .tc-user-language{
  margin:0!important;
  color:#6f7d91!important;
}
body[data-admin-page="telecode-users"] .tc-admin-datetime{
  display:block!important;
  max-width:100%!important;
  color:#7a8699!important;
  font-size:10.5px!important;
  line-height:1.6!important;
  white-space:normal!important;
  unicode-bidi:isolate!important;
}

/* The administrator initial is one clean square on phones, without the outer duplicate frame. */
@media (max-width:720px){
  body.tc-standalone .tc-user-menu>summary{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.tc-standalone .tc-user-menu>summary .tc-user-avatar{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border:1px solid #d8e1ee!important;
    border-radius:12px!important;
    background:#eef3ff!important;
    box-shadow:none!important;
  }

  body[data-admin-page="telecode-users"] .tc-page-stats{
    margin-bottom:12px!important;
  }
  body[data-admin-page="telecode-users"] .tc-page-stats .tc-stat{
    min-height:86px!important;
    padding:13px 14px!important;
    border-radius:14px!important;
  }
  body[data-admin-page="telecode-users"] .tc-page-stats .tc-stat strong{
    font-size:24px!important;
  }
  body[data-admin-page="telecode-users"] .tc-users-toolbar{
    margin-bottom:12px!important;
    padding:12px!important;
  }
  body[data-admin-page="telecode-users"] .tc-users-toolbar .tc-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table tbody{
    gap:10px!important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table tr{
    overflow:hidden!important;
    border:1px solid #dfe6ef!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(16,24,40,.035)!important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table td{
    grid-template-columns:minmax(78px,26%) minmax(0,1fr)!important;
    padding:10px 12px!important;
    gap:8px!important;
    align-items:center!important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table td::before{
    align-self:start!important;
    padding-top:2px!important;
    font-size:10.5px!important;
  }
  body[data-admin-page="telecode-users"] .tc-user-identity{
    width:100%!important;
    min-width:0!important;
    gap:10px!important;
  }
  body[data-admin-page="telecode-users"] .tc-user-avatar{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  body[data-admin-page="telecode-users"] .tc-user-statuses,
  body[data-admin-page="telecode-users"] .tc-user-activity{
    width:100%!important;
    align-items:flex-start!important;
    gap:5px!important;
  }
  body[data-admin-page="telecode-users"] .tc-balance-stack{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body[data-admin-page="telecode-users"] .tc-balance-stack span{
    min-width:0!important;
    padding:8px 9px!important;
  }

  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-name{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:8px!important;
    direction:rtl!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-name>span:last-child{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-name strong,
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-name small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-overflow:clip!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-name small{
    direction:ltr!important;
    unicode-bidi:plaintext!important;
    text-align:right!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-active{
    justify-content:flex-start!important;
  }
}

@media (max-width:400px){
  body.tc-standalone .tc-user-menu>summary .tc-user-avatar{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
  body[data-admin-page="telecode-users"] .tc-users-table td{
    grid-template-columns:minmax(72px,25%) minmax(0,1fr)!important;
    padding:9px 10px!important;
  }
}

.tc-support-media-link{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:8px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  cursor:zoom-in!important;
  text-align:start!important;
}
.tc-support-media-image{
  display:block!important;
  max-width:min(100%,360px)!important;
  max-height:300px!important;
  object-fit:contain!important;
  border:1px solid #dfe6ef!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
.tc-support-media-error{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:180px!important;
  min-height:82px!important;
  padding:12px!important;
  border:1px dashed #d0d8e5!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#667085!important;
  font-size:11px!important;
  line-height:1.7!important;
}
.tc-support-media-error[hidden]{display:none!important}
.tc-attachment-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  min-height:40px!important;
  margin-top:8px!important;
  padding:8px 12px!important;
  border:1px solid #d7e0ec!important;
  border-radius:10px!important;
  background:#f7f9fc!important;
  color:#315fd5!important;
  text-decoration:none!important;
  font:inherit!important;
  cursor:pointer!important;
}
.tc-support-viewer{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
}
.tc-support-viewer[hidden]{display:none!important}
.tc-support-viewer-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(15,23,42,.72)!important;
}
.tc-support-viewer-dialog{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  width:min(94vw,960px)!important;
  max-height:92dvh!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
.tc-support-viewer-dialog>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:52px!important;
  padding:10px 14px!important;
  border-bottom:1px solid #e7ecf2!important;
}
.tc-support-viewer-dialog>header button{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#f2f4f7!important;
  color:#344054!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.tc-support-viewer-body{
  display:grid!important;
  place-items:center!important;
  min-height:220px!important;
  max-height:calc(92dvh - 54px)!important;
  overflow:auto!important;
  padding:14px!important;
  background:#eef2f7!important;
}
.tc-support-viewer-body img{
  display:block!important;
  max-width:100%!important;
  max-height:calc(92dvh - 90px)!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.tc-support-viewer-body iframe{
  display:block!important;
  width:100%!important;
  height:min(78dvh,760px)!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
}
.tc-support-viewer-body img[hidden],
.tc-support-viewer-body iframe[hidden],
.tc-support-viewer-error[hidden]{display:none!important}
.tc-support-viewer-error{
  padding:18px!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#b42318!important;
  text-align:center!important;
}
body.tc-support-viewer-open{overflow:hidden!important}


/* TeleCode support attachments + responsive conversation composer (2026-07) */
body[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
  background:linear-gradient(180deg,#ffffff 0,#fbfcff 100%)!important;
  border-color:#dbe4f0!important;
  box-shadow:0 12px 34px rgba(30,55,90,.08)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-customers{
  border-color:#dbe4f0!important;
  background:#fff!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
  background:linear-gradient(135deg,#f7faff,#eef4ff)!important;
  border-bottom:1px solid #dce6f4!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
  background:
    radial-gradient(circle at 20% 20%,rgba(49,95,213,.035),transparent 28%),
    linear-gradient(180deg,#f7f9fc,#f3f6fa)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out{
  background:linear-gradient(135deg,#2f6fed,#2458c7)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 22px rgba(47,111,237,.18)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out .tc-chat-bubble-top,
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out footer{color:rgba(255,255,255,.76)!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-in{
  background:#fff!important;
  border:1px solid #dfe7f1!important;
  box-shadow:0 7px 20px rgba(31,50,78,.07)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system{
  background:#fff8e7!important;
  border:1px solid #f3d58c!important;
  color:#7a4b00!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-support-media-image{
  display:block!important;
  width:min(100%,420px)!important;
  max-height:360px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  border:1px solid rgba(20,42,77,.12)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-support-media-player{
  display:block!important;
  width:min(100%,460px)!important;
  max-height:360px!important;
  margin-top:8px!important;
  border-radius:12px!important;
  background:#111827!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-attachment-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%!important;
  margin-top:9px!important;
  padding:9px 12px!important;
  border:1px solid #cdd9eb!important;
  border-radius:11px!important;
  background:#f5f8fd!important;
  color:#244b98!important;
  font-size:10.5px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  cursor:pointer!important;
}
body[data-admin-page="telecode-customer-chat"] .is-out .tc-attachment-chip{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
  position:sticky!important;
  bottom:0!important;
  z-index:25!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  grid-template-areas:"attach field send" "help help help"!important;
  align-items:end!important;
  gap:8px!important;
  padding:12px!important;
  border-top:1px solid #dce5f0!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(10px)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{
  grid-area:attach!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border:1px solid #cdd8e8!important;
  border-radius:12px!important;
  background:#f6f8fc!important;
  color:#315fd5!important;
  font-size:19px!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button:hover{background:#eaf1ff!important;border-color:#a9bde8!important;transform:translateY(-1px)!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{grid-area:field!important;min-width:0!important;display:grid!important;gap:6px!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-composer textarea{
  width:100%!important;
  min-height:42px!important;
  max-height:150px!important;
  margin:0!important;
  padding:10px 13px!important;
  border:1px solid #cdd8e8!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 2px rgba(16,24,40,.03)!important;
  resize:none!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-composer textarea:focus{border-color:#6f94ed!important;box-shadow:0 0 0 3px rgba(47,111,237,.12)!important;outline:0!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
  padding:7px 9px!important;
  border:1px solid #b9cbed!important;
  border-radius:10px!important;
  background:#eef4ff!important;
  color:#244b98!important;
  font-size:10px!important;
  font-weight:700!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip[hidden]{display:none!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip button{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;border:0!important;border-radius:50%!important;background:#dbe7ff!important;color:#214eaa!important;font-size:17px!important;cursor:pointer!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{grid-area:send!important;min-height:42px!important;padding-inline:18px!important;border-radius:12px!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{grid-area:help!important;margin:0 50px 0 0!important;color:#7b8799!important;font-size:8.5px!important;line-height:1.6!important}
html[dir="ltr"] body[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{margin:0 0 0 50px!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages{
  position:sticky!important;
  top:8px!important;
  z-index:30!important;
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  margin:8px auto -4px!important;
  padding:8px 14px!important;
  border:0!important;
  border-radius:999px!important;
  background:#2f6fed!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(47,111,237,.25)!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages[hidden]{display:none!important}
body[data-admin-page="telecode-customer-chat"] .notice-success{border-inline-start:4px solid #18a874!important;background:#effcf6!important;color:#126b4d!important}
body[data-admin-page="telecode-customer-chat"] .notice-error{border-inline-start:4px solid #dc4c4c!important;background:#fff2f2!important;color:#9b2525!important}
body[data-admin-page="telecode-customer-chat"] .notice-warning{border-inline-start:4px solid #e7a51a!important;background:#fff8e8!important;color:#815300!important}

@media (max-width:782px){
  body[data-admin-page="telecode-customer-chat"] .tc-chat-panel{min-height:calc(100dvh - 108px)!important;border-radius:14px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-messages{min-height:calc(100dvh - 300px)!important;max-height:calc(100dvh - 245px)!important;padding:12px 9px 18px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{max-width:92%!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
    grid-template-columns:40px minmax(0,1fr) 58px!important;
    gap:7px!important;
    padding:9px max(9px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{width:40px!important;height:40px!important;border-radius:11px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{min-width:58px!important;width:58px!important;padding:0 8px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{margin:0!important;text-align:center!important;font-size:8px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-support-media-image,
  body[data-admin-page="telecode-customer-chat"] .tc-support-media-player{width:100%!important;max-height:300px!important}
}

@media (max-width:420px){
  body[data-admin-page="telecode-customer-chat"] .tc-chat-composer{grid-template-columns:38px minmax(0,1fr) 54px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{width:38px!important;height:38px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{min-width:54px!important;width:54px!important;font-size:10px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person p{max-width:62vw!important}
}
body[data-admin-page="telecode-customer-chat"] .screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Final semantic status palette: green success, blue processing, yellow waiting, red failure. */
body.tc-standalone .tc-main .tc-status-neutral{
  border-color:#d8dee8!important;
  background:#f4f6f9!important;
  color:#5d697b!important;
}
body.tc-standalone .tc-main .notice-success{
  border-color:#bcdcca!important;
  border-inline-start-color:#16835e!important;
  background:#effaf4!important;
  color:#116346!important;
}
body.tc-standalone .tc-main .tc-status-completed{
  border-color:#bcdcca!important;
  background:#effaf4!important;
  color:#116346!important;
}
body.tc-standalone .tc-main .tc-status-info{
  border-color:#c9d8fb!important;
  background:#eef4ff!important;
  color:#294fae!important;
}
body.tc-standalone .tc-main .tc-status-warning{
  border-color:#ead39f!important;
  background:#fff8e7!important;
  color:#7a4b00!important;
}
body.tc-standalone .tc-main .tc-status-failed{
  border-color:#efc6c2!important;
  background:#fff2f1!important;
  color:#98261d!important;
}

/* ======================================================================
   TeleCode hardened administration UI
   This final block is authoritative for buttons, support chat, attachments,
   and phone reflow. It intentionally adds no new controls or functions.
   ====================================================================== */

/* Buttons must remain visually distinct from white panels. */
body.tc-standalone .tc-main .button,
body.tc-standalone .tc-main button.button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border:1px solid #b9c9e5!important;
  border-radius:11px!important;
  background:#edf3ff!important;
  color:#244f9f!important;
  box-shadow:0 2px 7px rgba(34,68,125,.08)!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transform:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
body.tc-standalone .tc-main .button:hover,
body.tc-standalone .tc-main button.button:hover{
  border-color:#8da9dc!important;
  background:#e1ebff!important;
  color:#1d438b!important;
  box-shadow:0 4px 11px rgba(34,68,125,.12)!important;
  transform:none!important;
}
body.tc-standalone .tc-main .button:focus-visible,
body.tc-standalone .tc-main button.button:focus-visible{
  outline:3px solid rgba(47,103,216,.22)!important;
  outline-offset:2px!important;
}
body.tc-standalone .tc-main .button-primary,
body.tc-standalone .tc-main button.button-primary{
  border-color:#2f67d8!important;
  background:#2f67d8!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(47,103,216,.22)!important;
}
body.tc-standalone .tc-main .button-primary:hover,
body.tc-standalone .tc-main button.button-primary:hover{
  border-color:#2455b8!important;
  background:#2455b8!important;
  color:#fff!important;
}
body.tc-standalone .tc-main .button-warning{
  border-color:#dfb64e!important;
  background:#fff4d4!important;
  color:#754900!important;
}
body.tc-standalone .tc-main .button-danger,
body.tc-standalone .tc-main .button-link-delete{
  border-color:#e5aaa4!important;
  background:#fff0ef!important;
  color:#9b271e!important;
}
body.tc-standalone .tc-main .button[disabled],
body.tc-standalone .tc-main .button[aria-disabled="true"]{
  opacity:.58!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

/* Support page: clean desktop structure. */
body[data-admin-page="telecode-customer-chat"] .tc-chat-layout{
  display:grid!important;
  grid-template-columns:minmax(290px,340px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-customers,
body[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
  min-width:0!important;
  border:1px solid #d8e2ef!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(22,39,68,.07)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
  display:flex!important;
  flex-direction:column!important;
  min-height:620px!important;
  overflow:hidden!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:72px!important;
  padding:14px 16px!important;
  border-bottom:1px solid #e2e8f1!important;
  background:#fff!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back{display:none!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
  min-height:420px!important;
  max-height:calc(100dvh - 290px)!important;
  padding:18px!important;
  overflow-y:auto!important;
  background:linear-gradient(180deg,#f7f9fc 0%,#f2f6fb 100%)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{
  width:fit-content!important;
  max-width:min(76%,680px)!important;
  padding:10px 12px 8px!important;
  border:1px solid #dbe4ef!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#17243b!important;
  box-shadow:0 5px 16px rgba(22,39,68,.055)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-in{
  align-self:flex-start!important;
  border-start-start-radius:5px!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out{
  align-self:flex-end!important;
  border-color:#bdd1f3!important;
  border-start-end-radius:5px!important;
  background:#e8f1ff!important;
  color:#17243b!important;
  box-shadow:0 6px 17px rgba(48,92,170,.09)!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out .tc-chat-bubble-top,
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out .tc-chat-bubble-top>span,
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out footer{
  color:#5a6f91!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble-body{
  color:#17243b!important;
  font-size:12px!important;
  line-height:1.85!important;
  word-break:break-word!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble footer{
  margin-top:6px!important;
  color:#7c899b!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-waiting-dot{display:none!important}

/* Image and file presentation. */
body[data-admin-page="telecode-customer-chat"] .tc-support-media-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,440px)!important;
  max-width:100%!important;
  margin-top:8px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #cfdaea!important;
  border-radius:13px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
  cursor:zoom-in!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-support-media-link:hover{
  border-color:#9cb6df!important;
  background:#f4f8ff!important;
  transform:none!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-support-media-image{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:420px!important;
  margin:0 auto!important;
  padding:0!important;
  opacity:1!important;
  object-fit:contain!important;
  background:#f8fafc!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-support-media-image[hidden]{display:none!important}
body[data-admin-page="telecode-customer-chat"] .tc-support-media-error{
  width:100%!important;
  padding:22px 14px!important;
  color:#9a2c24!important;
  text-align:center!important;
  font-size:10.5px!important;
  line-height:1.7!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-support-media-player{
  display:block!important;
  width:min(100%,480px)!important;
  max-height:390px!important;
  margin-top:8px!important;
  border-radius:12px!important;
  background:#111827!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-attachment-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  max-width:100%!important;
  min-height:42px!important;
  margin-top:8px!important;
  padding:8px 11px!important;
  overflow:hidden!important;
  border:1px solid #b9cae5!important;
  border-radius:11px!important;
  background:#edf3ff!important;
  color:#244f9f!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.45!important;
  text-align:start!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-attachment-chip:hover{
  border-color:#8fa9d6!important;
  background:#e2ecff!important;
  color:#1f4387!important;
  transform:none!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-attachment-chip>span:last-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-attachment-symbol,
body[data-admin-page="telecode-customer-chat"] .tc-attachment-symbol svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}

/* Composer: existing controls only, aligned and centred. */
body[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(112px,auto) minmax(0,1fr) minmax(96px,auto)!important;
  grid-template-areas:"attach field send" "help help help"!important;
  align-items:end!important;
  gap:9px!important;
  padding:13px!important;
  border-top:1px solid #dce5ef!important;
  background:#fff!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{
  grid-area:field!important;
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-composer textarea{
  width:100%!important;
  min-height:46px!important;
  max-height:150px!important;
  margin:0!important;
  padding:11px 13px!important;
  border:1px solid #bdcce1!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#17243b!important;
  box-shadow:inset 0 1px 2px rgba(22,39,68,.035)!important;
  resize:none!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-composer textarea:focus{
  border-color:#6489d5!important;
  outline:3px solid rgba(47,103,216,.13)!important;
  outline-offset:0!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{
  grid-area:attach!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:112px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 14px!important;
  overflow:hidden!important;
  border:1px solid #9eb7e3!important;
  border-radius:12px!important;
  background:#e5eeff!important;
  color:#244f9f!important;
  box-shadow:0 3px 9px rgba(47,103,216,.10)!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  cursor:pointer!important;
  user-select:none!important;
  transform:none!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button:hover{
  border-color:#7899d2!important;
  background:#d8e6ff!important;
  color:#1e438b!important;
  transform:none!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button input{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-icon svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-label{
  display:block!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{
  grid-area:send!important;
  width:100%!important;
  min-width:96px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{
  grid-area:help!important;
  margin:0!important;
  padding-inline:2px!important;
  color:#768398!important;
  font-size:9px!important;
  line-height:1.65!important;
  text-align:start!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
  padding:7px 9px!important;
  border:1px solid #b9cbed!important;
  border-radius:10px!important;
  background:#edf3ff!important;
  color:#244f9f!important;
  font-size:10px!important;
  font-weight:700!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip[hidden]{display:none!important}
body[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  padding:0!important;
  border:1px solid #b8c9e5!important;
  border-radius:50%!important;
  background:#dce8ff!important;
  color:#244f9f!important;
  font-size:17px!important;
  line-height:1!important;
  cursor:pointer!important;
}

/* Real phone reflow: one item above another, never a shrunken desktop grid. */
@media (max-width:720px){
  body.tc-standalone .tc-main .tc-stats,
  body.tc-standalone .tc-main .tc-mini-stats,
  body.tc-standalone .tc-main .tc-page-stats,
  body.tc-standalone .tc-main .tc-users-summary,
  body.tc-standalone .tc-main .tc-cron-summary,
  body.tc-standalone .tc-main .tc-payment-integrity-summary{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  body.tc-standalone .tc-main .tc-stats>.tc-stat,
  body.tc-standalone .tc-main .tc-mini-stats>*,
  body.tc-standalone .tc-main .tc-page-stats>.tc-stat,
  body.tc-standalone .tc-main .tc-users-summary>.tc-stat,
  body.tc-standalone .tc-main .tc-cron-summary>*,
  body.tc-standalone .tc-main .tc-payment-integrity-summary>*{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-main{
    width:100%!important;
    max-width:none!important;
    padding:8px!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-selected-conversation .tc-chat-customers,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-no-selection .tc-chat-customers,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-customers{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-height:310px!important;
    min-height:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-customer-list{
    min-height:0!important;
    max-height:230px!important;
    overflow-y:auto!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-selected-conversation .tc-chat-panel,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-no-selection .tc-chat-panel,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
    display:flex!important;
    width:100%!important;
    min-height:610px!important;
    max-height:none!important;
    border-radius:14px!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-no-selection .tc-chat-panel{
    min-height:260px!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
    min-height:64px!important;
    padding:10px 11px!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person h2,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person p{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person p{
    max-width:calc(100vw - 92px)!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
    min-height:360px!important;
    max-height:58dvh!important;
    padding:12px 9px 15px!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{
    max-width:94%!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"field" "attach" "send" "help"!important;
    gap:8px!important;
    padding:10px!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,
  body[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{
    text-align:center!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-support-media-link,
  body[data-admin-page="telecode-customer-chat"] .tc-support-media-player{
    width:100%!important;
  }
  body[data-admin-page="telecode-customer-chat"] .tc-support-media-image{
    width:100%!important;
    max-height:54dvh!important;
  }
}

@media (max-width:390px){
  body[data-admin-page="telecode-customer-chat"] .tc-main{padding-inline:6px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{max-width:96%!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person h2{font-size:12px!important}
  body[data-admin-page="telecode-customer-chat"] .tc-chat-person p{font-size:8.5px!important}
}

/* Final specificity lock: older compatibility rules must not wash out button states. */
body.tc-standalone[data-admin-page] .tc-main button.button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close),
body.tc-standalone[data-admin-page] .tc-main input.button[type="submit"]{
  border-color:#a9bfe5!important;
  background:#eaf1ff!important;
  color:#214b98!important;
  box-shadow:0 3px 10px rgba(34,68,125,.10)!important;
  transform:none!important;
}
body.tc-standalone[data-admin-page] .tc-main button.button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close):hover,
body.tc-standalone[data-admin-page] .tc-main input.button[type="submit"]:hover{
  border-color:#7d9ed8!important;
  background:#dce8ff!important;
  color:#173f86!important;
  box-shadow:0 5px 13px rgba(34,68,125,.14)!important;
  transform:none!important;
}
body.tc-standalone[data-admin-page] .tc-main button.button.button-primary:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close),
body.tc-standalone[data-admin-page] .tc-main input.button.button-primary[type="submit"]{
  border-color:#2f67d8!important;
  background:#2f67d8!important;
  color:#fff!important;
  box-shadow:0 6px 15px rgba(47,103,216,.23)!important;
}
body.tc-standalone[data-admin-page] .tc-main button.button.button-primary:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close):hover,
body.tc-standalone[data-admin-page] .tc-main input.button.button-primary[type="submit"]:hover{
  border-color:#2455b8!important;
  background:#2455b8!important;
  color:#fff!important;
}
body.tc-standalone[data-admin-page] .tc-main button.button.button-warning:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close){
  border-color:#dfb64e!important;
  background:#fff4d4!important;
  color:#754900!important;
}
body.tc-standalone[data-admin-page] .tc-main button.button.button-danger:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close),
body.tc-standalone[data-admin-page] .tc-main button.button.button-link-delete:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close){
  border-color:#e5aaa4!important;
  background:#fff0ef!important;
  color:#9b271e!important;
}

/* The outgoing file card must remain readable on the calm blue message bubble. */
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out .tc-chat-bubble-body .tc-attachment-chip{
  border-color:#a9bee3!important;
  background:#f7faff!important;
  color:#214b98!important;
  box-shadow:none!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out .tc-chat-bubble-body .tc-attachment-chip:hover{
  border-color:#809fd4!important;
  background:#edf4ff!important;
  color:#173f86!important;
}
body[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out .tc-chat-bubble-body .tc-attachment-chip > span,
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button .tc-chat-attach-icon,
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button .tc-chat-attach-label,
body[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button .tc-chat-attach-icon svg{
  color:inherit!important;
  stroke:currentColor!important;
}

/* ========================================================================== */


/* --------------------------------------------------------------------------
   TeleCode v1.0.31 — unified real component system
   هدف هذه الطبقة: إزالة اختلاف الجداول/التقويمات/الأزرار بين الصفحات.
   -------------------------------------------------------------------------- */
:root{
  --tc-font-ar:"Almarai",Tahoma,Arial,sans-serif;
  --tc-ui-primary:#3267df;
  --tc-ui-primary-hover:#2557c7;
  --tc-ui-text:#18243b;
  --tc-ui-muted:#71809a;
  --tc-ui-border:#dce6f4;
  --tc-ui-border-strong:#c9d8ec;
  --tc-ui-bg:#f4f7fb;
  --tc-ui-card:#fff;
  --tc-ui-control-h:46px;
  --tc-ui-radius:12px;
  --tc-ui-card-radius:16px;
  --tc-ui-gap:14px;
  --tc-ui-shadow:0 10px 26px rgba(15,23,42,.045);
}
html body.tc-standalone,
html body.tc-standalone .tc-main,
html body.tc-standalone .tc-sidebar,
html body.tc-standalone input,
html body.tc-standalone select,
html body.tc-standalone textarea,
html body.tc-standalone button{
  font-family:var(--tc-font-ar) !important;
  text-rendering:optimizeLegibility;
}
html body.tc-standalone[data-admin-page] .tc-main{
  color:var(--tc-ui-text) !important;
  font-size:14px !important;
  line-height:1.8 !important;
}
html body.tc-standalone[data-admin-page] .tc-main *,
html body.tc-standalone[data-admin-page] .tc-main *::before,
html body.tc-standalone[data-admin-page] .tc-main *::after{box-sizing:border-box;}

/* Cards and sections */
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-card,.tc-settings-card,.tc-list-card,.tc-template-card,.tc-account-card,.tc-table-wrap,.tc-gift-card,.tc-gift-editor,.tc-gift-publish-card,.tc-customer-profile-card,.tc-customer-profile-card-wide,.tc-chat-panel,.tc-chat-customers,.tc-chat-list,.tc-schedule-card,.tc-schedule-builder,.tc-gift-schedule-card){
  background:var(--tc-ui-card) !important;
  border:1px solid var(--tc-ui-border) !important;
  border-radius:var(--tc-ui-card-radius) !important;
  box-shadow:var(--tc-ui-shadow) !important;
  padding:18px !important;
  overflow:visible !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-section-head,.tc-card-head,.tc-chat-panel-head,.tc-chat-list-head,.tc-schedule-builder-head){
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:0 0 14px !important;
  padding:0 0 12px !important;
  border-bottom:1px solid #e8eef7 !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-section-head h2,.tc-card-head h2,.tc-schedule-builder-head strong){
  margin:0 !important;
  font-size:18px !important;
  line-height:1.75 !important;
  font-weight:800 !important;
  color:var(--tc-ui-text) !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-section-head p,.tc-card-head p,.tc-section-head small,.tc-card-head small,.tc-schedule-builder-head small,small){
  color:var(--tc-ui-muted) !important;
  line-height:1.85 !important;
}

/* Forms: one grid, one control size */
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-template-grid,.tc-payment-templates-grid,.tc-country-alerts-grid,.tc-user-balance-form,.tc-user-block-form,.tc-gift-form,.tc-schedule-controls,.tc-schedule-inline-grid){
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)) !important;
  gap:var(--tc-ui-gap) !important;
  align-items:start !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-gift-form,.tc-user-balance-form,.tc-user-block-form) > label,
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-schedule-field,.tc-checkbox-card,.tc-campaign-selection){
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page] .tc-main label > span:first-child,
html body.tc-standalone[data-admin-page] .tc-main .tc-schedule-field > span:first-child,
html body.tc-standalone[data-admin-page] .tc-main .tc-campaign-selection > span:first-child{
  display:block !important;
  margin:0 0 7px !important;
  color:#35445e !important;
  font-size:13px !important;
  line-height:1.7 !important;
  font-weight:800 !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea,.tc-iso-picker-display){
  width:100% !important;
  min-height:var(--tc-ui-control-h) !important;
  height:auto !important;
  border:1px solid var(--tc-ui-border-strong) !important;
  border-radius:var(--tc-ui-radius) !important;
  background:#fff !important;
  color:var(--tc-ui-text) !important;
  padding:10px 14px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.75 !important;
  box-shadow:none !important;
  outline:none !important;
  overflow:visible !important;
}
html body.tc-standalone[data-admin-page] .tc-main textarea{
  min-height:96px !important;
  resize:vertical !important;
  font-weight:700 !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(input,select,textarea,.tc-iso-picker-shell):focus-within,
html body.tc-standalone[data-admin-page] .tc-main :is(input,select,textarea):focus{
  border-color:#97b3eb !important;
  box-shadow:0 0 0 3px rgba(50,103,223,.10) !important;
}

/* Buttons: same height as fields */
html body.tc-standalone[data-admin-page] .tc-main :is(.button,button.button,a.button,input[type="submit"],button:not(.tc-icon-button):not(.tc-modal-close):not(.tc-password-toggle):not(.tc-iso-picker-button):not(.tc-chat-edit-close):not(.tc-support-media-link):not(.tc-attachment-chip):not(.tc-support-viewer-close)){
  min-height:var(--tc-ui-control-h) !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 18px !important;
  border:1px solid var(--tc-ui-border-strong) !important;
  border-radius:var(--tc-ui-radius) !important;
  background:#fff !important;
  color:#314158 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.6 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  overflow:visible !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.button.button-primary,button.button-primary,input[type="submit"].button-primary){
  background:var(--tc-ui-primary) !important;
  border-color:var(--tc-ui-primary) !important;
  color:#fff !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover){background:var(--tc-ui-primary-hover) !important;border-color:var(--tc-ui-primary-hover) !important;}
html body.tc-standalone[data-admin-page] .tc-main :is(.button.button-link-delete,.button.button-danger,button.button-link-delete,button.button-danger){
  background:#fff !important;
  border-color:#f0b5ad !important;
  color:#c8332a !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-row-actions,.tc-actions,.tc-save-bar,.tc-copy-row,.tc-copy-field){
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
}

/* One date/time component everywhere */
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-schedule-card,.tc-schedule-builder,.tc-gift-schedule-card){
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:var(--tc-ui-gap) !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-schedule-datetime-pair){
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;
  gap:12px !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-schedule-field-wide,.tc-gift-form .tc-schedule-field-wide){
  grid-column:auto !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-shell{
  display:flex !important;
  align-items:stretch !important;
  width:100% !important;
  min-height:var(--tc-ui-control-h) !important;
  height:var(--tc-ui-control-h) !important;
  border:1px solid var(--tc-ui-border-strong) !important;
  border-radius:var(--tc-ui-radius) !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-shell :is(input,.tc-iso-picker-display){
  min-height:0 !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  flex:1 1 auto !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-button{
  width:48px !important;
  min-width:48px !important;
  height:100% !important;
  min-height:0 !important;
  border:0 !important;
  border-inline-start:1px solid var(--tc-ui-border) !important;
  border-radius:0 !important;
  background:#f8fafc !important;
  color:#60718d !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-button svg{width:19px !important;height:19px !important;}

/* Status labels: no clipping on mobile */
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-status-pill,.tc-status,.tc-stock,.tc-country-active span,span[class*="tc-status-"],.tc-chip,.tc-badge){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  height:auto !important;
  padding:6px 12px !important;
  line-height:1.9 !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  font-family:var(--tc-font-ar) !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-country-active{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:var(--tc-ui-control-h) !important;
  padding:6px 10px !important;
  white-space:nowrap !important;
}

/* Tables */
html body.tc-standalone[data-admin-page] .tc-main table.widefat{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  table-layout:auto !important;
  background:#fff !important;
}
html body.tc-standalone[data-admin-page] .tc-main table.widefat :is(th,td){
  padding:12px 14px !important;
  line-height:1.85 !important;
  vertical-align:middle !important;
  white-space:normal !important;
  overflow:visible !important;
}
html body.tc-standalone[data-admin-page] .tc-main table.widefat th{font-weight:800 !important;color:#3a4963 !important;background:#f8fafc !important;}

/* Sidebar: no duplicate active/pressed state */
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-group>summary{
  background:transparent !important;
  color:#cbd5e1 !important;
  box-shadow:none !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-group[open]>summary{
  background:rgba(255,255,255,.055) !important;
  color:#e5edf8 !important;
  box-shadow:none !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-group.is-active-group>summary{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  box-shadow:none !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link{
  background:transparent !important;
  color:#d6deeb !important;
  box-shadow:none !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link:hover{background:rgba(255,255,255,.08) !important;color:#fff !important;}
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link.is-active,
html.tc-unified-sidebar body.tc-standalone .tc-sidebar .tc-nav-link[aria-current="page"]{
  background:var(--tc-ui-primary) !important;
  color:#fff !important;
  box-shadow:none !important;
}
html.tc-unified-sidebar body.tc-standalone .tc-nav-flyout{display:none !important;}

/* Customer file: remove dead vertical space */
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card-wide{
  min-height:0 !important;
  height:auto !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;
  gap:12px !important;
  margin:14px 0 0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts > div,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide > div{
  min-height:78px !important;
  padding:12px 14px !important;
  border:1px solid var(--tc-ui-border) !important;
  border-radius:14px !important;
  background:#f9fbff !important;
}

/* Support: one header action area, clean composer, no duplicated reopen card */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
  min-height:0 !important;
  height:auto !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person{
  flex:1 1 280px !important;
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{
  margin:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-inline-start:auto !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions form{margin:0 !important;display:inline-flex !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{min-width:110px !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
  min-height:220px !important;
  max-height:min(58vh,620px) !important;
  overflow:auto !important;
  background:#f7faff !important;
  border:1px solid #e5edf8 !important;
  border-radius:16px !important;
  padding:14px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-closed-note{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:12px !important;
  padding:12px 14px !important;
  border:1px solid #dce6f4 !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#66738b !important;
  min-height:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
  display:block !important;
  margin-top:12px !important;
  padding:12px !important;
  border:1px solid var(--tc-ui-border) !important;
  border-radius:16px !important;
  background:#fff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{
  display:grid !important;
  grid-template-columns:116px minmax(0,1fr) 116px !important;
  gap:10px !important;
  align-items:stretch !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{min-width:0 !important;position:relative !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{
  min-height:var(--tc-ui-control-h) !important;
  height:var(--tc-ui-control-h) !important;
  resize:vertical !important;
  display:block !important;
  padding:10px 14px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{
  min-height:var(--tc-ui-control-h) !important;
  height:var(--tc-ui-control-h) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid var(--tc-ui-border-strong) !important;
  border-radius:var(--tc-ui-radius) !important;
  background:#f8fbff !important;
  color:#314158 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.6 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  padding:0 12px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button input{position:absolute !important;opacity:0 !important;pointer-events:none !important;width:1px !important;height:1px !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-icon svg{width:20px !important;height:20px !important;display:block !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{width:116px !important;min-width:116px !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{
  margin:8px 0 0 !important;
  color:#73839b !important;
  font-size:12.5px !important;
  line-height:1.7 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip{
  margin-top:8px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  border:1px solid #dbe6f5 !important;
  border-radius:999px !important;
  padding:6px 10px !important;
  max-width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip[hidden]{display:none !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip span{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}

/* Attachments/media viewer kept readable */
.tc-support-viewer{position:fixed !important;inset:0 !important;z-index:99999 !important;display:grid !important;place-items:center !important;padding:20px !important;}
.tc-support-viewer[hidden]{display:none !important;}
.tc-support-viewer-backdrop{position:absolute !important;inset:0 !important;background:rgba(15,23,42,.58) !important;}
.tc-support-viewer-dialog{position:relative !important;z-index:1 !important;width:min(960px,96vw) !important;max-height:92vh !important;background:#fff !important;border-radius:18px !important;overflow:hidden !important;box-shadow:0 24px 80px rgba(15,23,42,.35) !important;}
.tc-support-viewer-dialog header{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:12px 14px !important;border-bottom:1px solid #e8eef7 !important;}
.tc-support-viewer-close{background:#fff !important;border:1px solid #dce6f4 !important;border-radius:10px !important;min-width:38px !important;min-height:38px !important;}
.tc-support-viewer-body{padding:14px !important;overflow:auto !important;max-height:calc(92vh - 64px) !important;}
.tc-support-viewer-body img{max-width:100% !important;height:auto !important;display:block !important;margin:auto !important;}

/* Gifts/referrals pages: use the same density as the rest of the panel */
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form,
html body.tc-standalone[data-admin-page="telecode-referrals"] .tc-form-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)) !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-weekday-picker,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-campaign-selection{
  padding:12px !important;
  border:1px solid var(--tc-ui-border) !important;
  border-radius:14px !important;
  background:#fbfdff !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-weekday-picker > div,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-campaign-check-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr)) !important;
  gap:10px !important;
}

@media (max-width:782px){
  :root{--tc-ui-control-h:48px;--tc-ui-gap:12px;}
  html body.tc-standalone[data-admin-page] .tc-main{font-size:13.5px !important;line-height:1.9 !important;padding-inline:10px !important;}
  html body.tc-standalone[data-admin-page] .tc-main :is(.tc-card,.tc-settings-card,.tc-list-card,.tc-template-card,.tc-account-card,.tc-table-wrap,.tc-gift-card,.tc-gift-editor,.tc-gift-publish-card,.tc-customer-profile-card,.tc-customer-profile-card-wide,.tc-chat-panel,.tc-chat-customers,.tc-chat-list,.tc-schedule-card,.tc-schedule-builder,.tc-gift-schedule-card){padding:14px !important;}
  html body.tc-standalone[data-admin-page] .tc-main :is(.tc-section-head,.tc-card-head,.tc-chat-panel-head,.tc-chat-list-head,.tc-schedule-builder-head){display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:10px !important;}
  html body.tc-standalone[data-admin-page] .tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-gift-form,.tc-user-balance-form,.tc-user-block-form,.tc-country-alerts-grid,.tc-campaign-check-grid,.tc-template-grid,.tc-payment-templates-grid,.tc-schedule-controls,.tc-schedule-datetime-pair,.tc-schedule-inline-grid){grid-template-columns:minmax(0,1fr) !important;}
  html body.tc-standalone[data-admin-page] .tc-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,.tc-iso-picker-display,textarea){font-size:13.5px !important;line-height:1.9 !important;}
  html body.tc-standalone[data-admin-page] .tc-main :is(.button,button.button,a.button,input[type="submit"].button){width:100% !important;white-space:normal !important;}
  html body.tc-standalone[data-admin-page] .tc-main :is(.tc-row-actions,.tc-actions,.tc-save-bar,.tc-copy-row,.tc-copy-field,.tc-chat-head-actions){display:grid !important;grid-template-columns:minmax(0,1fr) !important;width:100% !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{min-height:180px !important;max-height:52vh !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{grid-template-columns:minmax(0,1fr) !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button,
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{width:100% !important;min-width:0 !important;}
  html body.tc-standalone[data-admin-page] .tc-main table.widefat :is(th,td){padding:12px !important;line-height:1.95 !important;}
}

/* ========================================================================== 
   TeleCode v1.0.31 focused UI unification pass
   Scope: admin visual consistency, support chat layout, ISO date/time fields.
   ========================================================================== */
html body.tc-standalone[data-admin-page] .tc-main{
  --tc-control-height:46px;
  --tc-control-radius:12px;
  --tc-control-gap:12px;
}
html body.tc-standalone[data-admin-page] .tc-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.tc-native-picker-input),select,textarea,.tc-iso-picker-display){
  min-height:var(--tc-control-height) !important;
  border-radius:var(--tc-control-radius) !important;
  font-size:13px !important;
  line-height:1.7 !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.button,button.button,a.button,input[type="submit"].button){
  min-height:44px !important;
  border-radius:var(--tc-control-radius) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  line-height:1.45 !important;
  text-align:center !important;
  white-space:normal !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-status-pill,.tc-status,.tc-country-active span,.tc-user-statuses span,.tc-stock,.tc-badge,.tc-chip){
  white-space:nowrap !important;
  word-break:keep-all !important;
  line-height:1.5 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-template-grid,.tc-payment-templates-grid,.tc-country-alerts-grid,.tc-schedule-controls,.tc-schedule-inline-grid,.tc-schedule-datetime-pair){
  gap:var(--tc-control-gap) !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-schedule-datetime-pair{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:end !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker,
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-shell{
  width:100% !important;
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-shell{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 46px !important;
  align-items:stretch !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-display{
  border-start-end-radius:0 !important;
  border-end-end-radius:0 !important;
}
html body.tc-standalone[data-admin-page] .tc-main .tc-iso-picker-button{
  width:46px !important;
  min-width:46px !important;
  min-height:var(--tc-control-height) !important;
  border-radius:var(--tc-control-radius) 0 0 var(--tc-control-radius) !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout{
  grid-template-columns:minmax(290px,350px) minmax(0,1fr) !important;
  gap:16px !important;
  min-height:min(720px,calc(100dvh - 130px)) !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
  min-height:min(690px,calc(100dvh - 150px)) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions form{margin:0 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{min-width:112px !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
  flex:1 1 auto !important;
  min-height:280px !important;
  max-height:none !important;
  overflow:auto !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
  flex:0 0 auto !important;
  display:block !important;
  padding:12px !important;
  border-top:1px solid #dfe7f2 !important;
  background:#fff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) 112px !important;
  gap:10px !important;
  align-items:stretch !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{
  width:112px !important;
  min-width:112px !important;
  min-height:44px !important;
  height:44px !important;
  padding:0 12px !important;
  white-space:nowrap !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-label{display:inline !important;overflow:hidden !important;text-overflow:ellipsis !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{min-width:0 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{
  min-height:44px !important;
  height:44px !important;
  max-height:150px !important;
  resize:vertical !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-file-chip{max-width:100% !important;}
html body.tc-standalone[data-admin-page="telecode-referrals"] .tc-referrals-table-wrap,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-table-wrap{
  overflow:auto !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-schedule-field-wide,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-gift-schedule-card,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-save-bar,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-checkbox-card{
  grid-column:1 / -1 !important;
}
@media (max-width:782px){
  html body.tc-standalone[data-admin-page] .tc-main{--tc-control-height:48px;padding-inline:10px !important;}
  html body.tc-standalone[data-admin-page] .tc-main :is(.button,button.button,a.button,input[type="submit"].button){width:100% !important;min-height:48px !important;}
  html body.tc-standalone[data-admin-page] .tc-main .tc-schedule-datetime-pair{grid-template-columns:minmax(0,1fr) !important;}
  html body.tc-standalone[data-admin-page] .tc-main :is(.tc-table-wrap,.tc-card,.tc-settings-card,.tc-template-card,.tc-gift-card,.tc-chat-panel,.tc-chat-customers){max-width:100% !important;min-width:0 !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout{display:block !important;min-height:0 !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-selected-conversation .tc-chat-customers{display:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-no-selection .tc-chat-panel{display:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{min-height:calc(100dvh - 105px) !important;border-radius:14px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{grid-template-columns:auto minmax(0,1fr) !important;align-items:start !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions{grid-column:1 / -1 !important;display:grid !important;grid-template-columns:minmax(0,1fr) !important;width:100% !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{grid-template-columns:minmax(0,1fr) !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{width:100% !important;min-width:0 !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{min-height:88px !important;height:88px !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form{grid-template-columns:minmax(0,1fr) !important;}
}


/* =========================================================
   TeleCode v1.0.31 — final mobile/layout stability patch
   Scope: admin layout + support chat + bot-service visual consistency.
   ========================================================= */

/* Global page safety: nothing inside the admin panel may force horizontal overflow. */
body.tc-standalone[data-admin-page],
body.tc-standalone[data-admin-page] .tc-app,
body.tc-standalone[data-admin-page] .tc-main-scroll,
body.tc-standalone[data-admin-page] .tc-main,
body.tc-standalone[data-admin-page] .tc-wrap,
body.tc-standalone[data-admin-page] .wrap{
  max-width:100% !important;
  min-width:0 !important;
}
body.tc-standalone[data-admin-page] .tc-main{
  width:100% !important;
  padding:22px 22px 44px !important;
}
body.tc-standalone[data-admin-page] .tc-main :where(.tc-card,.tc-settings-card,.tc-list-card,.tc-template-card,.tc-table-wrap,.tc-section-head,.tc-form-grid,form,section,article,div){
  min-width:0 !important;
}
body.tc-standalone[data-admin-page] .tc-main :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  width:100% !important;
  max-width:100% !important;
}
body.tc-standalone[data-admin-page] .tc-main :where(.button,button.button,a.button,input[type="submit"].button){
  min-height:44px !important;
  border-radius:10px !important;
  line-height:1.35 !important;
  white-space:normal !important;
  text-align:center !important;
}
body.tc-standalone[data-admin-page] .tc-main .tc-table-wrap{
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
body.tc-standalone[data-admin-page] .tc-main table.widefat{
  max-width:none !important;
}

/* Support chat desktop: stable two-column layout without the huge empty broken look. */
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main{
  max-width:1320px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .notice{
  margin:0 0 10px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  font-size:11px !important;
  line-height:1.6 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout{
  display:grid !important;
  grid-template-columns:minmax(300px,340px) minmax(0,1fr) !important;
  gap:14px !important;
  align-items:stretch !important;
  min-height:0 !important;
  height:calc(100dvh - 150px) !important;
  max-height:760px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers,
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid #dbe5f1 !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(16,24,40,.055) !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head{
  flex:0 0 auto !important;
  padding:14px 15px 10px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head h2{
  font-size:15px !important;
  line-height:1.5 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head p{
  font-size:10px !important;
  line-height:1.65 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 72px !important;
  gap:8px !important;
  padding:10px 12px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search input,
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search .button{
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-list{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;
  padding:8px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-row{
  display:block !important;
  min-width:0 !important;
  margin:0 0 7px !important;
  border:1px solid #e7edf5 !important;
  border-radius:12px !important;
  background:#fff !important;
  overflow:hidden !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-row.is-active{
  border-color:#b7c9f7 !important;
  background:#eef4ff !important;
  box-shadow:inset -3px 0 0 #315fd5 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer{
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) minmax(38px,auto) !important;
  align-items:center !important;
  gap:9px !important;
  width:100% !important;
  min-height:58px !important;
  padding:9px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-avatar{
  width:38px !important;
  height:38px !important;
  border-radius:11px !important;
  font-size:12px !important;
  line-height:1 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy strong{
  font-size:11.5px !important;
  line-height:1.45 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy small{
  font-size:9px !important;
  line-height:1.45 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta{
  min-width:38px !important;
  justify-items:end !important;
  gap:4px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta time{
  font-size:7.5px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
  flex:0 0 auto !important;
  position:relative !important;
  top:auto !important;
  z-index:3 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  min-height:68px !important;
  padding:12px 14px !important;
  border-bottom:1px solid #e5ebf3 !important;
  background:#fff !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back{display:none !important;}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person .tc-chat-avatar-large{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2{
  max-width:100% !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{
  max-width:100% !important;
  margin:2px 0 0 !important;
  font-size:9px !important;
  line-height:1.55 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  min-width:88px !important;
  gap:8px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions form{
  margin:0 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{
  width:auto !important;
  min-width:86px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 14px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages{
  flex:0 0 auto !important;
  margin:8px auto 0 !important;
  min-height:34px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow:auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:16px !important;
  background:linear-gradient(180deg,#f8faff 0%,#f3f6fb 100%) !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{
  width:auto !important;
  max-width:min(78%,700px) !important;
  padding:10px 12px 8px !important;
  border-radius:15px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-in{
  align-self:flex-start !important;
  background:#fff !important;
  border-start-start-radius:6px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out{
  align-self:flex-end !important;
  background:#edf4ff !important;
  border-color:#cadbfa !important;
  border-start-end-radius:6px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble-body{
  font-size:12px !important;
  line-height:1.85 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system{
  align-self:center !important;
  max-width:72% !important;
  padding:6px 12px !important;
  border:1px solid #dfe7f2 !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#667085 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system .tc-chat-bubble-top,
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system footer{
  display:none !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system .tc-chat-bubble-body{
  font-size:10px !important;
  line-height:1.55 !important;
  color:#667085 !important;
  text-align:center !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
  flex:0 0 auto !important;
  display:block !important;
  position:relative !important;
  bottom:auto !important;
  z-index:2 !important;
  padding:10px 12px !important;
  border-top:1px solid #dfe7f2 !important;
  background:#fff !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr) 96px !important;
  align-items:stretch !important;
  gap:9px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:96px !important;
  min-width:96px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  margin:0 !important;
  padding:0 10px !important;
  border-radius:11px !important;
  white-space:nowrap !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button input[type="file"]{
  position:absolute !important;
  inline-size:1px !important;
  block-size:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-icon svg{
  width:17px !important;
  height:17px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{
  min-width:0 !important;
  display:grid !important;
  gap:6px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{
  width:100% !important;
  min-height:44px !important;
  height:44px !important;
  max-height:136px !important;
  margin:0 !important;
  padding:10px 12px !important;
  resize:vertical !important;
  border-radius:11px !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{
  margin:7px 0 0 !important;
  font-size:9px !important;
  line-height:1.5 !important;
  color:#7a8699 !important;
}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-closed-note{
  flex:0 0 auto !important;
  margin:0 !important;
  border-radius:0 !important;
  border-inline:0 !important;
  border-bottom:0 !important;
}

@media (max-width:960px){
  body.tc-standalone[data-admin-page] .tc-main{
    padding:14px 10px 28px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main{
    padding:10px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout{
    display:block !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-selected-conversation .tc-chat-customers{display:none !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-no-selection .tc-chat-panel{display:none !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers{
    height:auto !important;
    max-height:none !important;
    min-height:calc(100dvh - 96px) !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-list{
    max-height:none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
    height:calc(100dvh - 96px) !important;
    min-height:520px !important;
    max-height:none !important;
    border-radius:14px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
    grid-template-columns:38px minmax(0,1fr) auto !important;
    min-height:60px !important;
    padding:9px 10px !important;
    gap:8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back{
    display:grid !important;
    place-items:center !important;
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    border-radius:50% !important;
    color:#52627a !important;
    text-decoration:none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person .tc-chat-avatar-large{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2{font-size:12.5px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{font-size:8.5px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{
    min-width:70px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 10px !important;
    font-size:10px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
    padding:10px 9px !important;
    gap:8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{
    max-width:88% !important;
    padding:9px 11px 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble-body{font-size:11.5px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system{
    max-width:90% !important;
    border-radius:13px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
    position:sticky !important;
    bottom:0 !important;
    padding:8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{
    grid-template-columns:48px minmax(0,1fr) 58px !important;
    gap:7px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{
    width:auto !important;
    min-width:0 !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 8px !important;
    border-radius:21px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-label{
    display:none !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{
    font-size:10px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{
    min-height:42px !important;
    height:42px !important;
    max-height:110px !important;
    border-radius:21px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{
    display:none !important;
  }
}

@media (max-width:520px){
  body.tc-standalone[data-admin-page] .tc-topbar{
    min-height:58px !important;
    padding:7px 9px !important;
  }
  body.tc-standalone[data-admin-page] .tc-page-heading h1{
    font-size:13.5px !important;
    line-height:1.4 !important;
  }
  body.tc-standalone[data-admin-page] .tc-main{
    padding:8px 7px 24px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main{padding:7px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers,
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
    border-radius:12px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
    height:calc(100dvh - 78px) !important;
    min-height:460px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head{padding:12px 12px 8px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search{
    grid-template-columns:1fr !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search .button{width:100% !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer{
    grid-template-columns:36px minmax(0,1fr) 36px !important;
    gap:7px !important;
    min-height:54px !important;
    padding:8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-avatar{width:34px !important;height:34px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta{min-width:34px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
    grid-template-columns:36px minmax(0,1fr) auto !important;
    min-height:56px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back{width:36px !important;height:36px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person{gap:7px !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person .tc-chat-avatar-large{display:none !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{display:none !important;}
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{
    min-width:58px !important;
    padding:0 8px !important;
  }
  body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{max-width:92% !important;}
}


/* TeleCode chat hard layout fix: injected after the main stylesheet so cached/older broad rules cannot break the page. */
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main{max-width:1260px!important;width:100%!important;box-sizing:border-box!important;padding:14px!important;overflow:visible!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-wrap{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .notice{margin:0 0 10px!important;padding:8px 12px!important;border-radius:10px!important;font-size:11px!important;line-height:1.7!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout{direction:rtl!important;display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:16px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;height:min(680px,calc(100dvh - 168px))!important;min-height:560px!important;max-height:760px!important;overflow:visible!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers,body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:0!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #dce6f3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(16,24,40,.06)!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head{flex:0 0 auto!important;display:block!important;padding:14px 15px 10px!important;border-bottom:1px solid #edf1f6!important;background:#fff!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head h2{margin:0 0 4px!important;font-size:15px!important;line-height:1.5!important;font-weight:800!important;color:#111827!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head p{margin:0!important;font-size:10px!important;line-height:1.7!important;color:#7b8798!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:8px!important;padding:10px 12px!important;border-bottom:1px solid #edf1f6!important;background:#fbfdff!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search input,body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search .button{box-sizing:border-box!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;border-radius:11px!important;font-size:12px!important;line-height:1.4!important;white-space:nowrap!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-list{flex:1 1 auto!important;display:block!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;padding:10px!important;background:#fff!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-row{box-sizing:border-box!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 8px!important;padding:0!important;overflow:visible!important;border:1px solid #e5edf7!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-row.is-active{border-color:#b9ccfb!important;background:#f0f5ff!important;box-shadow:inset -3px 0 0 #315fd5!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer{box-sizing:border-box!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 52px!important;align-items:center!important;gap:10px!important;width:100%!important;height:auto!important;min-height:64px!important;margin:0!important;padding:10px!important;overflow:hidden!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;color:#1f2937!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-avatar{box-sizing:border-box!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border:1px solid #d8e4f7!important;border-radius:13px!important;background:#eef4ff!important;color:#315fd5!important;font-size:13px!important;font-weight:800!important;line-height:1!important;overflow:hidden!important;text-align:center!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy{display:block!important;min-width:0!important;overflow:hidden!important;line-height:1.4!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy strong,body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy small{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:start!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy strong{font-size:12px!important;line-height:1.55!important;font-weight:800!important;color:#152033!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy small{margin-top:2px!important;font-size:9px!important;line-height:1.55!important;color:#718096!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:52px!important;overflow:hidden!important;text-align:end!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta time{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;line-height:1.3!important;color:#8a97aa!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{flex:0 0 auto!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:70px!important;padding:12px 14px!important;border-bottom:1px solid #e6edf6!important;background:#fff!important;z-index:2!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back{display:none!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;overflow:hidden!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person .tc-chat-avatar-large{flex:0 0 42px!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2,body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{display:block!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important;text-align:start!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2{font-size:14px!important;line-height:1.5!important;font-weight:800!important;color:#111827!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{margin-top:2px!important;font-size:9px!important;line-height:1.5!important;color:#718096!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:86px!important;width:auto!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions form{margin:0!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{box-sizing:border-box!important;width:auto!important;min-width:86px!important;height:40px!important;min-height:40px!important;padding:0 14px!important;border-radius:11px!important;font-size:12px!important;white-space:nowrap!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages[hidden]{display:none!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages{flex:0 0 auto!important;margin:8px auto 0!important;min-height:34px!important;border-radius:12px!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{box-sizing:border-box!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;padding:16px!important;background:linear-gradient(180deg,#f8faff 0%,#f3f6fb 100%)!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{box-sizing:border-box!important;width:auto!important;max-width:min(78%,680px)!important;margin:0!important;padding:10px 12px!important;border-radius:15px!important;box-shadow:0 3px 12px rgba(16,24,40,.045)!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-in{align-self:flex-start!important;background:#fff!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out{align-self:flex-end!important;background:#edf4ff!important;border-color:#cadbfa!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system{align-self:center!important;max-width:80%!important;padding:6px 12px!important;border-radius:999px!important;background:#fff!important;color:#667085!important;box-shadow:none!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system .tc-chat-bubble-top,body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system footer{display:none!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble-body{font-size:12px!important;line-height:1.8!important;color:inherit!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system .tc-chat-bubble-body{font-size:10px!important;line-height:1.5!important;text-align:center!important;color:#667085!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer{box-sizing:border-box!important;flex:0 0 auto!important;display:block!important;position:relative!important;bottom:auto!important;margin:0!important;padding:12px!important;border-top:1px solid #dfe7f2!important;background:#fff!important;z-index:2!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{display:grid!important;grid-template-columns:94px minmax(0,1fr) 94px!important;align-items:stretch!important;gap:9px!important;width:100%!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:94px!important;min-width:94px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0 10px!important;border-radius:11px!important;white-space:nowrap!important;font-size:12px!important;line-height:1!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button input[type="file"]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{min-width:0!important;display:block!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{box-sizing:border-box!important;width:100%!important;min-height:44px!important;height:44px!important;max-height:136px!important;margin:0!important;padding:10px 12px!important;resize:vertical!important;border-radius:11px!important;font-size:12px!important;line-height:1.5!important}
body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{margin:7px 0 0!important;font-size:9px!important;line-height:1.5!important;color:#7a8699!important;text-align:start!important}
@media (max-width:900px){body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main{padding:8px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout{display:block!important;height:auto!important;min-height:0!important;max-height:none!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-selected-conversation .tc-chat-customers{display:none!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-no-selection .tc-chat-panel{display:none!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers{height:calc(100dvh - 92px)!important;min-height:480px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{height:calc(100dvh - 82px)!important;min-height:480px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search{grid-template-columns:minmax(0,1fr) 68px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{grid-template-columns:40px minmax(0,1fr) auto!important;min-height:58px!important;padding:9px!important;gap:7px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid #dbe5f1!important;border-radius:50%!important;background:#fff!important;text-decoration:none!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person .tc-chat-avatar-large{display:none!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{display:none!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{min-width:64px!important;height:38px!important;min-height:38px!important;padding:0 9px!important;font-size:10px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{padding:10px!important;gap:8px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{max-width:92%!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer{position:sticky!important;bottom:0!important;padding:8px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{grid-template-columns:44px minmax(0,1fr) 58px!important;gap:7px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:0 8px!important;border-radius:21px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-label{display:none!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{min-height:42px!important;height:42px!important;border-radius:21px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{display:none!important}}
@media (max-width:520px){body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main{padding:6px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers,body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{border-radius:12px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search{grid-template-columns:1fr!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer{grid-template-columns:38px minmax(0,1fr) 42px!important;min-height:58px!important;padding:8px!important;gap:8px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta{width:42px!important}body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2{font-size:12.5px!important}}


/* TeleCode v1.0.31 - final five-point repair: status pills, chat panel, customer profile, mobile layout. */
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-status-pill,.tc-status,.tc-country-active span,.tc-user-statuses span,.tc-stock,.tc-badge,.tc-chip){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:100% !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  line-height:1.15 !important;
  padding:7px 11px !important;
  text-align:center !important;
  flex:0 0 auto !important;
}
html body.tc-standalone[data-admin-page] .tc-user-statuses{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}

/* Customer management: one clean full-width profile, balanced fact cards, no empty holes. */
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search{
  padding:18px !important;
  margin-bottom:16px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search{
  display:grid !important;
  grid-template-columns:84px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:stretch !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search input,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search .button{
  height:44px !important;
  min-height:44px !important;
  border-radius:12px !important;
  margin:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  align-items:start !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-grid > .tc-card{
  margin:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card-wide{
  grid-column:1 / -1 !important;
  display:block !important;
  padding:18px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card .tc-section-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:0 0 14px !important;
  margin:0 0 14px !important;
  border-bottom:1px solid #e3eaf4 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card .tc-user-identity{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card .tc-user-avatar{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  border-radius:14px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
  width:100% !important;
  align-items:stretch !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts > div,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide > div{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:70px !important;
  padding:12px 14px !important;
  border:1px solid #dce6f3 !important;
  border-radius:14px !important;
  background:#f8fbff !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts dt,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide dt{
  margin:0 !important;
  font-size:10px !important;
  line-height:1.4 !important;
  color:#718096 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts dd,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide dd{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  color:#172033 !important;
  font-weight:800 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  direction:inherit !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts dd code,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide dd code{
  display:inline-block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  vertical-align:bottom !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-user-balance-form{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(160px,1fr)) !important;
  gap:12px !important;
  align-items:end !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-user-balance-form .tc-full{
  grid-column:1 / -1 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-user-balance-form :is(input,select,textarea,.button){
  min-height:44px !important;
  border-radius:12px !important;
}

/* Support chat: real layout repair, no refresh button, composer in one official row. */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main{
  max-width:1260px !important;
  width:100% !important;
  padding:14px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout{
  direction:rtl !important;
  display:grid !important;
  grid-template-columns:minmax(310px,360px) minmax(0,1fr) !important;
  gap:16px !important;
  align-items:stretch !important;
  width:100% !important;
  height:calc(100dvh - 160px) !important;
  min-height:620px !important;
  max-height:820px !important;
  overflow:visible !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid #dce6f3 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(16,24,40,.055) !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head{
  flex:0 0 auto !important;
  padding:16px 16px 11px !important;
  border-bottom:1px solid #edf1f6 !important;
  background:#fff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head h2{
  margin:0 0 4px !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-list-head p{
  margin:0 !important;
  font-size:10.5px !important;
  line-height:1.7 !important;
  color:#7b8798 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 74px !important;
  gap:8px !important;
  padding:12px !important;
  border-bottom:1px solid #edf1f6 !important;
  background:#fbfdff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search input,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search .button{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
  border-radius:12px !important;
  font-size:12px !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-list{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;
  padding:10px !important;
  background:#fff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-row{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 9px !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid #e5edf7 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-row.is-active{
  border-color:#9db8ff !important;
  background:#f1f6ff !important;
  box-shadow:inset -3px 0 0 #315fd5 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 56px !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-height:66px !important;
  padding:10px !important;
  border:0 !important;
  border-radius:14px !important;
  background:transparent !important;
  text-decoration:none !important;
  color:#1f2937 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-avatar{
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border-radius:13px !important;
  border:1px solid #d8e4f7 !important;
  background:#eef4ff !important;
  color:#315fd5 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta{
  min-width:0 !important;
  overflow:hidden !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy strong,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy small{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:start !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy strong{font-size:12.5px !important;line-height:1.55 !important;font-weight:800 !important;color:#172033 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer-copy small{font-size:9.5px !important;line-height:1.5 !important;color:#718096 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta{display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:4px !important;width:56px !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta time{font-size:8.5px !important;color:#8a97aa !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  min-height:72px !important;
  padding:13px 15px !important;
  border-bottom:1px solid #e6edf6 !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back{display:none !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  overflow:hidden !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{
  display:block !important;
  margin:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:start !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2{font-size:14px !important;line-height:1.5 !important;font-weight:800 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{margin-top:2px !important;font-size:10px !important;color:#718096 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{
  width:auto !important;
  min-width:86px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:12px !important;
  font-size:12px !important;
  white-space:nowrap !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages{display:none !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:auto !important;
  padding:16px !important;
  background:#f6f9fd !important;
  border:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-start{
  margin:auto !important;
  max-width:300px !important;
  text-align:center !important;
  color:#718096 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{max-width:min(78%,680px) !important;border-radius:15px !important;padding:10px 12px !important;margin:0 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-in{align-self:flex-start !important;background:#fff !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-out{align-self:flex-end !important;background:#eef5ff !important;border-color:#cbdcf7 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system{align-self:center !important;max-width:78% !important;padding:6px 12px !important;border-radius:999px !important;background:#fff !important;color:#667085 !important;box-shadow:none !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system .tc-chat-bubble-top,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble.is-system footer{display:none !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer{
  flex:0 0 auto !important;
  display:block !important;
  position:relative !important;
  margin:0 !important;
  padding:12px !important;
  border-top:1px solid #dfe7f2 !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{
  display:grid !important;
  grid-template-columns:86px minmax(0,1fr) 94px !important;
  grid-template-areas:"send field attach" !important;
  align-items:stretch !important;
  gap:9px !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{grid-area:attach !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{grid-area:field !important;min-width:0 !important;display:block !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{grid-area:send !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 10px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button input[type="file"]{position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{
  width:100% !important;
  min-height:44px !important;
  height:44px !important;
  max-height:136px !important;
  margin:0 !important;
  padding:10px 12px !important;
  resize:vertical !important;
  border-radius:12px !important;
  font-size:12px !important;
  line-height:1.55 !important;
  box-sizing:border-box !important;
  background:#fff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{margin:8px 0 0 !important;font-size:9.5px !important;line-height:1.6 !important;color:#718096 !important;text-align:start !important;}

@media (max-width:900px){
  html body.tc-standalone[data-admin-page] .tc-main :is(.tc-status-pill,.tc-status,.tc-country-active span,.tc-user-statuses span,.tc-stock,.tc-badge,.tc-chip){min-width:max-content !important;white-space:nowrap !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card .tc-section-head{align-items:flex-start !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{grid-template-columns:repeat(auto-fit,minmax(145px,1fr)) !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-user-balance-form{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main{padding:8px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout{display:block !important;height:auto !important;min-height:0 !important;max-height:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-selected-conversation .tc-chat-customers{display:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-layout.has-no-selection .tc-chat-panel{display:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customers,
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel{height:calc(100dvh - 82px) !important;min-height:480px !important;border-radius:14px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search{grid-template-columns:minmax(0,1fr) 68px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-panel-head{grid-template-columns:40px minmax(0,1fr) auto !important;min-height:60px !important;padding:9px !important;gap:7px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-mobile-back{display:grid !important;place-items:center !important;width:40px !important;height:40px !important;border:1px solid #dbe5f1 !important;border-radius:50% !important;background:#fff !important;text-decoration:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person .tc-chat-avatar-large{display:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person p{display:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head-actions .button{min-width:62px !important;height:38px !important;min-height:38px !important;padding:0 9px !important;font-size:10.5px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{padding:10px !important;gap:8px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-bubble{max-width:92% !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer{position:sticky !important;bottom:0 !important;padding:8px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{grid-template-columns:54px minmax(0,1fr) 44px !important;grid-template-areas:"send field attach" !important;gap:7px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button,
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{height:42px !important;min-height:42px !important;border-radius:21px !important;padding:0 8px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-label{display:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{min-height:42px !important;height:42px !important;border-radius:21px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{display:none !important;}
}
@media (max-width:520px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-search{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-customer{grid-template-columns:38px minmax(0,1fr) 42px !important;min-height:58px !important;padding:8px !important;gap:8px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-avatar{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-row-meta{width:42px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-person h2{font-size:12.5px !important;}
}

/* =========================================================
   TeleCode v1.0.31 — final real-device fixes after screenshots
   Scope: PIN status, customer profile, gifts scheduler, chat composer.
   ========================================================= */

/* 1) PIN/status badge must never split Arabic words مثل: مفعل */
html body.tc-standalone .tc-pin-status{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  padding:14px 16px !important;
  min-height:64px !important;
  overflow:visible !important;
}
html body.tc-standalone .tc-pin-status strong{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:54px !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow:visible !important;
  text-align:center !important;
  line-height:1.4 !important;
}
html body.tc-standalone .tc-pin-status span{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  white-space:normal !important;
  line-height:1.8 !important;
}
html body.tc-standalone[data-admin-page] .tc-main :is(.tc-status-pill,.tc-status,.tc-country-active span,.tc-user-statuses span,.tc-stock,.tc-badge,.tc-chip){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow:visible !important;
  line-height:1.35 !important;
}

/* 2) Customer profile: balanced header, facts and forms; no lonely card or long broken row. */
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 88px !important;
  gap:10px !important;
  align-items:center !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search input{
  width:100% !important;
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search .button{
  width:88px !important;
  min-width:88px !important;
  max-width:88px !important;
  padding-inline:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  align-items:start !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card-wide{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:stretch !important;
  padding:16px !important;
  min-height:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-top{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:0 !important;
  padding:14px !important;
  border:1px solid #dfe8f5 !important;
  border-radius:14px !important;
  background:#f8fbff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-top .tc-user-identity{
  width:100% !important;
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(120px,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  margin:0 !important;
  align-items:stretch !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts > div,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide > div{
  display:grid !important;
  align-content:center !important;
  gap:6px !important;
  min-height:66px !important;
  padding:10px 12px !important;
  border:1px solid #dfe8f5 !important;
  border-radius:12px !important;
  background:#f8fbff !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts dt,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide dt{
  margin:0 !important;
  font-size:10px !important;
  line-height:1.45 !important;
  color:#6d7b92 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts dd,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide dd{
  margin:0 !important;
  min-width:0 !important;
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:800 !important;
  color:#172033 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(150px,1fr)) !important;
  gap:12px !important;
  align-items:end !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form .tc-full,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form .tc-pin-field,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form .tc-pin-box{
  grid-column:1 / -1 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form > .button.tc-full{
  width:100% !important;
  min-height:46px !important;
}

/* 3) Gifts scheduler: dates/times and auto schedule must use the page width, not a narrow broken column. */
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > label,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-checkbox-card{
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-schedule-field-wide{
  grid-column:span 2 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-gift-schedule-card,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-save-bar{
  grid-column:1 / -1 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-schedule-datetime-pair{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(94px,.55fr) !important;
  gap:8px !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-iso-picker,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-iso-picker-shell{
  min-width:0 !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-iso-picker-display{
  min-width:0 !important;
  width:100% !important;
  padding-inline:9px !important;
  font-size:12px !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card{
  display:grid !important;
  grid-template-columns:minmax(220px,.8fr) minmax(220px,1fr) minmax(220px,1fr) !important;
  gap:14px !important;
  align-items:stretch !important;
  padding:16px !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-schedule-builder-head,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-checks,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-schedule-inline-grid{
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-weekday-picker,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-campaign-selection{
  grid-column:1 / -1 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card .tc-checks,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card .tc-schedule-inline-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-weekday-picker > div{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-weekday-picker label{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  width:auto !important;
  min-width:96px !important;
  min-height:42px !important;
  padding:8px 12px !important;
  border:1px solid #dce6f3 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

/* 4) Chat composer visual polish: attachment is beside text, smaller than the text field, no refresh button. */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages{display:none !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{
  display:grid !important;
  grid-template-columns:88px minmax(0,1fr) 78px !important;
  grid-template-areas:"send field attach" !important;
  align-items:stretch !important;
  gap:8px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{grid-area:send !important;width:88px !important;min-width:88px !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{grid-area:attach !important;width:78px !important;min-width:78px !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{grid-area:field !important;min-width:0 !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{
  height:44px !important;
  min-height:44px !important;
  padding:10px 13px !important;
  line-height:1.5 !important;
}

@media (max-width:1200px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card-wide{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{grid-template-columns:repeat(3,minmax(140px,1fr)) !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card{grid-template-columns:1fr 1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-schedule-builder-head{grid-column:1 / -1 !important;}
}
@media (max-width:782px){
  html body.tc-standalone .tc-pin-status{align-items:flex-start !important;gap:10px !important;}
  html body.tc-standalone .tc-pin-status strong{min-width:48px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search{grid-template-columns:minmax(0,1fr) 74px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search .button{width:74px !important;min-width:74px !important;max-width:74px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form,
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-schedule-field-wide,
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > *{grid-column:1 / -1 !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-schedule-datetime-pair{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{grid-template-columns:56px minmax(0,1fr) 44px !important;grid-template-areas:"send field attach" !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{width:56px !important;min-width:56px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{width:44px !important;min-width:44px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-label{display:none !important;}
}
@media (max-width:520px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{grid-template-columns:1fr !important;}
}

/* === TeleCode v1.0.31 final ten-point real layout fix === */
/* 1) PIN/status badges: Arabic words like مفعل must never split. */
html body.tc-standalone .tc-pin-status{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  direction:rtl !important;
}
html body.tc-standalone .tc-pin-status strong,
html body.tc-standalone .tc-pin-status.is-active strong,
html body.tc-standalone .tc-main :is(.tc-status-pill,.tc-status,.tc-country-active span,.tc-user-statuses span,.tc-stock,.tc-badge,.tc-chip){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  line-height:1.45 !important;
  writing-mode:horizontal-tb !important;
  overflow:visible !important;
}
html body.tc-standalone .tc-pin-status span{
  min-width:0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  line-height:1.75 !important;
}

/* 2) Customer management search: input wide, button small; never reversed into a huge search button. */
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  direction:rtl !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search input{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search button,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search .button{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:82px !important;
  max-width:120px !important;
  padding-inline:18px !important;
}

/* 3) Customer profile: balanced, filled, no lonely card and no long broken row. */
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  align-items:start !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card-wide{
  display:grid !important;
  grid-template-columns:minmax(240px,.75fr) minmax(0,2.25fr) !important;
  gap:14px !important;
  align-items:stretch !important;
  width:100% !important;
  padding:14px !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-top{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:0 !important;
  padding:14px !important;
  border:1px solid #dfe8f5 !important;
  border-radius:14px !important;
  background:#f8fbff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  align-items:stretch !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts > div,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide > div{
  display:grid !important;
  align-content:center !important;
  gap:5px !important;
  min-height:62px !important;
  padding:10px 12px !important;
  border:1px solid #dfe8f5 !important;
  border-radius:12px !important;
  background:#f8fbff !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts dt,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide dt{
  margin:0 !important;
  color:#6d7b92 !important;
  font-size:11px !important;
  line-height:1.45 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts dd,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide dd{
  margin:0 !important;
  min-width:0 !important;
  color:#172033 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
  gap:12px !important;
  align-items:end !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form .tc-full,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form .tc-pin-field,
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-balance-card .tc-user-balance-form .tc-pin-box{
  grid-column:1 / -1 !important;
}

/* 4) Customer chat: clean composer, attachment beside text, no refresh button. */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-new-messages{display:none !important;visibility:hidden !important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{
  min-height:360px !important;
  height:auto !important;
  max-height:calc(100vh - 330px) !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) max-content !important;
  grid-template-areas:"attach field send" !important;
  gap:8px !important;
  align-items:stretch !important;
  direction:ltr !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{
  grid-area:attach !important;
  width:auto !important;
  min-width:76px !important;
  max-width:94px !important;
  min-height:44px !important;
  padding-inline:12px !important;
  direction:rtl !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field{
  grid-area:field !important;
  min-width:0 !important;
  direction:rtl !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{
  grid-area:send !important;
  width:auto !important;
  min-width:82px !important;
  max-width:104px !important;
  min-height:44px !important;
  padding-inline:18px !important;
  direction:rtl !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-field textarea{
  height:44px !important;
  min-height:44px !important;
  line-height:1.5 !important;
  padding:10px 14px !important;
  resize:vertical !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-upload-help{
  margin:7px 0 0 !important;
  text-align:end !important;
  font-size:11px !important;
  color:#6d7b92 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head .button,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-head button{
  width:auto !important;
  min-width:max-content !important;
  padding-inline:16px !important;
  white-space:nowrap !important;
}

/* 5) Gifts scheduler: no narrow broken column, no huge unused blank space. */
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-schedule-field-wide{
  grid-column:auto !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-gift-schedule-card,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form > .tc-save-bar{
  grid-column:1 / -1 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-schedule-datetime-pair{
  display:grid !important;
  grid-template-columns:minmax(140px,1fr) minmax(94px,.55fr) !important;
  gap:8px !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-iso-picker,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-iso-picker-shell{
  width:100% !important;
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-iso-picker-display{
  width:100% !important;
  min-width:0 !important;
  padding-inline:10px !important;
  font-size:12px !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
  width:100% !important;
  padding:16px !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-schedule-builder-head,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-weekday-picker,
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-schedule-card > .tc-campaign-selection{
  grid-column:1 / -1 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-weekday-picker > div{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-weekday-picker label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  width:auto !important;
  min-width:92px !important;
  min-height:40px !important;
  padding:7px 12px !important;
  border:1px solid #dce6f3 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

@media (max-width:900px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-card-wide{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-schedule-datetime-pair{grid-template-columns:1fr 104px !important;}
}
@media (max-width:640px){
  html body.tc-standalone .tc-pin-status{grid-template-columns:max-content minmax(0,1fr) !important;gap:10px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search{gap:8px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search button,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-management-search .tc-search .button{min-width:74px !important;padding-inline:12px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts,
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-customer-profile-facts-wide{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-messages{min-height:300px !important;max-height:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-composer-row{grid-template-columns:44px minmax(0,1fr) 64px !important;gap:6px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-button{min-width:44px !important;max-width:44px !important;padding-inline:0 !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-attach-label{display:none !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-chat-send-button{min-width:64px !important;max-width:70px !important;padding-inline:10px !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-gift-form .tc-schedule-datetime-pair{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] .tc-weekday-picker label{min-width:calc(50% - 4px) !important;}
}

/* Final override: gift schedule card must span the whole gift form width. */
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-card form.tc-gift-form > div.tc-gift-schedule-card.tc-schedule-field-wide,
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-card form.tc-gift-form > div.tc-save-bar{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-card form.tc-gift-form > label.tc-schedule-field.tc-schedule-field-wide{
  grid-column:auto !important;
}

/* Final override: customer search must stay one row. */
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-management-search form.tc-search{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:10px !important;
  direction:rtl !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-management-search form.tc-search input[name="lookup"]{
  flex:1 1 0 !important;
  width:0 !important;
  min-width:0 !important;
  max-width:none !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-management-search form.tc-search button.button{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:82px !important;
  max-width:112px !important;
  padding-inline:18px !important;
}
@media (max-width:640px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-management-search form.tc-search button.button{min-width:72px !important;max-width:86px !important;padding-inline:12px !important;}
}

/* TeleCode final scoped fixes — do not touch payment/provider/order logic. */

/* 1) Arabic support composer: visual order is Send | text field | Attach. */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer{
  display:block !important;
  padding:10px 12px !important;
  border-top:1px solid #e5ebf3 !important;
  background:#ffffff !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-row{
  display:grid !important;
  grid-template-columns:minmax(72px,max-content) minmax(0,1fr) minmax(44px,max-content) !important;
  grid-template-areas:"send field attach" !important;
  gap:8px !important;
  align-items:center !important;
  direction:ltr !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-send-button{
  grid-area:send !important;
  width:auto !important;
  min-width:72px !important;
  max-width:96px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:21px !important;
  white-space:nowrap !important;
  direction:rtl !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-field{
  grid-area:field !important;
  min-width:0 !important;
  direction:rtl !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-field textarea{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  max-height:130px !important;
  padding:9px 14px !important;
  line-height:1.55 !important;
  border-radius:21px !important;
  box-sizing:border-box !important;
  resize:vertical !important;
  vertical-align:middle !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-button{
  grid-area:attach !important;
  width:auto !important;
  min-width:44px !important;
  max-width:86px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 12px !important;
  border-radius:21px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  white-space:nowrap !important;
  direction:rtl !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-upload-help{
  margin:6px 2px 0 !important;
  font-size:11px !important;
  line-height:1.5 !important;
  color:#7a8799 !important;
  text-align:right !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-head-actions .button,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-panel-head .button{
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  padding:0 16px !important;
  height:38px !important;
  line-height:36px !important;
  white-space:nowrap !important;
}
@media(max-width:640px){
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer{padding:8px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-row{
    grid-template-columns:62px minmax(0,1fr) 42px !important;
    grid-template-areas:"send field attach" !important;
    gap:6px !important;
  }
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-send-button{min-width:62px !important;max-width:66px !important;padding:0 9px !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-button{min-width:42px !important;max-width:42px !important;padding:0 !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-label{display:none !important;}
}

/* 2) Customer balance edit: compact choices and normal action button. */
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(150px,1fr)) !important;
  gap:12px !important;
  align-items:end !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form > label{
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form .tc-checkbox-card{
  grid-column:auto !important;
  min-height:46px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
  align-self:stretch !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form .tc-checkbox-card input[type="checkbox"]{
  flex:0 0 auto !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form .tc-checkbox-card span{
  min-width:0 !important;
  font-size:12px !important;
  line-height:1.6 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form .tc-checkbox-card small{
  display:block !important;
  margin-top:2px !important;
  font-size:10.5px !important;
  color:#667085 !important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form > .button.tc-full{
  grid-column:auto !important;
  width:auto !important;
  min-width:126px !important;
  max-width:180px !important;
  justify-self:start !important;
  padding-inline:18px !important;
  white-space:nowrap !important;
}
@media(max-width:1100px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form{grid-template-columns:repeat(2,minmax(150px,1fr)) !important;}
}
@media(max-width:640px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-balance-card .tc-user-balance-form > .button.tc-full{width:100% !important;max-width:none !important;justify-self:stretch !important;}
}

/* 3) Unified schedule/date/time sizing across admin pages. */
html body.tc-standalone[data-admin-page] main.tc-main .tc-schedule-datetime-pair{
  display:grid !important;
  grid-template-columns:minmax(160px,1fr) minmax(108px,128px) !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(.tc-schedule-field,.tc-schedule-builder,.tc-gift-schedule-card){
  min-width:0 !important;
  box-sizing:border-box !important;
}
html body.tc-standalone[data-admin-page] main.tc-main :is(.tc-schedule-field input[type="date"],.tc-schedule-field input[type="time"],.tc-schedule-datetime-pair input,.tc-iso-picker-display,.tc-iso-picker-shell){
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  box-sizing:border-box !important;
  font-size:12px !important;
  line-height:1.4 !important;
}
html body.tc-standalone[data-admin-page] main.tc-main .tc-schedule-field input[type="time"],
html body.tc-standalone[data-admin-page] main.tc-main .tc-schedule-datetime-pair input[type="time"]{
  min-width:108px !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-form{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-form > .tc-gift-schedule-card,
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-form > .tc-save-bar{
  grid-column:1 / -1 !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-schedule-card{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-weekday-picker > div{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-weekday-picker label{
  display:inline-flex !important;
  width:auto !important;
  min-width:82px !important;
  min-height:38px !important;
  padding:7px 10px !important;
  align-items:center !important;
  justify-content:center !important;
}
@media(max-width:640px){
  html body.tc-standalone[data-admin-page] main.tc-main .tc-schedule-datetime-pair{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-form{grid-template-columns:1fr !important;}
}

/* 4) Payment review service. */
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-form{
  display:grid !important;
  grid-template-columns:minmax(180px,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-result{
  margin-top:14px !important;
  padding:14px !important;
  border:1px solid #dde6f2 !important;
  border-radius:14px !important;
  background:#f8fbff !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-summary{
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  align-items:flex-start !important;
  margin-bottom:12px !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-summary h3{margin:7px 0 4px !important;font-size:16px !important;}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-summary p{margin:0 !important;color:#475467 !important;line-height:1.7 !important;}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;
  gap:10px !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-grid > div{
  padding:10px !important;
  border:1px solid #e1e8f2 !important;
  border-radius:12px !important;
  background:#fff !important;
  min-width:0 !important;
}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-grid span{display:block !important;font-size:11px !important;color:#667085 !important;margin-bottom:4px !important;}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-grid strong{display:block !important;font-size:12px !important;word-break:break-word !important;}
html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-note{font-size:12px !important;color:#475467 !important;line-height:1.8 !important;margin:12px 0 0 !important;}
@media(max-width:640px){
  html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-form{grid-template-columns:1fr !important;}
  html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-form .button{width:100% !important;}
  html body.tc-standalone[data-admin-page="telecode-wallet"] main.tc-main .tc-payment-review-summary{display:block !important;}
}

/* 5) PIN/status cards: never split active label. */
html body.tc-standalone .tc-pin-status{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
}
html body.tc-standalone .tc-pin-status :is(.tc-status-pill,.tc-status,.tc-badge){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  line-height:1.4 !important;
  padding-inline:12px !important;
}

/* =====================================================================
   TeleCode final authority pass — UI consistency after real-device review.
   Scope is visual only: forms, buttons, tables, schedules, chat composer.
   ===================================================================== */
html body.tc-standalone .tc-main,
html body.tc-standalone .tc-main *{box-sizing:border-box!important;}
html body.tc-standalone .tc-main .tc-card{max-width:100%!important;overflow:visible!important;}
html body.tc-standalone .tc-main :is(label,.tc-schedule-field){min-width:0!important;}

/* unified fields */
html body.tc-standalone .tc-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.tc-native-picker-input),select,textarea){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 13px!important;
  border:1px solid #cfe0f8!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#17233a!important;
  font-size:13px!important;
  line-height:1.5!important;
  box-shadow:none!important;
  outline:0!important;
}
html body.tc-standalone .tc-main textarea{
  resize:none!important;
  overflow:auto!important;
  padding-top:11px!important;
  padding-bottom:9px!important;
}
html body.tc-standalone .tc-main :is(input,select,textarea):focus{
  border-color:#8fb5ff!important;
  box-shadow:0 0 0 3px rgba(47,101,217,.10)!important;
}
html body.tc-standalone .tc-main :is(input,textarea)::placeholder{color:#9aa8bd!important;opacity:1!important;}

/* unified buttons: content-sized by default, not stretched unless explicitly intended */
html body.tc-standalone .tc-main :is(button.button,a.button,input[type="submit"],.button){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:max-content!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
html body.tc-standalone .tc-main .tc-save-bar{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
html body.tc-standalone .tc-main .tc-save-bar .button{width:auto!important;min-width:150px!important;}
html body.tc-standalone .tc-main .tc-row-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
}

/* tables: predictable and scrollable, never crushed */
html body.tc-standalone .tc-main .tc-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  border:1px solid #dde8f7!important;
  border-radius:15px!important;
  background:#fff!important;
}
html body.tc-standalone .tc-main table.widefat{
  width:100%!important;
  min-width:760px!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
}
html body.tc-standalone .tc-main table.widefat :is(th,td){
  padding:12px 13px!important;
  vertical-align:middle!important;
  line-height:1.65!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
html body.tc-standalone .tc-main table.widefat th{font-size:12px!important;color:#66758f!important;font-weight:800!important;}
html body.tc-standalone .tc-main table.widefat td{font-size:12.5px!important;color:#17233a!important;}

/* chat composer: Arabic RTL visual order = [Send] [Message] [Attach]. */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer{
  width:100%!important;
  padding:10px!important;
  border:1px solid #d7e5f8!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-row{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 58px!important;
  grid-template-areas:"send field attach"!important;
  gap:8px!important;
  align-items:center!important;
  direction:ltr!important;
  width:100%!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-send-button{grid-area:send!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:44px!important;min-height:44px!important;padding:0 10px!important;border-radius:14px!important;direction:rtl!important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-field{grid-area:field!important;min-width:0!important;width:100%!important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-field textarea{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  border-radius:14px!important;
  padding:11px 14px 9px!important;
  resize:none!important;
  overflow:hidden!important;
  text-align:right!important;
  direction:rtl!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-button{
  grid-area:attach!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  direction:rtl!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-label{display:none!important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-icon,
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-icon svg{width:22px!important;height:22px!important;display:block!important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-upload-help{
  margin:7px 4px 0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.6!important;
  text-align:right!important;
  color:#76859b!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-head-actions .button{min-width:max-content!important;width:auto!important;}
@media(max-width:640px){
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer{padding:8px!important;border-radius:14px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-row{grid-template-columns:64px minmax(0,1fr) 46px!important;gap:6px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-send-button{width:64px!important;min-width:64px!important;max-width:64px!important;height:42px!important;min-height:42px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-attach-button{width:46px!important;min-width:46px!important;max-width:46px!important;height:42px!important;min-height:42px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] main.tc-main .tc-chat-composer-field textarea{height:42px!important;min-height:42px!important;max-height:42px!important;}
}

/* scheduling: one date/time system everywhere. */
html body.tc-standalone .tc-main .tc-schedule-field{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:12px!important;
  border:1px solid #dce8f7!important;
  border-radius:15px!important;
  background:#fff!important;
}
html body.tc-standalone .tc-main .tc-schedule-field > span:first-child,
html body.tc-standalone .tc-main .tc-iso-picker > small{
  display:block!important;
  margin:0!important;
  color:#66758f!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.5!important;
}
html body.tc-standalone .tc-main .tc-schedule-datetime-pair{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:8px!important;
  align-items:end!important;
  width:100%!important;
  direction:ltr!important;
}
html body.tc-standalone .tc-main .tc-iso-picker{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  direction:rtl!important;
}
html body.tc-standalone .tc-main .tc-iso-picker-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  border:1px solid #cfe0f8!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
html body.tc-standalone .tc-main .tc-iso-picker-display{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  border:0!important;
  border-radius:0!important;
  padding:0 10px!important;
  background:transparent!important;
  box-shadow:none!important;
  direction:ltr!important;
  text-align:center!important;
  font-size:12px!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
}
html body.tc-standalone .tc-main .tc-iso-picker-button{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:0!important;
  border-inline-start:1px solid #dce8f7!important;
  border-radius:0!important;
  background:#f8fbff!important;
  color:#49627e!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body.tc-standalone .tc-main .tc-iso-picker-button svg{width:18px!important;height:18px!important;}
html body.tc-standalone .tc-main .tc-native-picker-input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  padding:0!important;
  border:0!important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-form{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-schedule-card{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-schedule-card > .tc-schedule-builder-head{grid-column:1 / -1!important;}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-weekday-picker > div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-weekday-picker label{
  width:auto!important;
  min-width:88px!important;
  min-height:38px!important;
  padding:7px 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
}
@media(max-width:760px){
  html body.tc-standalone .tc-main .tc-schedule-datetime-pair{grid-template-columns:1fr!important;direction:rtl!important;}
  html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-form,
  html body.tc-standalone[data-admin-page="telecode-gifts"] main.tc-main .tc-gift-schedule-card{grid-template-columns:1fr!important;}
}

/* customer management: balanced profile and compact balance actions */
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-management-search .tc-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  gap:10px!important;
  align-items:center!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-management-search .tc-search .button{width:92px!important;min-width:92px!important;}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-profile-facts{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-profile-facts div{
  min-width:0!important;
  min-height:64px!important;
  padding:11px 12px!important;
  border:1px solid #dce8f7!important;
  border-radius:13px!important;
  background:#f8fbff!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-user-balance-form{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-user-balance-form .tc-checkbox-card{
  grid-column:auto!important;
  min-height:46px!important;
  padding:9px 11px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border-radius:13px!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-user-balance-form .tc-checkbox-card input[type="checkbox"]{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-user-balance-form .tc-checkbox-card span{font-size:12px!important;line-height:1.55!important;min-width:0!important;}
html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-user-balance-form > button.tc-full{
  grid-column:auto!important;
  justify-self:start!important;
  width:auto!important;
  min-width:132px!important;
  max-width:190px!important;
}
@media(max-width:1100px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-user-balance-form{grid-template-columns:repeat(2,minmax(150px,1fr))!important;}
}
@media(max-width:640px){
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-management-search .tc-search{grid-template-columns:1fr 78px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-customer-management-search .tc-search .button{width:78px!important;min-width:78px!important;padding-inline:10px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-user-balance-form{grid-template-columns:1fr!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] main.tc-main .tc-user-balance-form > button.tc-full{width:100%!important;max-width:none!important;justify-self:stretch!important;}
}

/* status pill: never split Arabic words such as مفعل. */
html body.tc-standalone .tc-main :is(.tc-status-pill,.tc-country-active,.tc-user-statuses .tc-status,.tc-pin-status .tc-status-pill){
  display:inline-flex!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  align-items:center!important;
  justify-content:center!important;
  padding-inline:12px!important;
  line-height:1.45!important;
}

/* =====================================================================
   TeleCode v1.0.31 — last audited UI authority pass
   Scope: PHP output classes + CSS layout only. Payment/provider/order logic untouched.
   ===================================================================== */
html body .tc-main, html body .tc-main *{box-sizing:border-box!important;}
html body .tc-main{max-width:100%!important;overflow-x:hidden!important;}
html body .tc-main .tc-card{max-width:100%!important;overflow:visible!important;}
html body .tc-main :is(label,.tc-schedule-field,.tc-checkbox-card){min-width:0!important;}

/* Clean field baseline: one height, one radius, no crushed text. */
html body .tc-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.tc-native-picker-input),select,textarea){
  width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;min-height:44px!important;
  padding:0 13px!important;border:1px solid #cfe0f8!important;border-radius:13px!important;background:#fff!important;
  color:#17233a!important;font-size:13px!important;line-height:1.5!important;box-shadow:none!important;outline:0!important;
}
html body .tc-main textarea{resize:none!important;overflow:auto!important;padding-top:11px!important;padding-bottom:9px!important;}
html body .tc-main :is(input,select,textarea):focus{border-color:#8fb5ff!important;box-shadow:0 0 0 3px rgba(47,101,217,.10)!important;}
html body .tc-main :is(input,textarea)::placeholder{color:#9aa8bd!important;opacity:1!important;}
html body .tc-main :is(button.button,a.button,input[type="submit"],.button){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  width:auto!important;max-width:100%!important;min-width:max-content!important;height:42px!important;min-height:42px!important;
  padding:0 16px!important;border-radius:13px!important;font-size:13px!important;font-weight:800!important;line-height:1!important;
  white-space:nowrap!important;text-decoration:none!important;
}
html body .tc-main .tc-save-bar{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:flex-start!important;}
html body .tc-main .tc-row-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important;}

/* Tables: scroll instead of squeezing columns. */
html body .tc-main .tc-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;border:1px solid #dde8f7!important;border-radius:15px!important;background:#fff!important;}
html body .tc-main table.widefat{width:100%!important;min-width:780px!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;}
html body .tc-main table.widefat :is(th,td){padding:12px 13px!important;vertical-align:middle!important;line-height:1.65!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;}
html body .tc-main table.widefat th{font-size:12px!important;color:#66758f!important;font-weight:800!important;}
html body .tc-main table.widefat td{font-size:12.5px!important;color:#17233a!important;}

/* ISO schedule picker: date and time boxes are consistent everywhere. */
html body .tc-main .tc-schedule-field{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important;border:1px solid #dce8f7!important;border-radius:15px!important;background:#fff!important;min-height:0!important;}
html body .tc-main .tc-schedule-field>span:first-child,
html body .tc-main .tc-iso-picker>small{display:block!important;margin:0!important;color:#66758f!important;font-size:11px!important;font-weight:800!important;line-height:1.5!important;white-space:nowrap!important;}
html body .tc-main .tc-schedule-datetime-pair{display:grid!important;grid-template-columns:minmax(178px,1fr) minmax(106px,116px)!important;gap:8px!important;align-items:end!important;width:100%!important;direction:ltr!important;}
html body .tc-main .tc-iso-picker{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important;min-width:0!important;direction:rtl!important;}
html body .tc-main .tc-iso-picker-date{min-width:170px!important;}
html body .tc-main .tc-iso-picker-time{min-width:106px!important;}
html body .tc-main .tc-iso-picker-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;border:1px solid #cfe0f8!important;border-radius:13px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;}
html body .tc-main .tc-iso-picker-display{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;border:0!important;border-radius:0!important;padding:0 9px!important;background:transparent!important;box-shadow:none!important;direction:ltr!important;text-align:center!important;font-size:12px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;letter-spacing:-.1px!important;}
html body .tc-main .tc-iso-picker-button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border:0!important;border-inline-start:1px solid #dce8f7!important;border-radius:0!important;background:#f8fbff!important;color:#49627e!important;display:flex!important;align-items:center!important;justify-content:center!important;}
html body .tc-main .tc-iso-picker-button svg{width:18px!important;height:18px!important;}
html body .tc-main .tc-native-picker-input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;padding:0!important;border:0!important;}

/* Campaign/message schedule builders: no side gaps or broken fields. */
html body .tc-main .tc-schedule-builder{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:14px!important;align-items:start!important;width:100%!important;padding:16px!important;border:1px solid #dce8f7!important;border-radius:16px!important;background:#fff!important;}
html body .tc-main .tc-schedule-builder-head,
html body .tc-main .tc-schedule-summary{grid-column:1 / -1!important;}
html body .tc-main .tc-schedule-builder-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;border-bottom:1px solid #e8eef7!important;padding-bottom:10px!important;margin-bottom:2px!important;}
html body .tc-main .tc-schedule-builder-head :is(h2,h3,strong){margin:0!important;font-size:15px!important;line-height:1.55!important;color:#182230!important;}
html body .tc-main .tc-schedule-builder-head :is(p,small){display:block!important;margin:3px 0 0!important;color:#667085!important;line-height:1.7!important;}
html body .tc-main .tc-message-send-schedule{display:grid!important;grid-template-columns:minmax(220px,.46fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;width:100%!important;}
html body .tc-main .tc-message-send-schedule .tc-schedule-controls{display:grid!important;grid-template-columns:minmax(210px,.45fr) minmax(280px,1fr)!important;gap:12px!important;align-items:stretch!important;width:100%!important;}
html body .tc-main .tc-message-send-schedule .tc-checkbox-card,
html body .tc-main .tc-message-send-schedule .tc-schedule-field{min-height:98px!important;}

/* Gifts page: balanced rows, no empty right-side column, compact weekday chips. */
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-form{display:grid!important;grid-template-columns:repeat(4,minmax(230px,1fr))!important;gap:14px!important;align-items:start!important;width:100%!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-form>.tc-schedule-field-wide:not(.tc-gift-schedule-card){grid-column:auto!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-form>.tc-checkbox-card{min-height:44px!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-schedule-card{grid-column:1 / -1!important;display:grid!important;grid-template-columns:repeat(4,minmax(220px,1fr))!important;gap:14px!important;align-items:start!important;width:100%!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-schedule-card>.tc-schedule-builder-head{grid-column:1 / -1!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-schedule-card>.tc-checks{grid-column:1 / -1!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:10px!important;width:100%!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-schedule-card>.tc-schedule-inline-grid{grid-column:1 / -1!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important;width:100%!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-schedule-card>.tc-weekday-picker,
html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-schedule-card>.tc-campaign-selection{grid-column:1 / -1!important;width:100%!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-weekday-picker{display:grid!important;gap:8px!important;padding:12px!important;border:1px solid #dce8f7!important;border-radius:15px!important;background:#fff!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-weekday-picker>span{font-size:12px!important;font-weight:800!important;color:#344054!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-weekday-picker>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;}
html body[data-admin-page="telecode-gifts"] .tc-main .tc-weekday-picker label{width:auto!important;min-width:86px!important;min-height:38px!important;padding:7px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #d6e2f3!important;border-radius:12px!important;background:#f8fbff!important;}

/* Support composer: Arabic order visually [Send] [Message] [Attach]. */
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer{width:100%!important;padding:10px!important;border:1px solid #d7e5f8!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;}
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-row{display:grid!important;grid-template-columns:72px minmax(0,1fr) 46px!important;grid-template-areas:"send field attach"!important;gap:8px!important;align-items:center!important;direction:ltr!important;width:100%!important;}
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-send-button{grid-area:send!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:44px!important;min-height:44px!important;padding:0 10px!important;border-radius:14px!important;direction:rtl!important;}
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-field{grid-area:field!important;min-width:0!important;width:100%!important;}
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-field textarea{height:44px!important;min-height:44px!important;max-height:44px!important;border-radius:14px!important;padding:11px 14px 9px!important;resize:none!important;overflow:hidden!important;text-align:right!important;direction:rtl!important;}
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-attach-button{grid-area:attach!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;direction:rtl!important;}
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-attach-label{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;}
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-attach-icon,
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-attach-icon svg{width:22px!important;height:22px!important;display:block!important;}
html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-upload-help{margin:7px 4px 0!important;padding:0!important;font-size:10.5px!important;line-height:1.6!important;text-align:right!important;color:#76859b!important;}

/* Customer balance block: compact checkboxes and action button. */
html body[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:12px!important;align-items:end!important;}
html body[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form .tc-checkbox-card{grid-column:auto!important;min-height:46px!important;padding:9px 11px!important;display:flex!important;align-items:center!important;gap:9px!important;border-radius:13px!important;}
html body[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form .tc-checkbox-card input[type="checkbox"]{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;}
html body[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form .tc-checkbox-card span{font-size:12px!important;line-height:1.55!important;min-width:0!important;}
html body[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form>button.tc-full{grid-column:auto!important;justify-self:start!important;width:auto!important;min-width:132px!important;max-width:190px!important;}

/* Status pills: Arabic words never split. */
html body .tc-main :is(.tc-status-pill,.tc-country-active,.tc-user-statuses .tc-status,.tc-pin-status .tc-status-pill){display:inline-flex!important;width:auto!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;align-items:center!important;justify-content:center!important;padding-inline:12px!important;line-height:1.45!important;}

@media(max-width:1200px){
  html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-form{grid-template-columns:repeat(2,minmax(230px,1fr))!important;}
  html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-schedule-card{grid-template-columns:repeat(2,minmax(220px,1fr))!important;}
  html body .tc-main .tc-message-send-schedule{grid-template-columns:1fr!important;}
  html body .tc-main .tc-message-send-schedule .tc-schedule-controls{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:760px){
  html body .tc-main .tc-schedule-builder,
  html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-form,
  html body[data-admin-page="telecode-gifts"] .tc-main .tc-gift-schedule-card,
  html body .tc-main .tc-message-send-schedule .tc-schedule-controls{grid-template-columns:1fr!important;}
  html body .tc-main .tc-schedule-datetime-pair{grid-template-columns:1fr!important;direction:rtl!important;}
  html body .tc-main .tc-iso-picker-date,
  html body .tc-main .tc-iso-picker-time{min-width:0!important;}
  html body[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form{grid-template-columns:1fr!important;}
  html body[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form>button.tc-full{width:100%!important;max-width:none!important;justify-self:stretch!important;}
}
@media(max-width:520px){
  html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer{padding:8px!important;border-radius:14px!important;}
  html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-row{grid-template-columns:64px minmax(0,1fr) 42px!important;gap:6px!important;}
  html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-send-button{width:64px!important;min-width:64px!important;max-width:64px!important;height:42px!important;min-height:42px!important;}
  html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-attach-button{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;}
  html body[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-field textarea{height:42px!important;min-height:42px!important;max-height:42px!important;}
}

/* =====================================================================
   TeleCode v1.0.31 — stable mobile containment layer
   Purpose: fix the real phone overflow from the container level, not by
   patching one checkbox or one page. Keep desktop layout untouched.
   ===================================================================== */
html body.tc-standalone,
html body.tc-standalone .tc-app,
html body.tc-standalone .tc-main-scroll,
html body.tc-standalone .tc-main{
  box-sizing:border-box!important;
  max-width:100%!important;
}
html body.tc-standalone .tc-main,
html body.tc-standalone .tc-main *{box-sizing:border-box!important;}
html body.tc-standalone .tc-main :where(.tc-card,.tc-settings-card,.tc-list-card,.tc-table-wrap,.tc-form-grid,.tc-stats,.tc-mini-stats,.tc-section-head,form,label,fieldset,details,summary){min-width:0!important;max-width:100%!important;}
html body.tc-standalone .tc-main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){max-width:100%!important;min-width:0!important;}

/* Real checkbox normalization. Toggle switches remain hidden/custom. */
html body.tc-standalone .tc-main label.tc-checkbox-card:not(.tc-toggle-card),
html body.tc-standalone .tc-main .tc-checks label.tc-checkbox-card:not(.tc-toggle-card),
html body.tc-standalone .tc-main .tc-pin-remove-option{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:10px 13px!important;
  border:1px solid #d7e3f3!important;
  border-radius:13px!important;
  background:#f8fbff!important;
  overflow:hidden!important;
  text-align:start!important;
  line-height:1.55!important;
}
html body.tc-standalone .tc-main label.tc-checkbox-card:not(.tc-toggle-card) > input[type="checkbox"],
html body.tc-standalone .tc-main .tc-checks label.tc-checkbox-card:not(.tc-toggle-card) > input[type="checkbox"],
html body.tc-standalone .tc-main .tc-pin-remove-option > input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  opacity:1!important;
  pointer-events:auto!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 18px!important;
  inline-size:18px!important;
  block-size:18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #b8c6d8!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  direction:ltr!important;
}
html body.tc-standalone .tc-main label.tc-checkbox-card:not(.tc-toggle-card) > input[type="checkbox"]::before,
html body.tc-standalone .tc-main .tc-checks label.tc-checkbox-card:not(.tc-toggle-card) > input[type="checkbox"]::before,
html body.tc-standalone .tc-main .tc-pin-remove-option > input[type="checkbox"]::before{
  content:""!important;
  width:5px!important;
  height:9px!important;
  border:0!important;
  border-right:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:translateY(-1px) rotate(45deg) scale(0)!important;
  transform-origin:center!important;
}
html body.tc-standalone .tc-main label.tc-checkbox-card:not(.tc-toggle-card) > input[type="checkbox"]:checked,
html body.tc-standalone .tc-main .tc-checks label.tc-checkbox-card:not(.tc-toggle-card) > input[type="checkbox"]:checked,
html body.tc-standalone .tc-main .tc-pin-remove-option > input[type="checkbox"]:checked{
  background:#315fd5!important;
  border-color:#315fd5!important;
}
html body.tc-standalone .tc-main label.tc-checkbox-card:not(.tc-toggle-card) > input[type="checkbox"]:checked::before,
html body.tc-standalone .tc-main .tc-checks label.tc-checkbox-card:not(.tc-toggle-card) > input[type="checkbox"]:checked::before,
html body.tc-standalone .tc-main .tc-pin-remove-option > input[type="checkbox"]:checked::before{
  transform:translateY(-1px) rotate(45deg) scale(1)!important;
}
html body.tc-standalone .tc-main label.tc-checkbox-card:not(.tc-toggle-card) > span,
html body.tc-standalone .tc-main .tc-checks label.tc-checkbox-card:not(.tc-toggle-card) > span,
html body.tc-standalone .tc-main .tc-pin-remove-option > span{
  min-width:0!important;
  max-width:100%!important;
  flex:1 1 auto!important;
  display:block!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
html body.tc-standalone .tc-main label.tc-toggle-card > input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Balance adjustment block: stable on desktop and phones. */
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(140px,1fr))!important;
  gap:12px!important;
  align-items:end!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form > label:not(.tc-checkbox-card){
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form > .tc-checkbox-card{
  grid-column:auto!important;
  align-self:stretch!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form > button.tc-full{
  grid-column:auto!important;
  justify-self:start!important;
  width:auto!important;
  min-width:140px!important;
  max-width:220px!important;
  margin:0!important;
}

/* Support composer: one row, Arabic visual order [Send] [Message] [Attach]. */
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer{
  width:100%!important;
  max-width:100%!important;
  padding:10px!important;
  border:1px solid #d7e5f8!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-row{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr) 48px!important;
  grid-template-areas:"send field attach"!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  direction:ltr!important;
}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-send-button{grid-area:send!important;width:74px!important;min-width:74px!important;max-width:74px!important;height:44px!important;min-height:44px!important;padding:0 10px!important;border-radius:14px!important;direction:rtl!important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-field{grid-area:field!important;min-width:0!important;width:100%!important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-field textarea{height:44px!important;min-height:44px!important;max-height:44px!important;padding:10px 14px!important;resize:none!important;overflow:hidden!important;line-height:1.55!important;text-align:right!important;direction:rtl!important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-attach-button{grid-area:attach!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-attach-label{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;}

@media (max-width:720px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  html body.tc-standalone{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  html body.tc-standalone .tc-app{width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important;}
  html body.tc-standalone .tc-main-scroll{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;}
  html body.tc-standalone .tc-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:12px 10px 34px!important;overflow-x:hidden!important;}
  html body.tc-standalone .tc-main > *{width:100%!important;max-width:100%!important;min-width:0!important;}
  html body.tc-standalone .tc-main :where(.tc-card,.tc-settings-card,.tc-list-card,.tc-template-section,.tc-subscription-panel,.tc-reset-card){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding:13px!important;overflow:hidden!important;}
  html body.tc-standalone .tc-main :where(.tc-form-grid,.tc-stats,.tc-mini-stats,.tc-checks,.tc-toolbar,.tc-search,.tc-search-wide,.tc-form-actions,.tc-save-bar,.tc-actions,.tc-section-head){display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important;align-items:stretch!important;}
  html body.tc-standalone .tc-main :where(.tc-toolbar,.tc-section-head){display:grid!important;}
  html body.tc-standalone .tc-main :where(.tc-toolbar>*,.tc-search>*,.tc-search-wide>*,.tc-form-actions>*,.tc-save-bar>*,.tc-actions>*,.tc-section-head>*){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;}
  html body.tc-standalone .tc-main :where(.tc-toolbar .button,.tc-search .button,.tc-search-wide .button,.tc-form-actions .button,.tc-save-bar .button,.tc-actions .button){width:100%!important;max-width:100%!important;justify-content:center!important;}

  /* Mobile tables become cards; if a special table cannot, it scrolls inside its own wrapper only. */
  html body.tc-standalone .tc-main .tc-table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;overflow-y:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;border:0!important;background:transparent!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table thead{display:none!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table tbody{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table tr{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;border:1px solid #dce6f3!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 6px 16px rgba(16,24,40,.04)!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table td{display:grid!important;grid-template-columns:minmax(76px,30%) minmax(0,1fr)!important;gap:9px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:10px 11px!important;border:0!important;border-bottom:1px solid #edf1f6!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;text-align:start!important;align-items:start!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table td:last-child{border-bottom:0!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table td::before{content:attr(data-label)!important;display:block!important;min-width:0!important;font-size:10px!important;line-height:1.6!important;font-weight:800!important;color:#66758f!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table td > *{min-width:0!important;max-width:100%!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table td[data-full-row="1"]{display:block!important;text-align:center!important;}
  html body.tc-standalone .tc-main table.tc-responsive-table td[data-full-row="1"]::before{display:none!important;content:none!important;}

  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form{grid-template-columns:1fr!important;overflow:hidden!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-management"] .tc-main .tc-user-balance-form > button.tc-full{width:100%!important;max-width:100%!important;justify-self:stretch!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-row{grid-template-columns:66px minmax(0,1fr) 44px!important;gap:6px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-send-button{width:66px!important;min-width:66px!important;max-width:66px!important;height:42px!important;min-height:42px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-attach-button{width:44px!important;min-width:44px!important;max-width:44px!important;height:42px!important;min-height:42px!important;}
  html body.tc-standalone[data-admin-page="telecode-customer-chat"] .tc-main .tc-chat-composer-field textarea{height:42px!important;min-height:42px!important;max-height:42px!important;}
}

@media (min-width:721px){
  html body.tc-standalone .tc-main .tc-table-wrap{overflow-x:auto!important;}
}

/* ================================================================
   Final country pricing layout pass
   Purpose: make country boxes understandable and keep country cards
   clean on desktop/mobile. Visual-only; no pricing/provider logic.
   ================================================================ */
body[data-admin-page="telecode-countries"] .tc-countries-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
}
body[data-admin-page="telecode-countries"] .tc-countries-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
body[data-admin-page="telecode-countries"] .tc-country-price-chip{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  max-width:100%!important;
  padding:7px 9px!important;
  border:1px solid #e2e8f0!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  box-sizing:border-box!important;
}
body[data-admin-page="telecode-countries"] .tc-country-price-chip b{
  font-size:9px!important;
  line-height:1.35!important;
  color:#64748b!important;
  font-weight:800!important;
}
body[data-admin-page="telecode-countries"] .tc-country-price-chip strong{
  font-size:11px!important;
  line-height:1.35!important;
  color:#0f172a!important;
  overflow-wrap:anywhere!important;
}
body[data-admin-page="telecode-countries"] .tc-country-price-sale{
  background:#eef6ff!important;
  border-color:#cfe3ff!important;
}
body[data-admin-page="telecode-countries"] .tc-country-settings-form{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
body[data-admin-page="telecode-countries"] .tc-country-settings-title{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  padding:8px 10px!important;
  border:1px solid #e5eaf2!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  box-sizing:border-box!important;
}
body[data-admin-page="telecode-countries"] .tc-country-settings-title strong{
  font-size:10.5px!important;
  line-height:1.5!important;
  color:#1e293b!important;
}
body[data-admin-page="telecode-countries"] .tc-country-settings-title small{
  font-size:8.5px!important;
  line-height:1.5!important;
  color:#64748b!important;
}
body[data-admin-page="telecode-countries"] .tc-country-fieldbox{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid #e3e9f2!important;
  border-radius:10px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
body[data-admin-page="telecode-countries"] .tc-country-fieldbox>span,
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid label>span{
  display:block!important;
  margin:0!important;
  color:#475569!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body[data-admin-page="telecode-countries"] .tc-country-fieldbox input,
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid input,
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 9px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}
body[data-admin-page="telecode-countries"] .tc-country-alerts{
  grid-column:1/-1!important;
  min-width:0!important;
  max-width:100%!important;
  border:1px solid #e3e9f2!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body[data-admin-page="telecode-countries"] .tc-country-alerts>summary{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 10px!important;
  background:#f8fafc!important;
  cursor:pointer!important;
  color:#334155!important;
  font-size:10px!important;
  font-weight:800!important;
  box-sizing:border-box!important;
}
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid{
  display:grid!important;
  grid-template-columns:2fr 1fr 1fr!important;
  gap:8px!important;
  padding:9px!important;
  box-sizing:border-box!important;
}
body[data-admin-page="telecode-countries"] .tc-country-alerts-grid label{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
}
body[data-admin-page="telecode-countries"] .tc-country-actions-row{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  padding:8px!important;
  border:1px solid #e3e9f2!important;
  border-radius:10px!important;
  background:#fbfdff!important;
  box-sizing:border-box!important;
}
body[data-admin-page="telecode-countries"] .tc-country-actions-row .tc-country-active{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#334155!important;
  font-size:10.5px!important;
  line-height:1.5!important;
  box-sizing:border-box!important;
}
body[data-admin-page="telecode-countries"] .tc-country-actions-row .tc-country-active input{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  flex:0 0 auto!important;
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
}
body[data-admin-page="telecode-countries"] .tc-country-actions-row .tc-country-save{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:108px!important;
  max-width:160px!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 14px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  box-sizing:border-box!important;
}
@media (min-width:721px){
  body[data-admin-page="telecode-countries"] .tc-countries-table{
    min-width:1120px!important;
    table-layout:fixed!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-name{width:16%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-dial{width:8%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-stock{width:9%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-provider{width:10%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-sale{width:10%!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table .tc-country-col-settings{width:47%!important}
  body[data-admin-page="telecode-countries"] .tc-country-settings-form{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name-ar{grid-column:1/3!important}
  body[data-admin-page="telecode-countries"] .tc-country-name-en{grid-column:3/5!important}
}
@media (max-width:720px){
  body[data-admin-page="telecode-countries"] .tc-countries-table-wrap{
    overflow:visible!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table,
  body[data-admin-page="telecode-countries"] .tc-countries-table tbody,
  body[data-admin-page="telecode-countries"] .tc-countries-table tr,
  body[data-admin-page="telecode-countries"] .tc-countries-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table thead,
  body[data-admin-page="telecode-countries"] .tc-countries-table colgroup{display:none!important}
  body[data-admin-page="telecode-countries"] .tc-countries-table tbody{
    display:grid!important;
    gap:12px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table tr{
    padding:12px!important;
    border:1px solid #dfe7f1!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(16,24,40,.045)!important;
    overflow:hidden!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td{
    display:grid!important;
    grid-template-columns:minmax(86px,34%) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    padding:8px 0!important;
    border:0!important;
    border-bottom:1px solid #edf2f7!important;
    text-align:start!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td:last-child{
    border-bottom:0!important;
    padding-bottom:0!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td::before{
    content:attr(data-label)!important;
    display:block!important;
    color:#64748b!important;
    font-size:9.5px!important;
    font-weight:900!important;
    line-height:1.5!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td[data-responsive-kind="actions"]{
    display:block!important;
    padding-top:10px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-countries-table td[data-responsive-kind="actions"]::before{
    display:block!important;
    margin-bottom:8px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-name strong,
  body[data-admin-page="telecode-countries"] .tc-country-name small{
    display:block!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-settings-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-settings-title{
    display:grid!important;
    justify-content:stretch!important;
    gap:3px!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-alerts-grid{
    grid-template-columns:1fr!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-actions-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  body[data-admin-page="telecode-countries"] .tc-country-actions-row .tc-country-save{
    width:100%!important;
    max-width:none!important;
  }
}

/* =========================================================
   TeleCode final visual audit polish v1.0.31
   الهدف: تحسين التناسق العام بدون تغيير منطق النظام.
   ========================================================= */
html,body.tc-standalone{max-width:100%!important}
body.tc-standalone .tc-main,body.tc-standalone .tc-main-scroll,body.tc-standalone .tc-content,body.tc-standalone .tc-card,body.tc-standalone .tc-settings-card,body.tc-standalone .tc-table-wrap{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.tc-standalone .tc-main *{box-sizing:border-box}
body.tc-standalone .tc-main img,body.tc-standalone .tc-main svg,body.tc-standalone .tc-main video,body.tc-standalone .tc-main iframe{max-width:100%}
body.tc-standalone .tc-main label,body.tc-standalone .tc-main .tc-field,body.tc-standalone .tc-main .tc-form-grid>*{min-width:0!important;max-width:100%!important}
body.tc-standalone .tc-main input:not([type="checkbox"]):not([type="radio"]),body.tc-standalone .tc-main select,body.tc-standalone .tc-main textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;line-height:1.55!important}
body.tc-standalone .tc-main textarea{resize:vertical!important;overflow:auto!important}
body.tc-standalone .tc-main .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;max-width:100%!important;line-height:1.25!important;white-space:nowrap!important;box-sizing:border-box!important}
body.tc-standalone .tc-main .tc-table-wrap{width:100%!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important}
body.tc-standalone .tc-main table.widefat{border-collapse:separate!important;border-spacing:0!important}
body.tc-standalone .tc-main :is(.tc-toolbar,.tc-section-head,.tc-save-bar,.tc-row-actions,.tc-form-actions){min-width:0!important;max-width:100%!important}
body.tc-standalone .tc-main :is(.tc-chip,.tc-badge,.tc-status-pill,.tc-status,.tc-country-active span){max-width:100%!important;line-height:1.45!important}

/* Checkboxes موحدة: مربع صغير ثابت لا يتمدد داخل الهاتف */
body.tc-standalone .tc-main input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;display:inline-grid!important;place-content:center!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;border:1px solid #b9c4d4!important;border-radius:5px!important;background:#fff!important;vertical-align:middle!important;box-shadow:none!important}
body.tc-standalone .tc-main input[type="checkbox"]::before{content:""!important;width:5px!important;height:9px!important;border:0!important;border-inline-end:2px solid #fff!important;border-bottom:2px solid #fff!important;transform:rotate(45deg) scale(0)!important;transform-origin:center!important;transition:transform .12s ease!important}
body.tc-standalone .tc-main input[type="checkbox"]:checked{background:#315fd5!important;border-color:#315fd5!important}
body.tc-standalone .tc-main input[type="checkbox"]:checked::before{transform:rotate(45deg) scale(1)!important}
body.tc-standalone .tc-main :is(.tc-checkbox-card,.tc-country-active,.tc-checks label,label:has(> input[type="checkbox"])){display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:100%!important;line-height:1.6!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.tc-standalone .tc-main :is(.tc-checkbox-card,.tc-country-active,.tc-checks label,label:has(> input[type="checkbox"]))>span{min-width:0!important;max-width:100%!important;line-height:1.6!important}

/* صف إرسال الدعم: مكون واحد ثابت، عربي RTL بدون قلب أو التصاق */
.tc-chat-composer{display:block!important;padding:10px 12px!important;border-top:1px solid #e4e9f1!important;background:#fff!important}
.tc-chat-composer-row{display:flex!important;direction:rtl!important;align-items:flex-end!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important}
.tc-chat-composer-field{position:relative!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important}
.tc-chat-composer-field textarea{display:block!important;width:100%!important;min-height:44px!important;max-height:132px!important;margin:0!important;padding:10px 14px!important;border-radius:16px!important;line-height:1.65!important;resize:none!important;vertical-align:middle!important}
.tc-chat-attach-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid #d5dfec!important;border-radius:14px!important;background:#f8fafc!important;color:#475569!important;cursor:pointer!important;overflow:hidden!important}
.tc-chat-attach-button input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.tc-chat-attach-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;line-height:1!important}
.tc-chat-attach-icon svg{width:18px!important;height:18px!important}
.tc-chat-attach-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.tc-chat-send-button{flex:0 0 auto!important;min-width:64px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 14px!important;border-radius:14px!important}
.tc-chat-upload-help{margin:7px 54px 0 70px!important;color:#7b8799!important;font-size:9.5px!important;line-height:1.7!important;text-align:start!important}
.tc-chat-file-chip{max-width:100%!important}

/* بطاقات العميل وتعديل الرصيد: توزيع أهدأ بدون فراغات كبيرة */
.tc-customer-management-grid,.tc-account-grid{min-width:0!important;max-width:100%!important}
.tc-customer-profile-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.tc-user-balance-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}
.tc-user-balance-form .tc-full{grid-column:1/-1!important}
.tc-user-balance-form :is(.tc-checkbox-card,label:has(> input[type="checkbox"])){width:auto!important;min-height:38px!important;padding:8px 10px!important;border:1px solid #e1e7f0!important;border-radius:10px!important;background:#fbfdff!important}
.tc-user-block-form .button,.tc-user-balance-form .button{width:auto!important;min-width:120px!important;max-width:100%!important}

/* تقاويم وجدولة: قياس موحد دون قص التاريخ */
.tc-schedule-datetime-pair,.tc-schedule-inline-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(92px,120px)!important;gap:8px!important;min-width:0!important;max-width:100%!important}
.tc-main :is(input[type="date"],input[type="time"],input[type="datetime-local"]){min-height:42px!important;font-size:11px!important;direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important;padding-inline:10px!important}
.tc-schedule-field,.tc-schedule-card,.tc-weekday-picker{min-width:0!important;max-width:100%!important}
.tc-weekday-picker>div{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important}
.tc-weekday-picker label span{min-width:0!important;max-width:100%!important;white-space:normal!important}

/* تبويبات وقوالب: لا تخرج من عرض اللوحة */
.tc-main :is(.nav-tab-wrapper,.tc-tabs,.tc-template-tabs,.tc-template-nav){max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important}
.tc-main :is(.tc-template-card,.tc-template-section,.tc-list-card,.tc-payment-template-card){min-width:0!important;max-width:100%!important}
.tc-main :is(.tc-template-card textarea,.tc-template-section textarea){min-height:110px!important}

@media(max-width:760px){
  body.tc-standalone .tc-main{padding-inline:10px!important;overflow-x:hidden!important}
  body.tc-standalone .tc-main-scroll{overflow-x:hidden!important}
  body.tc-standalone .tc-main :is(.tc-card,.tc-settings-card,.tc-list-card,.tc-template-card,.tc-subscription-slot,.tc-schedule-card,.tc-reset-card,.tc-account-card){padding:13px!important;border-radius:13px!important}
  body.tc-standalone .tc-main :is(.tc-toolbar,.tc-section-head,.tc-save-bar,.tc-row-actions,.tc-form-actions){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important}
  body.tc-standalone .tc-main :is(.tc-toolbar .button,.tc-save-bar .button,.tc-row-actions .button,.tc-form-actions .button){width:100%!important;min-width:0!important}
  body.tc-standalone .tc-main :is(.tc-form-grid,.tc-settings-grid,.tc-template-grid,.tc-payment-templates-grid,.tc-country-alerts-grid,.tc-gift-form,.tc-schedule-controls,.tc-schedule-datetime-pair,.tc-schedule-inline-grid,.tc-user-balance-form,.tc-user-block-form){grid-template-columns:1fr!important;width:100%!important;min-width:0!important;max-width:100%!important}
  body.tc-standalone .tc-main table.widefat:not(.tc-responsive-table){min-width:660px!important}
  body.tc-standalone .tc-main table.tc-responsive-table{min-width:0!important;width:100%!important}
  .tc-chat-layout{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .tc-chat-composer{padding:9px!important}
  .tc-chat-composer-row{gap:7px!important}
  .tc-chat-send-button{min-width:58px!important;padding-inline:10px!important}
  .tc-chat-attach-button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  .tc-chat-composer-field textarea{min-height:42px!important;border-radius:14px!important;padding:9px 12px!important}
  .tc-chat-upload-help{margin:6px 50px 0 62px!important;font-size:8.8px!important}
  .tc-customer-profile-facts{grid-template-columns:1fr!important}
  .tc-user-balance-form :is(.tc-checkbox-card,label:has(> input[type="checkbox"])){width:100%!important}
  .tc-user-block-form .button,.tc-user-balance-form .button{width:100%!important}
}

@media(min-width:761px){
  body.tc-standalone .tc-main{overflow-x:hidden!important}
  body.tc-standalone .tc-main .tc-table-wrap{overflow-x:auto!important}
  .tc-chat-layout{max-width:100%!important}
}