.sms-premium-copy-card{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-top:14px;
  padding:13px 14px;
  overflow:hidden;
  border:1px solid rgba(102,82,214,.2);
  border-radius:17px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,177,62,.18),transparent 40%),
    linear-gradient(135deg,rgba(250,249,255,.98),rgba(245,246,255,.94));
  box-shadow:0 14px 32px rgba(35,30,96,.08);
}
.sms-premium-copy-card::after{
  content:"";
  position:absolute;
  inset:auto -25% -75% 35%;
  height:90px;
  pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.72),transparent);
  transform:rotate(-8deg);
  animation:smsPremiumSheen 5.5s ease-in-out infinite;
}
.sms-premium-copy-card>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  color:#fff;
  border-radius:14px;
  background:linear-gradient(145deg,#7867ef,#4c3aba);
  box-shadow:0 10px 22px rgba(78,61,190,.26),inset 0 1px rgba(255,255,255,.35);
}
.sms-premium-copy-card>span svg{width:19px;height:19px}
.sms-premium-copy-card>div{position:relative;z-index:1;min-width:0}
.sms-premium-copy-card b,.sms-premium-copy-card small{display:block}
.sms-premium-copy-card b{color:#23264e;font-size:11px}
.sms-premium-copy-card small{margin-top:3px;color:#7d819c;font-size:8px;line-height:1.6}
.sms-premium-copy-card button{
  position:relative;
  z-index:1;
  min-height:38px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#5141c5,#6f5ee6);
  box-shadow:0 9px 20px rgba(74,59,182,.2);
  font:800 8px/1 inherit;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.sms-premium-copy-card button:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(74,59,182,.27)}
.sms-premium-copy-card button:focus-visible{outline:3px solid rgba(111,94,230,.25);outline-offset:2px}
.sms-premium-copy-card button svg{width:15px;height:15px}

.sms-template-fields label>small.balanced{color:#a16e13}
.sms-template-fields label>small.warning{color:#c8404e}
.sms-phone-preview{isolation:isolate}
.sms-phone-preview::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:84px;
  left:50%;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(102,82,214,.13),transparent 68%);
  transform:translateX(-50%);
  filter:blur(8px);
}
.sms-phone-frame{
  width:min(270px,100%);
  height:520px;
  border-width:9px;
  border-radius:45px;
  background:
    radial-gradient(circle at 15% 0,rgba(115,99,227,.09),transparent 31%),
    linear-gradient(180deg,#f7f7fb 0,#fff 42%,#fbfbfd 100%);
  box-shadow:0 32px 70px rgba(20,23,67,.26),0 0 0 1px rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.62);
}
.sms-phone-status{height:52px;padding:13px 17px 0}
.sms-phone-status>span:last-child{display:flex;align-items:center;gap:4px}
.sms-phone-status>span:last-child svg{width:11px;height:11px}
.sms-phone-thread{
  height:calc(100% - 69px);
  padding:20px 14px 28px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(82,69,184,.24) transparent;
}
.sms-phone-thread::-webkit-scrollbar{width:4px}
.sms-phone-thread::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(82,69,184,.24)}
.sms-phone-sender{position:sticky;z-index:2;top:-20px;padding:10px 2px 13px;background:rgba(249,249,252,.92);backdrop-filter:blur(10px)}
.sms-sender-avatar{position:relative}
.sms-sender-avatar>b{
  position:absolute;
  right:-3px;
  bottom:-2px;
  width:13px;
  height:13px;
  display:grid;
  place-items:center;
  border:2px solid #f9f9fc;
  border-radius:50%;
  color:#fff;
  background:#21ad72;
  font-size:7px;
}
.sms-phone-sender strong{font-size:11px;letter-spacing:.02em}
.sms-phone-sender small{margin-top:2px;font-size:7px}
.sms-phone-day{
  width:max-content;
  margin:16px auto 7px;
  padding:4px 9px;
  border-radius:99px;
  color:#9a9daf;
  background:#f1f2f7;
  font-size:7px;
  font-weight:800;
}
.sms-preview-bubble{
  width:max-content;
  max-width:92%;
  margin:10px 0 0 auto;
  padding:14px 13px;
  white-space:pre-wrap;
  unicode-bidi:plaintext;
  text-align:start;
  color:#282d49;
  background:linear-gradient(145deg,#e8eaf3,#f0f1f6);
  border:1px solid rgba(41,46,79,.055);
  border-radius:17px 17px 6px 17px;
  box-shadow:0 8px 18px rgba(35,40,74,.08),inset 0 1px rgba(255,255,255,.72);
  font-size:11.5px;
  line-height:1.72;
  overflow-wrap:anywhere;
}
.sms-preview-link{display:inline;color:#4e3fbd;text-decoration:underline;text-decoration-color:rgba(78,63,189,.35);text-underline-offset:2px;font-size:9px}
.sms-preview-tracking{display:inline-block;color:#22274b;font-size:10px;letter-spacing:.035em}
.sms-preview-time{margin:5px 5px 0 0;text-align:right}
.sms-phone-home{position:absolute;bottom:8px;left:50%;width:88px;height:4px;border-radius:99px;background:#161938;transform:translateX(-50%);opacity:.85}
.sms-preview-meta{flex-wrap:wrap}
.sms-preview-meta span{min-height:30px;padding:6px 8px;background:rgba(245,246,251,.95)}
.sms-preview-meta span b{font-size:8px}
.sms-preview-meter{
  --sms-meter:0%;
  height:5px;
  margin:11px 8px 0;
  overflow:hidden;
  border-radius:99px;
  background:#eceef5;
}
.sms-preview-meter i{display:block;width:var(--sms-meter);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7562ec,#4d3dbc);transition:width .3s ease,background .25s ease}
.sms-preview-meter.balanced i{background:linear-gradient(90deg,#f1b044,#d98d1a)}
.sms-preview-meter.danger i{background:linear-gradient(90deg,#f16a73,#c93e50)}
.sms-preview-quality{
  margin-top:10px;
  padding:11px 12px;
  display:flex;
  align-items:flex-start;
  gap:9px;
  border:1px solid #e5e7f1;
  border-radius:14px;
  background:#fafaff;
}
.sms-preview-quality>span{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:#6553dc;background:#ece9ff}
.sms-preview-quality>span svg{width:14px;height:14px}
.sms-preview-quality b,.sms-preview-quality small{display:block}
.sms-preview-quality b{color:#343858;font-size:9px}
.sms-preview-quality small{margin-top:3px;color:#8589a1;font-size:7.5px;line-height:1.55}
.sms-preview-quality.balanced{border-color:rgba(220,152,37,.24);background:#fffbf2}
.sms-preview-quality.balanced>span{color:#a66b06;background:#fff0cd}
.sms-preview-quality.danger{border-color:rgba(201,62,80,.22);background:#fff7f8}
.sms-preview-quality.danger>span{color:#bf3547;background:#ffe5e8}
.sms-preview-note{margin:9px 3px 0;display:flex;align-items:flex-start;gap:5px;color:#9a9db0;font-size:7px;line-height:1.55}
.sms-preview-note svg{width:11px;height:11px;flex:0 0 auto;margin-top:1px}

@keyframes smsPremiumSheen{0%,70%,100%{transform:translateX(0) rotate(-8deg);opacity:0}78%{opacity:.85}92%{transform:translateX(-240%) rotate(-8deg);opacity:0}}
@media(max-width:760px){
  .sms-premium-copy-card{grid-template-columns:40px minmax(0,1fr)}
  .sms-premium-copy-card>span{width:40px;height:40px}
  .sms-premium-copy-card button{grid-column:1/-1;width:100%}
  .sms-phone-preview{position:relative;top:auto}
  .sms-phone-frame{height:510px}
}
@media(max-width:420px){
  .sms-phone-frame{width:min(258px,100%);height:500px}
  .sms-preview-bubble{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .sms-premium-copy-card::after{animation:none;display:none}
  .sms-premium-copy-card button,.sms-preview-meter i{transition:none}
  .sms-preview-bubble{animation:none}
}

.sms-owner-alert{
  position:relative;
  margin:16px 0;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(92,73,204,.2);
  border-radius:20px;
  background:radial-gradient(circle at 100% 0,rgba(255,181,58,.18),transparent 36%),linear-gradient(145deg,#faf9ff,#f2f4ff);
  box-shadow:0 18px 38px rgba(46,36,121,.1);
}
.sms-owner-alert::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#7765ee,#ffb33f)}
.sms-owner-alert-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px}
.sms-owner-alert-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#735fe5,#4b39b4);box-shadow:0 11px 24px rgba(73,54,178,.26)}
.sms-owner-alert-head>span svg{width:20px;height:20px;animation:smsOwnerBell 4.8s ease-in-out infinite;transform-origin:50% 12%}
.sms-owner-alert-head small,.sms-owner-alert-head h4,.sms-owner-alert-head p{display:block;margin:0}
.sms-owner-alert-head small{color:#7161d1;font-size:7px;font-weight:900;letter-spacing:.13em}
.sms-owner-alert-head h4{margin-top:3px;color:#242746;font-size:11px}
.sms-owner-alert-head p{margin-top:4px;color:#7c8098;font-size:8px;line-height:1.55}
.sms-owner-alert-head>b{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(46,157,111,.2);border-radius:999px;color:#16764f;background:#eafaf2;font-size:7px;white-space:nowrap}
.sms-owner-alert-head>b.off{color:#85899d;border-color:#dde0e9;background:#f1f2f6}
.sms-owner-alert-head>b svg{width:12px;height:12px}
.sms-owner-alert-switch{margin-top:14px;padding:11px 12px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(92,73,204,.13);border-radius:15px;background:rgba(255,255,255,.76);cursor:pointer}
.sms-owner-alert-switch input{position:absolute;opacity:0;pointer-events:none}
.sms-owner-alert-switch>span{position:relative;width:38px;height:22px;border-radius:999px;background:#c9ccda;box-shadow:inset 0 1px 3px rgba(25,27,54,.16);transition:.22s ease}
.sms-owner-alert-switch>span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(31,29,74,.22);transition:.22s ease}
.sms-owner-alert-switch input:checked+span{background:linear-gradient(135deg,#735fe5,#5542c1)}
.sms-owner-alert-switch input:checked+span::after{transform:translateX(16px)}
.sms-owner-alert-switch strong,.sms-owner-alert-switch small{display:block}
.sms-owner-alert-switch strong{color:#323553;font-size:9px}.sms-owner-alert-switch small{margin-top:2px;color:#85899e;font-size:7px}
.sms-owner-alert-phone{display:block;margin-top:11px}.sms-owner-alert-phone>span{display:block;margin-bottom:6px;color:#4e526d;font-size:8px;font-weight:900}
.sms-owner-alert-phone>div{height:43px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #dfe1ec;border-radius:13px;background:#fff;box-shadow:inset 0 1px 2px rgba(29,30,63,.03)}
.sms-owner-alert-phone>div:focus-within{border-color:#7562e5;box-shadow:0 0 0 3px rgba(117,98,229,.12)}
.sms-owner-alert-phone svg{width:16px;height:16px;color:#6d5bd5}.sms-owner-alert-phone input{width:100%;border:0;outline:0;color:#292c49;background:transparent;font:800 11px/1 inherit}
.sms-owner-alert-phone>small{display:block;margin-top:5px;color:#8b8ea3;font-size:7px;line-height:1.5}
.sms-owner-alert-preview{margin-top:12px;padding:11px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid rgba(74,62,170,.12);border-radius:15px;background:#fff}
.sms-owner-alert-preview>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#6554d2;background:#eeebff}.sms-owner-alert-preview>span svg{width:15px;height:15px}
.sms-owner-alert-preview small{display:block;color:#8b8ea3;font-size:7px}.sms-owner-alert-preview pre{margin:4px 0 0;white-space:pre-wrap;color:#30334f;font:800 8px/1.55 inherit}
.sms-owner-alert-preview>b{padding:6px 8px;border-radius:999px;color:#5e4dc4;background:#f0edff;font-size:7px;white-space:nowrap}
@keyframes smsOwnerBell{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(13deg)}92%{transform:rotate(-11deg)}95%{transform:rotate(7deg)}98%{transform:rotate(-4deg)}}
@media(max-width:520px){.sms-owner-alert{padding:14px}.sms-owner-alert-head{grid-template-columns:42px minmax(0,1fr)}.sms-owner-alert-head>span{width:42px;height:42px}.sms-owner-alert-head>b{grid-column:1/-1;width:max-content}.sms-owner-alert-preview{grid-template-columns:32px minmax(0,1fr)}.sms-owner-alert-preview>b{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.sms-owner-alert-head>span svg{animation:none}.sms-owner-alert-switch>span,.sms-owner-alert-switch>span::after{transition:none}}