.tp-r11{
  --th-navy:#1a2b5d;
  --th-navy-dark:#152348;
  --th-gold:#dd9933;
  --th-card:#ffffff;
  --th-soft:#f8fafc;
  --th-border:#e2e8f0;
  --th-text:#0f172a;
  --th-muted:#64748b;
  --th-danger:#b20000;
  --th-success:#16a34a;
  --th-warning:#f59e0b;
  --th-info:#0ea5e9;
  --th-radius:20px;
  --th-shadow: 0 18px 55px rgba(15,23,42,.10);
  --th-shadow2: 0 10px 28px rgba(15,23,42,.08);
}

/* Shell */
#th-viewticket{ padding: 18px 0 30px; }
#th-viewticket .th-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  display:grid;
  gap: 14px;
}

/* Sleek header */
#th-viewticket .th-hero{
  background: linear-gradient(135deg, var(--th-navy), var(--th-navy-dark));
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 28px rgba(26,43,93,.18);
  position: relative;
  overflow: hidden;
}
#th-viewticket .th-hero:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 12% 18%, rgba(221,153,51,.20), transparent 45%),
    radial-gradient(circle at 86% 70%, rgba(255,255,255,.12), transparent 55%);
  opacity:.55;
  pointer-events:none;
}
#th-viewticket .th-hero-inner{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:14px;
}
#th-viewticket .th-hero-ico{
  width:46px; height:46px; flex:0 0 46px;
  border-radius:14px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center;
  color:#fff;
}
#th-viewticket .th-hero h3{
  margin:0;
  font-size: 18px;
  font-weight: 900;
  color:#fff;
}
#th-viewticket .th-hero p{
  margin:4px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.5;
  max-width: 860px;
}
#th-viewticket .th-hero-actions{
  margin-top: 12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
#th-viewticket .th-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 1000;
  font-size: 13px;
  text-decoration:none !important;
  border: 1px solid rgba(255,255,255,.18);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  white-space:nowrap;
}
#th-viewticket .th-btn:hover{ transform: translateY(-1px); }
#th-viewticket .th-btn-manual,
#th-viewticket .th-btn-video{
  background: rgba(255,255,255,.12);
  color:#fff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
#th-viewticket .th-btn-manual:hover,
#th-viewticket .th-btn-video:hover{ background: rgba(255,255,255,.16); }
#th-viewticket .th-btn-prev{
  background: linear-gradient(135deg, var(--th-gold), #f3b24a);
  color:#fff !important;
  border-color: rgba(221,153,51,.55);
  box-shadow: 0 10px 24px rgba(221,153,51,.20);
}
#th-viewticket .th-btn-prev:hover{ box-shadow: 0 14px 30px rgba(221,153,51,.26); }

/* Ticket meta card */
#th-viewticket .th-card{
  background: var(--th-card);
  border: 1px solid var(--th-border);
  border-radius: 18px;
  box-shadow: var(--th-shadow);
  overflow: hidden;
}
#th-viewticket .th-card-head{
  padding: 14px 16px;
  border-bottom: 1px solid var(--th-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
#th-viewticket .th-head-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 240px;
}
#th-viewticket .th-head-ico{
  width:40px; height:40px;
  border-radius:12px;
  background: rgba(26,43,93,.06);
  color: var(--th-navy);
  border: 1px solid rgba(26,43,93,.10);
  display:flex; align-items:center; justify-content:center;
}
#th-viewticket .th-title{
  margin:0;
  font-size: 14px;
  font-weight: 1000;
  color: var(--th-text);
}
#th-viewticket .th-subject{
  margin: 2px 0 0;
  color: var(--th-muted);
  font-weight: 900;
  font-size: 13px;
}
#th-viewticket .th-toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
#th-viewticket .th-toolbtn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--th-border);
  background: #fff;
  color: var(--th-navy);
  font-weight: 1000;
  font-size: 13px;
  cursor:pointer;
  transition: .2s ease;
  text-decoration:none !important;
}
#th-viewticket .th-toolbtn:hover{
  background: var(--th-soft);
  border-color: rgba(26,43,93,.25);
}
#th-viewticket .th-toolbtn-danger{
  border: 1px solid rgba(178,0,0,.20);
  color: var(--th-danger);
}
#th-viewticket .th-toolbtn-danger:hover{
  background: rgba(178,0,0,.06);
  border-color: rgba(178,0,0,.28);
}
#th-viewticket .th-toolbtn[disabled]{
  opacity:.55;
  cursor:not-allowed;
}

/* Thread */
#th-viewticket .th-thread{ padding: 16px; display:grid; gap: 12px; }
#th-viewticket .th-reply{
  border: 1px solid var(--th-border);
  border-radius: 18px;
  overflow:hidden;
  background: #fff;
  box-shadow: var(--th-shadow2);
}
#th-viewticket .th-reply.staff{
  border-color: rgba(26,43,93,.22);
  background: radial-gradient(circle at top left, rgba(26,43,93,.03), transparent 55%), #fff;
}
#th-viewticket .th-reply-head{
  padding: 12px 14px;
  border-bottom: 1px solid var(--th-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  flex-wrap:wrap;
}
#th-viewticket .th-posted{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
#th-viewticket .th-avatar{
  width: 36px; height: 36px;
  border-radius: 12px;
  background: rgba(26,43,93,.08);
  border: 1px solid rgba(26,43,93,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--th-navy);
  font-weight: 1000;
  font-size: 13px;
}
#th-viewticket .th-name{
  font-weight: 1000;
  color: var(--th-text);
}
#th-viewticket .th-date{
  color: var(--th-muted);
  font-weight: 900;
  font-size: 12px;
}
#th-viewticket .th-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .4px;
  border: 1px solid var(--th-border);
  background: rgba(248,250,252,.95);
  color: var(--th-muted);
}
#th-viewticket .th-badge.staff{
  border-color: rgba(26,43,93,.18);
  background: rgba(26,43,93,.08);
  color: var(--th-navy);
}
#th-viewticket .th-reply-body{
  padding: 14px;
}
#th-viewticket .th-message{
  background: rgba(248,250,252,.95);
  border: 1px solid var(--th-border);
  border-radius: 16px;
  padding: 12px 12px;
}
#th-viewticket .th-ip{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--th-border);
  color: var(--th-muted);
  font-weight: 800;
  font-size: 12px;
}

/* Attachments */
#th-viewticket .th-attachments{
  margin-top: 12px;
  border: 1px solid var(--th-border);
  background: #fff;
  border-radius: 16px;
  overflow:hidden;
}
#th-viewticket .th-attachments-head{
  padding: 10px 12px;
  background: rgba(248,250,252,.95);
  border-bottom: 1px solid var(--th-border);
  font-weight: 1000;
  color: var(--th-text);
  font-size: 13px;
  display:flex;
  gap:8px;
  align-items:center;
}
#th-viewticket .th-attachments ul{
  list-style:none;
  padding: 0;
  margin: 0;
}
#th-viewticket .th-attachments li{
  border-bottom: 1px solid var(--th-border);
}
#th-viewticket .th-attachments li:last-child{ border-bottom: 0; }
#th-viewticket .th-attachments a,
#th-viewticket .th-attachments span{
  display:flex;
  gap:10px;
  align-items:center;
  padding: 10px 12px;
  text-decoration:none !important;
  color: var(--th-navy);
  font-weight: 900;
}
#th-viewticket .th-attachments a:hover{
  background: rgba(26,43,93,.04);
}
#th-viewticket .th-fileico{
  width: 34px; height: 34px;
  border-radius: 12px;
  background: rgba(26,43,93,.08);
  border: 1px solid rgba(26,43,93,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--th-navy);
  flex: 0 0 34px;
}
#th-viewticket .th-filename{
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Keep WHMCS rating widget working, but make it look premium */
#th-viewticket .rating,
#th-viewticket .rating-done{
  margin-top: 12px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap: 8px;
}
#th-viewticket .rating .star,
#th-viewticket .rating-done .star{
  display:inline-block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  cursor:pointer;
  background: rgba(15,23,42,.12);
  position: relative;
}
#th-viewticket .rating .star:after,
#th-viewticket .rating-done .star:after{
  content:"★";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  color: rgba(15,23,42,.35);
}
#th-viewticket .rating .star:hover,
#th-viewticket .rating-done .star.active{
  background: rgba(221,153,51,.18);
}
#th-viewticket .rating .star:hover:after,
#th-viewticket .rating-done .star.active:after{
  color: var(--th-gold);
}
#th-viewticket .rating-done .rated{
  color: var(--th-muted);
  font-weight: 900;
  font-size: 12px;
}

/* Reply form card */
#th-viewticket .th-replycard{ padding: 16px; }
#th-viewticket .th-formgrid{
  display:grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
}
#th-viewticket .th-col-12{ grid-column: span 12; }
#th-viewticket .th-col-5{ grid-column: span 5; }
#th-viewticket .th-col-4{ grid-column: span 4; }
#th-viewticket .th-col-7{ grid-column: span 7; }

#th-viewticket .th-field label{
  display:block;
  font-weight: 1000;
  font-size: 11px;
  color: var(--th-text);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: .5px;
}
#th-viewticket .th-input,
#th-viewticket textarea.th-input{
  width:100%;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid var(--th-border);
  background: #fff;
  padding: 10px 12px;
  font-size: 14px;
  color: var(--th-text);
  outline: none;
  transition: .2s ease;
}
#th-viewticket textarea.th-input{
  min-height: 220px;
  resize: vertical;
  padding: 12px;
}
#th-viewticket .th-input:focus{
  border-color: rgba(26,43,93,.50);
  box-shadow: 0 0 0 3px rgba(26,43,93,.08);
}
#th-viewticket .th-input[disabled]{
  background: rgba(248,250,252,.9);
  color: rgba(15,23,42,.65);
}

/* Attachments in reply form */
#th-viewticket .th-attach-wrap{
  border: 1px dashed rgba(148,163,184,.55);
  background: rgba(248,250,252,.9);
  border-radius: 14px;
  padding: 12px;
}
#th-viewticket .th-attach-row{
  display:flex;
  gap:10px;
  align-items:stretch;
  flex-wrap:wrap;
}
#th-viewticket .th-file{ flex:1; min-width: 220px; }
#th-viewticket .th-addbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--th-border);
  background: #fff;
  color: var(--th-navy);
  font-weight: 1000;
  cursor:pointer;
  transition: .2s ease;
  min-height: 42px;
  white-space:nowrap;
}
#th-viewticket .th-addbtn:hover{
  background: var(--th-soft);
  border-color: rgba(26,43,93,.25);
}

/* Reply actions */
#th-viewticket .th-actions{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  padding-top: 8px;
}
#th-viewticket .th-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 12px;
  border: 0;
  background: linear-gradient(135deg, var(--th-gold), #f3b24a);
  color:#fff;
  font-weight: 1000;
  font-size: 14px;
  box-shadow: 0 10px 24px rgba(221,153,51,.20);
  transition: .2s ease;
}
#th-viewticket .th-submit:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(221,153,51,.26);
}
#th-viewticket .th-reset{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 12px;
  border: 1px solid var(--th-border);
  background: #fff;
  color: var(--th-navy) !important;
  font-weight: 1000;
  font-size: 14px;
  text-decoration:none !important;
  transition: .2s ease;
}
#th-viewticket .th-reset:hover{
  background: var(--th-soft);
  border-color: rgba(26,43,93,.25);
}

/* Responsive */
@media (max-width: 920px){
  #th-viewticket .th-col-5,
  #th-viewticket .th-col-4,
  #th-viewticket .th-col-7{ grid-column: span 12; }
}
@media (max-width: 520px){
  #th-viewticket{ padding: 12px 0 22px; }
  #th-viewticket .th-wrap{ padding: 0 12px; }
  #th-viewticket .th-hero{ padding: 14px; border-radius: 16px; }
  #th-viewticket .th-hero-ico{ width:40px; height:40px; border-radius: 12px; }
  #th-viewticket .th-hero h3{ font-size: 16px; line-height: 1.15; }
  #th-viewticket .th-hero p{ font-size: 12.5px; margin-top: 3px; }
  #th-viewticket .th-btn{ width:100%; justify-content:center; }
  #th-viewticket .th-card-head{ padding: 12px 12px; }
  #th-viewticket .th-thread{ padding: 12px; }
  #th-viewticket .th-reply-body{ padding: 12px; }
}
@media (hover:none) and (pointer:coarse){
  #th-viewticket .th-input{ min-height: 46px; font-size: 16px; }
}


.tp-r11{
  --th-navy:#1a2b5d;
  --th-navy-dark:#152348;
  --th-gold:#dd9933;
  --th-card:#ffffff;
  --th-soft:#f8fafc;
  --th-border:#e2e8f0;
  --th-text:#0f172a;
  --th-muted:#64748b;
  --th-success:#16a34a;
  --th-radius:20px;
  --th-shadow: 0 18px 55px rgba(15,23,42,.10);
}

/* Shell */
#th-ticket-confirm{ padding: 18px 0 30px; }
#th-ticket-confirm .th-wrap{
  max-width: 950px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Hero */
#th-ticket-confirm .th-hero{
  background: linear-gradient(135deg, var(--th-navy), var(--th-navy-dark));
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 28px rgba(26,43,93,.18);
  position: relative;
  overflow:hidden;
  margin-bottom: 14px;
}
#th-ticket-confirm .th-hero:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 12% 18%, rgba(221,153,51,.20), transparent 45%),
    radial-gradient(circle at 86% 70%, rgba(255,255,255,.12), transparent 55%);
  opacity:.55;
  pointer-events:none;
}
#th-ticket-confirm .th-hero-inner{
  position:relative;
  display:flex;
  gap:14px;
  align-items:flex-start;
}
#th-ticket-confirm .th-hero-ico{
  width:46px; height:46px; flex:0 0 46px;
  border-radius:14px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center;
  color:#fff;
}
#th-ticket-confirm .th-hero h3{
  margin:0;
  font-size: 18px;
  font-weight: 900;
  color:#fff;
}
#th-ticket-confirm .th-hero p{
  margin:4px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.5;
  max-width: 820px;
}

/* Card */
#th-ticket-confirm .th-card{
  background: var(--th-card);
  border: 1px solid var(--th-border);
  border-radius: 18px;
  box-shadow: var(--th-shadow);
  overflow: hidden;
}
#th-ticket-confirm .th-card-body{
  padding: 18px;
}

/* Success panel */
#th-ticket-confirm .th-success{
  border-radius: 16px;
  border: 1px solid rgba(22,163,74,.25);
  background: linear-gradient(135deg, rgba(22,163,74,.10), rgba(221,153,51,.07));
  padding: 16px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom: 12px;
}
#th-ticket-confirm .th-success-ico{
  width:44px; height:44px; flex:0 0 44px;
  border-radius: 14px;
  background: rgba(22,163,74,.12);
  border: 1px solid rgba(22,163,74,.22);
  display:flex; align-items:center; justify-content:center;
  color: var(--th-success);
  font-size: 18px;
}
#th-ticket-confirm .th-success strong{
  display:block;
  font-weight: 1000;
  color: var(--th-text);
  font-size: 14px;
}
#th-ticket-confirm .th-success small{
  display:block;
  margin-top: 2px;
  color: var(--th-muted);
  font-weight: 700;
  font-size: 12px;
}
#th-ticket-confirm .th-ticket-link{
  color: var(--th-navy);
  font-weight: 1000;
  text-decoration: none !important;
}
#th-ticket-confirm .th-ticket-link:hover{
  color: var(--th-gold);
}

/* Text */
#th-ticket-confirm .th-desc{
  color: var(--th-muted);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.65;
  margin: 12px 0 16px;
}

/* Actions */
#th-ticket-confirm .th-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  padding-top: 4px;
}
#th-ticket-confirm .th-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 12px;
  text-decoration:none !important;
  font-weight: 1000;
  font-size: 14px;
  transition: .2s ease;
  white-space:nowrap;
}
#th-ticket-confirm .th-btn-primary{
  border: 0;
  background: linear-gradient(135deg, var(--th-gold), #f3b24a);
  color:#fff !important;
  box-shadow: 0 10px 24px rgba(221,153,51,.20);
}
#th-ticket-confirm .th-btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(221,153,51,.26);
}
#th-ticket-confirm .th-btn-outline{
  border: 1px solid var(--th-border);
  background: #fff;
  color: var(--th-navy) !important;
}
#th-ticket-confirm .th-btn-outline:hover{
  background: var(--th-soft);
  border-color: rgba(26,43,93,.25);
}

/* Responsive */
@media (max-width: 520px){
  #th-ticket-confirm{ padding: 12px 0 22px; }
  #th-ticket-confirm .th-wrap{ padding: 0 12px; }
  #th-ticket-confirm .th-hero{ padding: 14px; border-radius: 16px; }
  #th-ticket-confirm .th-hero-ico{ width:40px; height:40px; border-radius: 12px; }
  #th-ticket-confirm .th-hero h3{ font-size: 16px; line-height: 1.15; }
  #th-ticket-confirm .th-hero p{ font-size: 12.5px; margin-top: 3px; }
  #th-ticket-confirm .th-btn{ width: 100%; }
}


/* Wrapper */
#th-customfields{
  margin-top: 10px;
}

/* Section header */
#th-customfields .th-cf-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--th-border);
  background: rgba(248,250,252,.95);
  margin-bottom: 12px;
}
#th-customfields .th-cf-ico{
  width: 38px; height: 38px;
  border-radius: 12px;
  background: rgba(26,43,93,.08);
  border: 1px solid rgba(26,43,93,.12);
  color: var(--th-navy);
  display:flex;
  align-items:center;
  justify-content:center;
}
#th-customfields .th-cf-title{
  margin: 0;
  font-weight: 1000;
  color: var(--th-text);
  font-size: 13px;
}
#th-customfields .th-cf-sub{
  margin: 2px 0 0;
  color: var(--th-muted);
  font-weight: 800;
  font-size: 12px;
}

/* Field block */
#th-customfields .th-cf-item{
  border: 1px solid var(--th-border);
  background: #fff;
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: 0 10px 28px rgba(15,23,42,.06);
  margin-bottom: 12px;
}

/* Label */
#th-customfields .th-cf-label{
  display:block;
  font-weight: 1000;
  font-size: 11px;
  color: var(--th-text);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* Description */
#th-customfields .th-cf-desc{
  margin: 8px 0 0;
  color: var(--th-muted);
  font-size: 12px;
  font-weight: 800;
}

/* Make WHMCS-generated inputs blend (without “heavy” restyling) */
#th-customfields input[type="text"],
#th-customfields input[type="email"],
#th-customfields input[type="number"],
#th-customfields input[type="tel"],
#th-customfields input[type="url"],
#th-customfields input[type="password"],
#th-customfields select,
#th-customfields textarea{
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid var(--th-border);
  background: #fff;
  padding: 10px 12px;
  font-size: 14px;
  color: var(--th-text);
  outline: none;
  transition: .2s ease;
}

/* Textarea */
#th-customfields textarea{
  min-height: 140px;
  resize: vertical;
  padding: 12px;
}

/* Focus */
#th-customfields input:focus,
#th-customfields select:focus,
#th-customfields textarea:focus{
  border-color: rgba(26,43,93,.50);
  box-shadow: 0 0 0 3px rgba(26,43,93,.08);
}

/* Checkbox/radio alignment */
#th-customfields input[type="checkbox"],
#th-customfields input[type="radio"]{
  transform: translateY(1px);
}
#th-customfields .checkbox,
#th-customfields .radio{
  margin: 6px 0;
}

/* Touch devices */
@media (hover:none) and (pointer:coarse){
  #th-customfields input[type="text"],
  #th-customfields input[type="email"],
  #th-customfields input[type="number"],
  #th-customfields input[type="tel"],
  #th-customfields input[type="url"],
  #th-customfields input[type="password"],
  #th-customfields select,
  #th-customfields textarea{
    min-height: 46px;
    font-size: 16px;
  }
}


.tp-r11{
  --th-navy:#1a2b5d;
  --th-navy-dark:#152348;
  --th-gold:#dd9933;

  --th-bg:#f6f8fc;
  --th-card:#ffffff;
  --th-text:#0f172a;
  --th-muted:#64748b;
  --th-border:rgba(226,232,240,.95);

  --th-shadow:0 18px 45px rgba(15,23,42,.08);
  --th-shadow-sm:0 10px 25px rgba(15,23,42,.06);

  --th-radius:8px;
  --th-focus:rgba(221,153,51,.25);
}

#th-upgrade{ max-width: 1100px; margin: 0 auto; padding: 18px 14px 45px; }
#th-upgrade *{ box-sizing: border-box; }

#th-upgrade .th-hero{
  border-radius: var(--th-radius);
  border: 1px solid var(--th-border);
  background:
    radial-gradient(900px 260px at 10% -10%, rgba(221,153,51,.18), transparent 60%),
    radial-gradient(900px 260px at 90% 0%, rgba(26,43,93,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72));
  box-shadow: var(--th-shadow-sm);
  padding: 16px;
  overflow: hidden;
}

#th-upgrade .th-hero-inner{
  display:flex; align-items:flex-start; justify-content:space-between; gap: 12px;
  flex-wrap: wrap;
}
#th-upgrade .th-title{
  margin:0;
  font-weight: 1000;
  color: var(--th-navy);
  letter-spacing: -.02em;
  font-size: 1.25rem;
  line-height: 1.15;
}
#th-upgrade .th-sub{
  margin: 6px 0 0;
  color: var(--th-muted);
  font-weight: 750;
  font-size: .95rem;
}
#th-upgrade .th-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(26,43,93,.12);
  background: rgba(26,43,93,.06);
  color: var(--th-navy);
  font-weight: 950;
  font-size: .85rem;
  white-space: nowrap;
}

#th-upgrade .th-wrap{
  margin-top: 14px;
  background: var(--th-card);
  border: 1px solid var(--th-border);
  border-radius: var(--th-radius);
  box-shadow: var(--th-shadow-sm);
  overflow: hidden;
}
#th-upgrade .th-wrap-hd{
  padding: 14px 16px;
  border-bottom: 1px solid var(--th-border);
  background: linear-gradient(180deg, rgba(246,248,252,.92), rgba(255,255,255,.92));
  display:flex; align-items:center; justify-content:space-between; gap: 12px;
  flex-wrap: wrap;
}
#th-upgrade .th-wrap-hd h3{
  margin:0;
  font-size: 1rem;
  font-weight: 1000;
  color: var(--th-text);
}
#th-upgrade .th-wrap-hd .th-meta{
  color: var(--th-muted);
  font-weight: 850;
  font-size: .9rem;
}
#th-upgrade .th-wrap-bd{ padding: 14px 16px; }

#th-upgrade .th-actions{
  display:flex; gap: 10px; flex-wrap: wrap; align-items:center;
  margin-top: 10px;
}

#th-upgrade .th-btn{
  border: 0;
  border-radius: var(--th-radius);
  padding: 10px 12px;
  font-weight: 1000;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  display:inline-flex;
  align-items:center;
  gap: 8px;
  text-decoration:none !important;
}
#th-upgrade .th-btn:hover{ transform: translateY(-1px); }
#th-upgrade .th-btn:active{ transform: translateY(0); }

#th-upgrade .th-btn-primary{
  background: linear-gradient(135deg, var(--th-navy), var(--th-navy-dark));
  color: #fff;
  box-shadow: 0 14px 30px rgba(26,43,93,.18);
}
#th-upgrade .th-btn-ghost{
  background: #fff;
  color: var(--th-text);
  border: 1px solid rgba(226,232,240,.95);
}

#th-upgrade .th-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media(min-width: 992px){
  #th-upgrade .th-grid{ grid-template-columns: 1fr; }
}

#th-upgrade .th-pkg{
  border: 1px solid rgba(226,232,240,.95);
  border-radius: var(--th-radius);
  background: #fff;
  overflow: hidden;
}
#th-upgrade .th-pkg-inner{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 12px;
}
@media(min-width: 992px){
  #th-upgrade .th-pkg-inner{
    grid-template-columns: 1.4fr .6fr;
    align-items: center;
  }
}

#th-upgrade .th-pkg-title{
  margin:0;
  font-weight: 1000;
  color: var(--th-text);
  font-size: 1rem;
  line-height: 1.2;
}
#th-upgrade .th-pkg-desc{
  margin: 6px 0 0;
  color: var(--th-muted);
  font-weight: 700;
  font-size: .92rem;
  line-height: 1.45;
}

#th-upgrade .th-field{ margin-top: 10px; }
#th-upgrade label{
  color: var(--th-text);
  font-weight: 900;
  font-size: .92rem;
  margin-bottom: 6px;
}
#th-upgrade .th-select, #th-upgrade .th-input{
  width: 100%;
  height: 44px;
  border-radius: var(--th-radius);
  border: 1px solid rgba(148,163,184,.35);
  background: #fff;
  color: var(--th-text);
  padding: 9px 12px;
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
  font-weight: 850;
}
#th-upgrade .th-select:focus, #th-upgrade .th-input:focus{
  border-color: rgba(221,153,51,.85);
  box-shadow: 0 0 0 4px var(--th-focus);
}

#th-upgrade .th-compact-btn{
  width: 100%;
  justify-content:center;
  padding: 10px 12px;
}

#th-upgrade .th-kv{
  margin-top: 10px;
  border: 1px solid rgba(226,232,240,.95);
  border-radius: var(--th-radius);
  overflow: hidden;
}
#th-upgrade .th-kv-row{
  display:flex; justify-content:space-between; gap: 10px;
  padding: 10px 12px;
  background: #fff;
  border-top: 1px solid rgba(226,232,240,.95);
}
#th-upgrade .th-kv-row:first-child{ border-top: 0; }
#th-upgrade .th-k{ color: var(--th-muted); font-weight: 850; }
#th-upgrade .th-v{ color: var(--th-text); font-weight: 1000; text-align:right; }

#th-upgrade .th-table{
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid rgba(226,232,240,.95);
  border-radius: var(--th-radius);
  overflow: hidden;
}
#th-upgrade .th-table th,
#th-upgrade .th-table td{
  padding: 10px 12px;
  border-top: 1px solid rgba(226,232,240,.95);
  vertical-align: middle;
}
#th-upgrade .th-table thead th{
  border-top: 0;
  background: rgba(246,248,252,.9);
  color: var(--th-text);
  font-weight: 1000;
  font-size: .92rem;
}
#th-upgrade .th-table .th-center{ text-align:center; }
#th-upgrade .th-table .th-right{ text-align:right; }

#th-upgrade .th-inline{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
}
#th-upgrade .th-checkbox{
  display:flex; align-items:center; gap: 8px;
  font-weight: 850;
  color: var(--th-text);
}
#th-upgrade .th-arrow{
  color: rgba(26,43,93,.6);
  font-weight: 1000;
}

@media(max-width: 575px){
  #th-upgrade{ padding: 14px 10px 34px; }
  #th-upgrade .th-hero{ padding: 14px; }
  #th-upgrade .th-title{ font-size: 1.15rem; }
}


.tp-r11{
  --th-navy:#1a2b5d;
  --th-navy-dark:#152348;
  --th-gold:#dd9933;

  --th-bg:#f6f8fc;
  --th-card:#ffffff;
  --th-text:#0f172a;
  --th-muted:#64748b;
  --th-border:rgba(226,232,240,.95);

  --th-shadow:0 18px 45px rgba(15,23,42,.08);
  --th-shadow-sm:0 10px 25px rgba(15,23,42,.06);

  --th-radius:8px;
  --th-focus:rgba(221,153,51,.25);

  --th-ok:#16a34a;
  --th-bad:#dc2626;
}

#th-upgrade-configure{ max-width: 1200px; margin: 0 auto; padding: 18px 14px 45px; }
#th-upgrade-configure *{ box-sizing: border-box; }

#th-upgrade-configure .th-hero{
  border-radius: var(--th-radius);
  border: 1px solid var(--th-border);
  background:
    radial-gradient(900px 260px at 10% -10%, rgba(221,153,51,.16), transparent 60%),
    radial-gradient(900px 260px at 90% 0%, rgba(26,43,93,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72));
  box-shadow: var(--th-shadow-sm);
  padding: 16px;
  overflow: hidden;
  margin-bottom: 14px;
}
#th-upgrade-configure .th-hero-inner{
  display:flex; align-items:flex-start; justify-content:space-between; gap: 12px;
  flex-wrap: wrap;
}
#th-upgrade-configure .th-title{
  margin:0;
  font-weight: 1000;
  color: var(--th-navy);
  letter-spacing: -.02em;
  font-size: 1.25rem;
  line-height: 1.15;
}
#th-upgrade-configure .th-sub{
  margin: 6px 0 0;
  color: var(--th-muted);
  font-weight: 800;
  font-size: .95rem;
}
#th-upgrade-configure .th-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(26,43,93,.12);
  background: rgba(26,43,93,.06);
  color: var(--th-navy);
  font-weight: 950;
  font-size: .85rem;
  white-space: nowrap;
}

#th-upgrade-configure .th-card{
  background: var(--th-card);
  border: 1px solid var(--th-border);
  border-radius: var(--th-radius);
  box-shadow: var(--th-shadow-sm);
  overflow: hidden;
  margin-bottom: 14px;
}
#th-upgrade-configure .th-card-hd{
  padding: 14px 16px;
  border-bottom: 1px solid var(--th-border);
  background: linear-gradient(180deg, rgba(246,248,252,.92), rgba(255,255,255,.92));
  display:flex; align-items:center; justify-content:space-between; gap: 12px;
  flex-wrap: wrap;
}
#th-upgrade-configure .th-card-hd h3{
  margin:0;
  font-size: 1rem;
  font-weight: 1000;
  color: var(--th-text);
}
#th-upgrade-configure .th-card-bd{ padding: 14px 16px; }

#th-upgrade-configure .th-alert{
  border-radius: var(--th-radius);
  border: 1px solid rgba(221,153,51,.28);
  background: rgba(221,153,51,.10);
  padding: 12px 12px;
  color: rgba(15,23,42,.92);
  font-weight: 850;
  line-height: 1.45;
}

#th-upgrade-configure .th-row{
  display:flex; align-items:flex-start; justify-content:space-between; gap: 12px;
  flex-wrap: wrap;
}
#th-upgrade-configure .th-service-title{
  margin:0;
  font-weight: 1000;
  color: var(--th-text);
  font-size: 1.05rem;
}
#th-upgrade-configure .th-service-meta{
  margin-top: 6px;
  color: var(--th-muted);
  font-weight: 800;
  font-size: .92rem;
}

#th-upgrade-configure .th-btn{
  border: 0;
  border-radius: var(--th-radius);
  padding: 10px 12px;
  font-weight: 1000;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  display:inline-flex;
  align-items:center;
  gap: 8px;
  text-decoration:none !important;
  white-space: nowrap;
}
#th-upgrade-configure .th-btn:hover{ transform: translateY(-1px); }
#th-upgrade-configure .th-btn:active{ transform: translateY(0); }
#th-upgrade-configure .th-btn-ghost{
  background: #fff;
  color: var(--th-text);
  border: 1px solid rgba(226,232,240,.95);
}
#th-upgrade-configure .th-btn-primary{
  width: 100%;
  justify-content:center;
  background: linear-gradient(135deg, var(--th-navy), var(--th-navy-dark));
  color: #fff;
  box-shadow: 0 14px 30px rgba(26,43,93,.18);
}
#th-upgrade-configure .th-btn-primary:disabled{
  opacity: .55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

#th-upgrade-configure .th-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media(min-width: 768px){
  #th-upgrade-configure .th-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media(min-width: 992px){
  #th-upgrade-configure .th-grid.cols-3{ grid-template-columns: repeat(3, 1fr); }
}

#th-upgrade-configure .th-plan{
  border: 1px solid rgba(226,232,240,.95);
  border-radius: var(--th-radius);
  background: #fff;
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
  overflow: hidden;
  position: relative;
}
#th-upgrade-configure .th-plan-hd{
  padding: 14px 14px 12px;
  border-bottom: 1px solid rgba(226,232,240,.95);
  background: linear-gradient(180deg, rgba(246,248,252,.92), rgba(255,255,255,.92));
}
#th-upgrade-configure .th-plan-hd h4{
  margin:0;
  font-size: 1.02rem;
  font-weight: 1000;
  color: var(--th-text);
}
#th-upgrade-configure .th-plan-hd p{
  margin: 6px 0 0;
  color: var(--th-muted);
  font-weight: 750;
  font-size: .92rem;
  line-height: 1.45;
}
#th-upgrade-configure .th-badges{
  position: absolute;
  top: 10px;
  right: 10px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content:flex-end;
}
#th-upgrade-configure .th-badge{
  border-radius: 999px;
  padding: 6px 9px;
  font-size: .78rem;
  font-weight: 1000;
  border: 1px solid rgba(226,232,240,.95);
  background: #fff;
  color: var(--th-text);
}
#th-upgrade-configure .th-badge-current{
  border-color: rgba(26,43,93,.18);
  background: rgba(26,43,93,.06);
  color: var(--th-navy);
}
#th-upgrade-configure .th-badge-reco{
  border-color: rgba(221,153,51,.35);
  background: rgba(221,153,51,.12);
  color: #8a5a00;
}

#th-upgrade-configure .th-feats{
  list-style:none;
  padding: 12px 14px 0;
  margin: 0;
}
#th-upgrade-configure .th-feats li{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid rgba(226,232,240,.75);
}
#th-upgrade-configure .th-feats li:first-child{ border-top: 0; padding-top: 0; }
#th-upgrade-configure .th-feat-k{
  color: var(--th-muted);
  font-weight: 850;
  font-size: .92rem;
}
#th-upgrade-configure .th-feat-v{
  color: var(--th-text);
  font-weight: 950;
  font-size: .92rem;
  text-align: right;
}
#th-upgrade-configure .th-icon{
  display:inline-flex;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(226,232,240,.95);
  background: #fff;
}
#th-upgrade-configure .th-icon.ok{ border-color: rgba(22,163,74,.25); background: rgba(22,163,74,.10); color: var(--th-ok); }
#th-upgrade-configure .th-icon.no{ border-color: rgba(220,38,38,.25); background: rgba(220,38,38,.10); color: var(--th-bad); }

#th-upgrade-configure .th-plan-ft{
  padding: 12px 14px 14px;
  border-top: 1px solid rgba(226,232,240,.95);
  background: rgba(246,248,252,.65);
}

#th-upgrade-configure .th-field{ margin-bottom: 10px; }
#th-upgrade-configure label{
  display:block;
  margin-bottom: 6px;
  color: var(--th-text);
  font-weight: 900;
  font-size: .92rem;
}
#th-upgrade-configure .th-select,
#th-upgrade-configure .th-input{
  width: 100%;
  height: 44px;
  border-radius: var(--th-radius);
  border: 1px solid rgba(148,163,184,.35);
  background: #fff;
  color: var(--th-text);
  padding: 9px 12px;
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
  font-weight: 850;
}
#th-upgrade-configure .th-select:focus,
#th-upgrade-configure .th-input:focus{
  border-color: rgba(221,153,51,.85);
  box-shadow: 0 0 0 4px var(--th-focus);
}
#th-upgrade-configure .th-qty{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
#th-upgrade-configure .th-qty span{
  color: var(--th-muted);
  font-weight: 900;
  font-size: .92rem;
}
#th-upgrade-configure .th-qty input{ max-width: 120px; }

@media(max-width: 575px){
  #th-upgrade-configure{ padding: 14px 10px 34px; }
  #th-upgrade-configure .th-title{ font-size: 1.15rem; }
}


.tp-r11{
  --th-navy:#1a2b5d;
  --th-navy-dark:#152348;
  --th-gold:#dd9933;

  --th-bg:#f6f8fc;
  --th-card:#ffffff;
  --th-text:#0f172a;
  --th-muted:#64748b;
  --th-border:rgba(226,232,240,.95);

  --th-shadow:0 18px 45px rgba(15,23,42,.08);
  --th-shadow-sm:0 10px 25px rgba(15,23,42,.06);

  --th-radius:8px;
  --th-focus:rgba(221,153,51,.25);
}

#th-upgradesummary{ max-width: 1100px; margin: 0 auto; padding: 18px 14px 45px; }
#th-upgradesummary *{ box-sizing: border-box; }

#th-upgradesummary .th-hero{
  border-radius: var(--th-radius);
  border: 1px solid var(--th-border);
  background:
    radial-gradient(900px 260px at 10% -10%, rgba(221,153,51,.18), transparent 60%),
    radial-gradient(900px 260px at 90% 0%, rgba(26,43,93,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72));
  box-shadow: var(--th-shadow-sm);
  padding: 16px;
  overflow: hidden;
}
#th-upgradesummary .th-hero-inner{
  display:flex; align-items:flex-start; justify-content:space-between; gap: 12px;
  flex-wrap: wrap;
}
#th-upgradesummary .th-title{
  margin:0;
  font-weight: 1000;
  color: var(--th-navy);
  letter-spacing: -.02em;
  font-size: 1.25rem;
  line-height: 1.15;
}
#th-upgradesummary .th-sub{
  margin: 6px 0 0;
  color: var(--th-muted);
  font-weight: 750;
  font-size: .95rem;
}
#th-upgradesummary .th-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(26,43,93,.12);
  background: rgba(26,43,93,.06);
  color: var(--th-navy);
  font-weight: 950;
  font-size: .85rem;
  white-space: nowrap;
}

#th-upgradesummary .th-wrap{
  margin-top: 14px;
  background: var(--th-card);
  border: 1px solid var(--th-border);
  border-radius: var(--th-radius);
  box-shadow: var(--th-shadow-sm);
  overflow: hidden;
}
#th-upgradesummary .th-wrap-hd{
  padding: 14px 16px;
  border-bottom: 1px solid var(--th-border);
  background: linear-gradient(180deg, rgba(246,248,252,.92), rgba(255,255,255,.92));
  display:flex; align-items:center; justify-content:space-between; gap: 12px;
  flex-wrap: wrap;
}
#th-upgradesummary .th-wrap-hd h3{
  margin:0;
  font-size: 1rem;
  font-weight: 1000;
  color: var(--th-text);
}
#th-upgradesummary .th-wrap-hd .th-meta{
  color: var(--th-muted);
  font-weight: 850;
  font-size: .9rem;
}
#th-upgradesummary .th-wrap-bd{ padding: 14px 16px; }

#th-upgradesummary .th-note{
  border-radius: var(--th-radius);
  border: 1px solid rgba(221,153,51,.22);
  background: rgba(221,153,51,.10);
  padding: 12px 12px;
  color: rgba(15,23,42,.92);
  font-weight: 800;
  line-height: 1.45;
}

#th-upgradesummary .th-table{
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid rgba(226,232,240,.95);
  border-radius: var(--th-radius);
  overflow: hidden;
  margin-top: 12px;
}
#th-upgradesummary .th-table th,
#th-upgradesummary .th-table td{
  padding: 10px 12px;
  border-top: 1px solid rgba(226,232,240,.95);
  vertical-align: middle;
}
#th-upgradesummary .th-table thead th{
  border-top: 0;
  background: rgba(246,248,252,.9);
  color: var(--th-text);
  font-weight: 1000;
  font-size: .92rem;
}
#th-upgradesummary .th-table .th-right{ text-align:right; }
#th-upgradesummary .th-table .th-center{ text-align:center; }

#th-upgradesummary .th-totalrow td{
  background: rgba(246,248,252,.7);
  font-weight: 1000;
}

#th-upgradesummary .th-split{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 14px;
}
@media(min-width: 992px){
  #th-upgradesummary .th-split{
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

#th-upgradesummary .th-box{
  border: 1px solid rgba(226,232,240,.95);
  border-radius: var(--th-radius);
  background: #fff;
  overflow: hidden;
}
#th-upgradesummary .th-box-hd{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(226,232,240,.95);
  background: rgba(246,248,252,.9);
  font-weight: 1000;
  color: var(--th-text);
}
#th-upgradesummary .th-box-bd{ padding: 12px; }

#th-upgradesummary .th-field{ margin-bottom: 10px; }
#th-upgradesummary label{
  display:block;
  margin-bottom: 6px;
  color: var(--th-text);
  font-weight: 900;
  font-size: .92rem;
}

#th-upgradesummary .th-input,
#th-upgradesummary .th-select{
  width: 100%;
  height: 44px;
  border-radius: var(--th-radius);
  border: 1px solid rgba(148,163,184,.35);
  background: #fff;
  color: var(--th-text);
  padding: 9px 12px;
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
  font-weight: 850;
}
#th-upgradesummary .th-input:focus,
#th-upgradesummary .th-select:focus{
  border-color: rgba(221,153,51,.85);
  box-shadow: 0 0 0 4px var(--th-focus);
}

#th-upgradesummary .th-inputgroup{
  display:flex;
  gap: 10px;
  align-items: stretch;
  flex-wrap: wrap;
}
#th-upgradesummary .th-inputgroup .th-input{ flex: 1 1 220px; }
#th-upgradesummary .th-inputgroup .th-btn{ flex: 0 0 auto; }

#th-upgradesummary .th-btn{
  border: 0;
  border-radius: var(--th-radius);
  padding: 10px 12px;
  font-weight: 1000;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  display:inline-flex;
  align-items:center;
  gap: 8px;
  text-decoration:none !important;
  white-space: nowrap;
}
#th-upgradesummary .th-btn:hover{ transform: translateY(-1px); }
#th-upgradesummary .th-btn:active{ transform: translateY(0); }

#th-upgradesummary .th-btn-primary{
  background: linear-gradient(135deg, var(--th-navy), var(--th-navy-dark));
  color: #fff;
  box-shadow: 0 14px 30px rgba(26,43,93,.18);
}
#th-upgradesummary .th-btn-success{
  background: linear-gradient(135deg, #16a34a, #0f7a35);
  color: #fff;
  box-shadow: 0 14px 30px rgba(16,163,74,.18);
}
#th-upgradesummary .th-btn-danger{
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: #fff;
  box-shadow: 0 14px 30px rgba(220,38,38,.16);
}
#th-upgradesummary .th-btn-ghost{
  background: #fff;
  color: var(--th-text);
  border: 1px solid rgba(226,232,240,.95);
}

#th-upgradesummary .th-cta{
  margin-top: 14px;
  display:flex;
  justify-content:center;
}
#th-upgradesummary .th-cta .th-btn{
  padding: 11px 16px;
  min-width: 220px;
  justify-content:center;
}

@media(max-width: 575px){
  #th-upgradesummary{ padding: 14px 10px 34px; }
  #th-upgradesummary .th-hero{ padding: 14px; }
  #th-upgradesummary .th-title{ font-size: 1.15rem; }
}

/* Shared R11 telaHosting workspace. All form and provider rules are scoped. */
.tp-r11,.r11-service,.r11-services{--r11-navy:#1a2b5d;--r11-gold:#dd9933;--r11-ink:#152348;--r11-muted:#596b85;--r11-line:#dfe6ef;--r11-soft:#f5f8fc;color:var(--r11-ink);font-family:inherit;font-size:15px;line-height:1.55;min-width:0}
.tp-r11 *, .r11-service *, .r11-services *{box-sizing:border-box}
.tp-r11 [hidden],.r11-service [hidden],.r11-services [hidden]{display:none!important}
body.tp-theme .tp-breadcrumb.r11-breadcrumb{display:block!important;margin:0 0 14px;padding:0;background:none;border:0;font-size:13px;line-height:1.6;min-height:0}
body.tp-theme .tp-breadcrumb.r11-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin:0;padding:0;list-style:none}
body.tp-theme .tp-breadcrumb.r11-breadcrumb li{display:inline-flex;align-items:center;gap:9px;min-width:0;overflow-wrap:anywhere}
body.tp-theme .tp-breadcrumb.r11-breadcrumb li+li:before{content:'›';color:#91a0b5}
body.tp-theme .tp-breadcrumb.r11-breadcrumb a{color:#4d6281;text-decoration:none;font-weight:500}
body.tp-theme .tp-breadcrumb.r11-breadcrumb a:hover{color:#1a2b5d;text-decoration:underline}
body.tp-theme .tp-breadcrumb.r11-breadcrumb [aria-current]{color:#1a2b5d;font-weight:600}
.r11-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.r11-page-head h1{font-size:clamp(23px,2.3vw,30px);line-height:1.25;letter-spacing:-.025em;margin:0 0 6px;font-weight:700;overflow-wrap:anywhere}
.r11-page-head p{margin:0;color:var(--r11-muted);max-width:760px}
.r11-page-head .r11-kicker{font-size:11px;letter-spacing:.12em;color:#697c97;font-weight:700;margin-bottom:7px}
.r11-card,.tp-r11 .r11-native>.card{background:#fff;border:1px solid var(--r11-line);border-radius:12px;box-shadow:0 3px 12px rgba(21,35,72,.035);margin-bottom:18px;min-width:0;overflow:hidden}
.r11-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--r11-line)}
.r11-section-head h2,.r11-selected-domains h2{margin:0 0 4px;font-size:19px;font-weight:650}
.r11-section-head p,.r11-selected-domains p{margin:0;color:var(--r11-muted)}
.r11-btn,.tp-r11 .r11-native .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border-radius:8px;border:1px solid var(--r11-navy);background:var(--r11-navy);color:#fff;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;white-space:normal;text-align:center;box-shadow:none;transition:background .15s,border-color .15s}
.r11-btn:hover,.tp-r11 .r11-native .btn-primary:hover{color:#fff;background:#152348}
.r11-btn-quiet,.tp-r11 .r11-native .btn-default{background:#fff;color:var(--r11-navy);border-color:#cbd7e7}
.r11-btn-quiet:hover,.tp-r11 .r11-native .btn-default:hover{background:#edf3fa;color:var(--r11-navy)}
.tp-r11 .r11-native .btn-danger{background:#fff4f4;color:#a43333;border-color:#efcccc}
.tp-r11 .r11-native .btn-success{background:#eaf6ee;color:#216c40;border-color:#c6e6d0}
.r11-btn:disabled,.tp-r11 .r11-native .btn:disabled{opacity:.45;cursor:default}
.tp-r11 a:focus-visible,.tp-r11 button:focus-visible,.tp-r11 input:focus-visible,.tp-r11 select:focus-visible,.tp-r11 textarea:focus-visible,.r11-service a:focus-visible,.r11-services a:focus-visible,.r11-service button:focus-visible,.r11-services button:focus-visible{outline:3px solid #dd9933;outline-offset:3px}
.tp-r11 input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]):not([type=file]),.tp-r11 select,.tp-r11 textarea{font-family:inherit;font-size:15px;line-height:1.45;border:1px solid #cdd7e4;border-radius:8px;background:#fff;min-height:44px;padding:10px 12px;color:var(--r11-ink);max-width:100%}
.tp-r11 input[type=checkbox],.tp-r11 input[type=radio]{accent-color:#1a2b5d}
.tp-r11 textarea{height:auto;resize:vertical;width:100%}
.tp-r11 label{font-size:14px;font-weight:600;color:var(--r11-ink)}
.tp-r11 h2,.tp-r11 h3,.tp-r11 h4{font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.tp-r11 .card-body{padding:24px}
.tp-r11 .r11-native>.row{margin-top:0}
.tp-r11 .r11-native .table{font-size:15px}
.tp-r11 .r11-native .table td,.tp-r11 .r11-native .table th{padding:12px;overflow-wrap:anywhere}
.tp-r11 .r11-native .alert{border-radius:8px;padding:14px 18px;font-size:15px;line-height:1.55}
.tp-r11 .r11-native .mw-540{max-width:760px!important}
.r11-help{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--r11-line);border-left:3px solid var(--r11-gold);border-radius:10px;padding:18px 20px;margin:0 0 20px}
.r11-help>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}
.r11-help-icon,.r11-department-icon,.r11-ticket-icon,.r11-empty-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#edf2fa;color:var(--r11-navy);width:42px;height:42px;border-radius:10px;font-size:18px}
.r11-help strong{font-size:15px;font-weight:650}.r11-help p{margin:2px 0 0;font-size:13px;color:var(--r11-muted)}
.r11-help-links{display:flex;flex-wrap:wrap;gap:8px}
.r11-help-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8e1ee;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--r11-navy);text-decoration:none;white-space:normal}
.r11-help-links a:hover{background:#f2f6fb;border-color:#b9c9df}
.r11-ticket-summary{display:grid;grid-template-columns:160px 185px 1fr;gap:16px;margin-bottom:20px;align-items:center}
.r11-ticket-summary>div{padding:14px 18px;border:1px solid var(--r11-line);border-radius:10px;background:#fff}
.r11-ticket-summary span{display:block;color:var(--r11-muted);font-size:13px}.r11-ticket-summary strong{font-size:27px;line-height:1.3;font-weight:700}.r11-ticket-summary p{color:var(--r11-muted);margin:0}
.r11-filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:12px;align-items:end;padding:20px}
.r11-filters label{display:block;margin-bottom:5px}.r11-filters input,.r11-filters select{width:100%;min-width:0}
.r11-ticket-table table{width:100%;border-collapse:collapse}.r11-ticket-table th{padding:13px 20px;background:#f5f8fc;color:#62718b;font-size:12px;font-weight:650;text-align:left}.r11-ticket-table td{padding:18px 20px;border-top:1px solid #e5ebf3;font-size:14px;overflow-wrap:anywhere}.r11-ticket-table td:first-child{width:40%}
.r11-ticket-name{display:flex;gap:12px;align-items:center;min-width:0}.r11-ticket-name>div{min-width:0}.r11-ticket-name a{display:block;font-size:15px;font-weight:600;color:var(--r11-navy);text-decoration:none;overflow-wrap:anywhere}.r11-ticket-name small{display:flex;gap:8px;align-items:center;margin-bottom:3px;color:#73829a}
.r11-unread{font-size:11px;color:#805815;background:#fff3db;border-radius:4px;padding:1px 5px}
.r11-status{display:inline-block;border-radius:6px;padding:5px 9px;color:#294b70;background:#edf3fa;font-size:12px;font-weight:650;white-space:normal}.r11-status.status-closed{color:#627087;background:#edf0f5}.r11-status.status-answered{color:#276144;background:#eaf6ee}
.r11-list-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-top:1px solid var(--r11-line);font-size:13px;color:var(--r11-muted)}.r11-list-footer>div{display:flex;align-items:center;gap:12px}
.r11-empty{text-align:center;padding:32px 20px;color:var(--r11-muted);grid-column:1/-1}.r11-empty h2{font-size:20px;color:var(--r11-navy);margin:12px 0 6px}.r11-empty p{margin-bottom:16px}
.r11-departments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px}.r11-department{display:flex;gap:15px;align-items:start;border:1px solid #dae3ef;border-radius:10px;padding:22px;text-decoration:none;color:var(--r11-navy);transition:border-color .15s,background .15s}.r11-department:hover{background:#f8fafd;border-color:#91a6c6;text-decoration:none}.r11-department h3{font-size:18px;margin:0 0 6px}.r11-department p{font-size:14px;color:var(--r11-muted);margin:0 0 16px}.r11-department>div>span{font-size:13px;font-weight:650}
.tp-r11 #th-viewticket,.tp-r11 #th-ticket-step2,.tp-r11 #th-ticket-confirm,.tp-r11 #th-ticketfeedback,.tp-r11 #th-upgrade,.tp-r11 #th-upgradeconfigure,.tp-r11 #th-upgradesummary{max-width:none;margin:0;padding:0}
.tp-r11 #th-viewticket .th-wrap,.tp-r11 #th-ticket-confirm .th-wrap{padding:0;max-width:none}
.tp-r11 .th-card,.tp-r11 .th-box,.tp-r11 .th-pkg,.tp-r11 .th-plan{border-radius:10px;box-shadow:0 3px 12px rgba(21,35,72,.035);border-color:var(--r11-line)}
.tp-r11 .th-card-head,.tp-r11 .th-card-hd,.tp-r11 .th-wrap-hd,.tp-r11 .th-box-hd{padding:18px 20px;background:#fff;border-color:var(--r11-line)}
.tp-r11 .th-title,.tp-r11 .th-name{font-weight:650}.tp-r11 .th-title{font-size:17px}.tp-r11 .th-subject,.tp-r11 .th-help,.tp-r11 .th-date{font-size:13px;font-weight:450}
.tp-r11 .th-thread{padding:20px}.tp-r11 .th-reply{border-radius:9px;margin-bottom:18px;box-shadow:none}.tp-r11 .th-reply-head{padding:14px 18px;background:#f7f9fc}.tp-r11 .th-reply-body{padding:18px}.tp-r11 .th-message{padding:0;border:0;background:#fff;font-size:15px;line-height:1.75;overflow-wrap:anywhere}.tp-r11 .th-message pre,.tp-r11 .th-message table{max-width:100%;overflow:auto}.tp-r11 .th-message img{max-width:100%;height:auto}
.tp-r11 .th-replycard{padding:22px}.tp-r11 .th-formgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.tp-r11 .th-col-4{grid-column:span 4}.tp-r11 .th-col-5{grid-column:span 8}.tp-r11 .th-col-12{grid-column:1/-1}.tp-r11 .th-field{min-width:0}.tp-r11 .th-field label{display:block;margin-bottom:6px}
.tp-r11 .th-toolbtn,.tp-r11 .th-submit,.tp-r11 .th-reset,.tp-r11 .th-addbtn,.tp-r11 .th-btn{border-radius:8px;box-shadow:none;font-size:14px;font-weight:600;white-space:normal;min-height:42px;transform:none!important}
.tp-r11 .th-help{color:var(--r11-muted)}.tp-r11 .th-table{font-size:15px}.tp-r11 .th-table th,.tp-r11 .th-table td{font-weight:500}.tp-r11 .th-hero{box-shadow:none;border:1px solid var(--r11-line);background:#fff}.tp-r11 .th-hero .th-sub{font-weight:450}
.r11-bulk-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.r11-bulk-grid>.card{border-radius:12px;border:1px solid var(--r11-line);box-shadow:0 3px 12px rgba(21,35,72,.035)}.r11-bulk-grid .card-title{font-size:21px;margin-bottom:14px}.r11-bulk-grid .form-check-inline{display:block;padding:12px 16px;border:1px solid #dce5f0;background:#f7f9fc;border-radius:8px;margin:10px 0 18px}.r11-bulk-grid .form-check-inline input{margin-right:6px;position:static}.r11-bulk-grid .form-check-inline label{padding:0}.r11-bulk-grid .form-group.row{margin-bottom:16px}.r11-bulk-grid .row .btn-lg{font-size:15px}
.r11-selected-domains{padding:22px}.r11-selected-domains h2{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:17px}.r11-selected-domains h2 span{border-radius:6px;font-size:13px;padding:3px 8px;background:#eaf0f9;color:#1a2b5d}.r11-selected-domains p{font-size:13px;margin:8px 0 18px}.r11-selected-domains ul{list-style:none;padding:0;margin:0}.r11-selected-domains li{display:flex;align-items:start;gap:10px;padding:13px 0;border-top:1px solid var(--r11-line);overflow-wrap:anywhere;min-width:0;font-size:14px}.r11-selected-domains li i{color:#8194b1;margin-top:4px}
/* Native renewal controls and totals stay with standard_cart's JavaScript. */
.tp-r11-renewal .r11-renewal-intro{margin:0 0 14px;color:#596b85;font-size:15px}.tp-r11-renewal #order-standard_cart{padding:0}.tp-r11-renewal #order-standard_cart>.row{margin:0}.tp-r11-renewal #order-standard_cart .cart-body{float:none;width:100%;padding:0;margin:0;min-width:0}.tp-r11-renewal #order-standard_cart .cart-body>.row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin:0}.tp-r11-renewal #order-standard_cart .secondary-cart-body,.tp-r11-renewal #order-standard_cart .secondary-cart-sidebar{width:auto;float:none;padding:0;min-width:0}.tp-r11-renewal #order-standard_cart .header-lined{border:0;padding:0;margin:0 0 18px}.tp-r11-renewal #order-standard_cart .header-lined h1{font-size:28px;line-height:1.3;color:#1a2b5d;margin:0 0 12px}.tp-r11-renewal #order-standard_cart .domain-renewal,.tp-r11-renewal #order-standard_cart .service-renewal{padding:22px;border:1px solid #dce5f0;border-radius:12px;margin:0 0 16px;background:#fff;box-shadow:0 3px 12px rgba(21,35,72,.035)}.tp-r11-renewal #order-standard_cart h3{font-size:21px;margin:6px 0 5px}.tp-r11-renewal #order-standard_cart h4{font-size:17px}.tp-r11-renewal #order-standard_cart .domain-renewal p,.tp-r11-renewal #order-standard_cart .service-renewal p{font-size:14px;color:#657791}.tp-r11-renewal #order-standard_cart .domain-renewal .label,.tp-r11-renewal #order-standard_cart .service-renewal .label{display:inline-block;font-size:12px;line-height:1.4;padding:5px 9px;border-radius:6px;background:#fff1d9;color:#77501a}.tp-r11-renewal #order-standard_cart .label-info{background:#edf2f8;color:#405a7e}.tp-r11-renewal #order-standard_cart .domain-renewal form{margin-top:20px}.tp-r11-renewal #order-standard_cart .form-group.row{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 18px}.tp-r11-renewal #order-standard_cart .form-group.row>label,.tp-r11-renewal #order-standard_cart .form-group.row>div{width:100%;max-width:100%;padding:0}.tp-r11-renewal #order-standard_cart .order-summary{border-radius:12px;border:1px solid #dce5f0;background:#fff;color:#152348;padding:20px;box-shadow:0 3px 12px rgba(21,35,72,.035);overflow:hidden}.tp-r11-renewal #order-standard_cart .order-summary h2{font-size:19px;color:#1a2b5d;background:none;padding:0 0 15px;margin:0;border-bottom:1px solid #e2e8f0}.tp-r11-renewal #order-standard_cart #producttotal{padding:16px 0 0;color:#152348;min-height:40px}.tp-r11-renewal #order-standard_cart #btnGoToCart{width:100%;margin-top:14px;min-height:46px;border-radius:8px;background:#1a2b5d;border-color:#1a2b5d;font-size:15px}.tp-r11-renewal #order-standard_cart .btn-add-renewal-to-cart{background:#1a2b5d;border-color:#1a2b5d;color:#fff;padding:10px 16px;min-height:42px;font-size:14px}.tp-r11-renewal #order-standard_cart .addon-renewals{margin-top:20px;padding-top:14px;border-top:1px solid #e2e8f0}.tp-r11-renewal #order-standard_cart .addon-renewals .service-renewal{box-shadow:none;background:#f8fafd}
/* Services: task-oriented catalog and a provider-aware management workspace. */
.r11-service .pi-heading{border-radius:12px;padding:24px 26px;background:linear-gradient(115deg,#152348,#1a2b5d);border:1px solid #1a2b5d;color:#fff;margin:0 0 18px;align-items:center;box-shadow:0 6px 20px rgba(21,35,72,.08)}
.r11-service .pi-heading h1{color:#fff;font-size:30px;line-height:1.2;margin:0 0 8px;letter-spacing:-.025em}.r11-service .pi-heading p{color:#d3deee;margin:4px 0;font-size:14px}.r11-service .pi-heading .pi-eyebrow{color:#f0c67c;font-size:11px;margin-bottom:9px;letter-spacing:.12em}.r11-service .pi-heading .pi-primary{color:#152348;background:#e6b258;border-color:#e6b258;box-shadow:none}.r11-service .pi-state-line{margin:0 0 20px;font-size:13px;gap:16px}.r11-service .pi-heading .r11-service-intro{max-width:650px}
.r11-service-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}.r11-service-highlights article{display:flex;align-items:center;gap:13px;border:1px solid #dfe6ef;border-radius:10px;padding:18px;background:#fff;min-width:0}.r11-highlight-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:#edf2fa;color:#1a2b5d;font-size:19px}.r11-service-highlights article>div{min-width:0}.r11-service-highlights span:not(.r11-highlight-icon){display:block;font-size:12px;color:#697b95}.r11-service-highlights strong{display:block;font-size:19px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.r11-service-highlights small{display:block;color:#7688a0;font-size:12px;margin-top:2px}
.r11-service .pi-tabs{border:1px solid #dfe6ef;border-radius:10px;background:#fff;padding:6px;margin:0 0 20px;gap:4px;overflow-x:auto;scrollbar-width:thin}.r11-service .pi-tabs>a{font-size:14px;border:0;border-radius:7px;padding:11px 15px;min-height:42px;white-space:nowrap;color:#5a6e8d}.r11-service .pi-tabs>a[aria-selected=true]{color:#fff;background:#1a2b5d;border:0}.r11-service .pi-grid{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.r11-service .pi-stack{gap:18px}.r11-service .pi-card{border:1px solid #dfe6ef;border-radius:12px;padding:22px;box-shadow:0 3px 12px rgba(21,35,72,.035);min-width:0}.r11-service .pi-card-head{margin:0 0 18px}.r11-service .pi-card-head h2{font-size:19px;line-height:1.3;margin:0 0 4px;font-weight:650}.r11-service .pi-card-head p{font-size:13px;color:#657791;margin:0}.r11-service .pi-facts{margin:0}.r11-service .pi-facts>div{padding:12px 0}.r11-service .pi-facts dt{font-size:13px;font-weight:450;color:#687b97}.r11-service .pi-facts dd{font-size:14px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}.r11-service .pi-btn,.r11-services .pi-btn{font-size:14px;min-height:42px;padding:10px 14px;border-radius:8px;font-weight:600;white-space:normal}.r11-side-service{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e2e8f0;margin-bottom:6px;min-width:0}.r11-side-service>div{min-width:0}.r11-side-service strong{display:block;font-size:15px;overflow-wrap:anywhere}.r11-side-service small{display:block;font-size:13px;color:#627791;overflow-wrap:anywhere}.r11-side-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.r11-side-actions .pi-btn{width:100%}.r11-text-link{font-size:13px;color:#1a2b5d;text-align:center;padding:6px}
.r11-configuration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.r11-configuration-grid .pi-card{height:100%}.r11-service .pi-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.r11-service .pi-tool{padding:15px;border:1px solid #dce5f0;border-radius:9px;background:#f9fbfe;box-shadow:none;grid-template-columns:38px 1fr 15px}.r11-service .pi-tool strong{font-size:14px;font-weight:650}.r11-service .pi-tool small{font-size:12px;color:#6c7c95}.r11-service .pi-tool-icon{width:36px;height:36px;border-radius:8px;background:#eaf0f9;color:#1a2b5d;font-size:17px}.r11-service .pi-tool:hover{background:#eff4fb;border-color:#8ba3c4}.r11-service .pi-extra-tools{border-radius:8px;background:#f7f9fc;padding:14px;margin-top:14px}.r11-service .pi-extra-tools summary{font-size:14px;color:#1a2b5d;font-weight:600}.r11-service .pi-resources{gap:20px}.r11-service meter{width:100%;height:9px;border:0;border-radius:5px}.r11-service .pi-resources strong{font-size:24px}.r11-service .pi-caption{font-size:12px;color:#71839d;margin:14px 0 0}.r11-service .pi-cpanel-module{display:grid;gap:18px}.r11-service .pi-cpanel-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.r11-service .pi-cpanel-extras>.col-sm-12{width:100%;max-width:none;padding:0;grid-column:1/-1}.r11-service .pi-cpanel-extras>#cPanelWordPress{grid-column:1/-1}.r11-service .pi-cpanel-extras .panel,.r11-service .r11-provider .card{margin:0!important;border:1px solid #dfe6ef;border-radius:12px;box-shadow:none;overflow:hidden}.r11-service .pi-cpanel-extras .card-header{background:#fff;padding:18px 20px;border-bottom:1px solid #e2e8f0}.r11-service .pi-cpanel-extras .card-header h3{font-size:17px;font-weight:650}.r11-service .pi-cpanel-extras .card-body{padding:20px;font-size:14px}.r11-service .pi-cpanel-extras input,.r11-service .pi-cpanel-extras select{font-size:14px;min-height:42px;border-radius:8px}.r11-service .pi-cpanel-extras .btn{border-radius:8px;font-size:14px;min-height:40px;white-space:normal}.r11-service .pi-cpanel-extras img{border-radius:8px}.r11-service .pi-cpanel-extras .cpanel-package-details h4{font-size:19px;margin:8px 0!important}.r11-service .r11-provider input[type=submit],.r11-service .r11-provider button:not(.close){font-family:inherit;min-height:42px;padding:10px 14px;border:1px solid #ccdaed;border-radius:8px;background:#1a2b5d;color:#fff;font-size:14px;white-space:normal}.r11-service .pi-provider-output .tela-r3-access{box-shadow:none!important;border:1px solid #dfe6ef!important;border-radius:12px!important;padding:20px!important;background:#fff!important}.r11-service .pi-provider-output .tela-r3-access button,.r11-service .pi-provider-output .tela-r3-access a{border-radius:8px!important;font-size:14px!important;min-height:42px!important;padding:10px 14px!important}
.r11-services .pi-heading{margin:0 0 20px}.r11-services .pi-heading h1{font-size:30px;line-height:1.25;letter-spacing:-.025em}.r11-services .pi-heading p{font-size:15px}.r11-services .pi-stats{gap:14px;margin:0 0 20px}.r11-services .pi-stats>div{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:16px 20px}.r11-services .pi-stats strong{font-size:28px;font-weight:700}.r11-services .pi-stats span{font-size:13px}.r11-services .pi-filter{border:1px solid #dfe6ef;border-radius:10px;padding:16px;background:#fff;margin-bottom:18px}.r11-service-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.r11-service-card{border:1px solid #dfe6ef;border-radius:12px;background:#fff;padding:22px;box-shadow:0 3px 12px rgba(21,35,72,.035);min-width:0;display:flex;flex-direction:column}.r11-service-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.r11-service-card-title small{color:#74839b;font-size:12px}.r11-service-card-title h2{font-size:21px;line-height:1.3;margin:4px 0;font-weight:650;overflow-wrap:anywhere}.r11-service-card-title h2 a{color:#1a2b5d;text-decoration:none}.r11-service-card-title p{font-size:14px;color:#607494;margin:0;overflow-wrap:anywhere}.r11-service-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;padding:16px 0;border-top:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3}.r11-service-card-facts dt{font-size:12px;color:#7c8ba2;font-weight:450;margin-bottom:5px}.r11-service-card-facts dd{font-size:14px;font-weight:550;line-height:1.5;margin:0;overflow-wrap:anywhere}.r11-service-card-facts dd small{display:block;font-size:12px;color:#71839d;margin-top:2px}.r11-service-card-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start}.r11-service-card-actions form{margin:0;display:inline-flex}.r11-services .pi-status,.r11-service .pi-status{border-radius:6px;font-size:12px;padding:5px 9px;line-height:1.4}.r11-service .pi-table td,.r11-service .pi-table th{font-size:14px}.r11-service .pi-addon{border-radius:10px;box-shadow:none}.r11-service .pi-notice{border-radius:10px;margin:0 0 18px}
@media(max-width:1250px){.r11-help{align-items:start;flex-direction:column}.r11-service .pi-grid{grid-template-columns:1fr}.r11-service-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.r11-filters{grid-template-columns:2fr 1fr 1fr}.r11-filters>button{grid-column:1/-1;justify-self:start}.r11-bulk-grid,.tp-r11-renewal #order-standard_cart .cart-body>.row{grid-template-columns:minmax(0,1fr) 270px}.r11-ticket-table td,.r11-ticket-table th{padding:15px 14px}}
@media(max-width:991.98px){.r11-page-head{margin-bottom:16px}.r11-service .pi-heading{padding:22px}.r11-service .pi-heading h1,.r11-services .pi-heading h1{font-size:27px}.r11-service-highlights{gap:10px}.r11-service-highlights article{padding:14px;align-items:start}.r11-service-highlights strong{font-size:17px}.r11-highlight-icon{width:34px;height:34px;flex-basis:34px;font-size:16px}.r11-bulk-grid{grid-template-columns:minmax(0,1fr) 260px}.r11-ticket-summary{grid-template-columns:1fr 1fr}.r11-ticket-summary>p{grid-column:1/-1}.r11-ticket-table th,.r11-ticket-table td{font-size:13px;padding:14px 10px}}
@media(max-width:767.98px){.r11-page-head{align-items:start;flex-direction:column;gap:12px}.r11-help{padding:16px}.r11-help-links{width:100%}.r11-help-links a{flex:1 1 150px}.r11-departments{grid-template-columns:1fr;padding:18px}.r11-section-head{align-items:start;flex-direction:column;padding:18px}.r11-section-head>div{width:100%}.r11-section-head input{width:100%}.r11-filters{grid-template-columns:1fr 1fr;padding:16px}.r11-filters>div:first-child{grid-column:1/-1}.r11-filters>button{grid-column:1/-1}.r11-ticket-table table,.r11-ticket-table tbody{display:block}.r11-ticket-table thead{display:none}.r11-ticket-table tr{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:12px;border-top:1px solid #e2e8f0}.r11-ticket-table td{display:block;width:auto!important;border:0;padding:0;font-size:14px;min-width:0}.r11-ticket-table td:first-child{grid-column:1/-1;margin-bottom:4px}.r11-ticket-table td:not(:first-child):before{content:attr(data-label);display:block;margin-bottom:4px;font-size:11px;color:#7587a0;font-weight:500}.r11-ticket-table td:last-child{grid-column:1/-1}.r11-ticket-table td:last-child:before{display:none}.r11-list-footer{flex-wrap:wrap;padding:16px}.r11-bulk-grid{grid-template-columns:1fr}.r11-selected-domains{order:-1}.r11-selected-domains ul{max-height:220px;overflow:auto}.tp-r11 .card-body{padding:18px}.tp-r11 .th-formgrid{grid-template-columns:1fr}.tp-r11 .th-col-4,.tp-r11 .th-col-5,.tp-r11 .th-col-12{grid-column:1}.tp-r11 .th-thread,.tp-r11 .th-reply-body{padding:14px}.tp-r11 .th-replycard{padding:18px}.tp-r11 .th-toolbar{flex-wrap:wrap}.tp-r11 .th-card-head{flex-wrap:wrap}.tp-r11 .th-attach-row{flex-wrap:wrap;gap:8px}.tp-r11 .th-file{min-width:0}.tp-r11-renewal #order-standard_cart .cart-body>.row{grid-template-columns:1fr}.tp-r11-renewal #order-standard_cart .secondary-cart-sidebar{margin-top:2px}.tp-r11-renewal #order-standard_cart .header-lined h1{font-size:25px}.tp-r11-renewal #order-standard_cart .domain-renewal,.tp-r11-renewal #order-standard_cart .service-renewal{padding:18px}.r11-service .pi-heading{align-items:start;flex-direction:column;gap:16px;padding:20px}.r11-service-highlights{grid-template-columns:1fr}.r11-service-highlights article{padding:15px;align-items:center}.r11-service-highlights strong{font-size:19px}.r11-service .pi-state-line{gap:10px;flex-wrap:wrap}.r11-service .pi-card{padding:18px}.r11-service-side{grid-template-columns:1fr}.r11-configuration-grid{grid-template-columns:1fr}.r11-service .pi-cpanel-extras{grid-template-columns:1fr}.r11-service .pi-tools{grid-template-columns:1fr 1fr}.r11-service .pi-tool{grid-template-columns:34px 1fr;gap:9px;padding:12px}.r11-service .pi-tool>i:last-of-type{display:none}.r11-service .pi-tool small{grid-column:2}.r11-service .pi-tabs{margin-bottom:16px}.r11-service .pi-tabs>a{padding:10px 13px}.r11-service-catalog{grid-template-columns:1fr}.r11-service-card{padding:20px}.r11-service .pi-provider-output .tela-r3-access{flex-direction:column;align-items:stretch;gap:15px}.r11-service .pi-provider-output .tela-r3-access>div{display:flex;flex-wrap:wrap;gap:8px}.r11-service .pi-provider-output .tela-r3-access form{margin:0}}
@media(max-width:420px){.r11-help-links a{flex-basis:100%;justify-content:flex-start}.r11-filters{grid-template-columns:1fr}.r11-filters>div{grid-column:1!important}.r11-ticket-summary{gap:10px}.r11-ticket-summary>div{padding:14px}.r11-ticket-summary span{font-size:12px}.r11-service .pi-tools{grid-template-columns:1fr}.r11-service .pi-heading h1{font-size:25px}.r11-service-card-actions .pi-btn,.r11-service-card-actions form{width:100%}.r11-service-card-facts{grid-template-columns:1fr}.r11-service .pi-facts>div{grid-template-columns:1fr;gap:5px}.r11-service .pi-facts dd{text-align:left}.tp-r11 .th-inputgroup{flex-direction:column}.tp-r11 .th-inputgroup .th-input{flex-basis:auto}}
@media(prefers-reduced-motion:reduce){.tp-r11 *,.r11-service *,.r11-services *{scroll-behavior:auto!important;transition:none!important}}
@media print{.r11-breadcrumb,.r11-help,.r11-service .pi-heading-actions,.r11-service .pi-tabs,.r11-service-side{display:none!important}}
/* Checkout and cart: retain native forms, payment events and iCheck controls. */
body.tp-theme .r11-checkout #order-standard_cart,body.tp-theme .r11-cart #order-standard_cart{width:100%;max-width:none;padding:0;background:transparent}
body.tp-theme .r11-checkout #order-standard_cart .cart-body,body.tp-theme .r11-cart #order-standard_cart .cart-body{float:none;width:100%!important;max-width:none;padding:0!important;min-width:0}
body.tp-theme .r11-cart #order-standard_cart .cart-body>.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:24px;margin:0}
body.tp-theme .r11-cart #order-standard_cart :is(.secondary-cart-body,.secondary-cart-sidebar){float:none;width:100%;max-width:none;min-width:0;padding:0;margin:0}
body.tp-theme .r11-cart #order-standard_cart #orderSummary{width:100%;max-width:none;margin:0}
body.tp-theme .r11-cart-empty #order-standard_cart .view-cart-items-header{display:none}
body.tp-theme .r11-cart-empty #order-standard_cart .view-cart-items{min-height:0}
body.tp-theme .r11-cart-empty #order-standard_cart .view-cart-empty{height:auto;min-height:0;padding:38px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center}
body.tp-theme .r11-cart-empty #order-standard_cart .view-cart-empty>i{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#f3f5fa;color:#1a2b5d;font-size:24px;margin-bottom:4px}
body.tp-theme .r11-cart-empty #order-standard_cart .view-cart-empty h2{margin:0;font-size:22px;font-weight:700}
body.tp-theme .r11-cart-empty #order-standard_cart .view-cart-empty p{font-size:15px;color:#637089;margin:0 0 8px;max-width:360px}
body.tp-theme .r11-checkout #order-standard_cart .th-checkout-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:24px;align-items:start}
body.tp-theme .r11-checkout #order-standard_cart .th-card{width:100%;max-width:none;padding:0;margin:0;background:transparent;box-shadow:none;border:0;overflow:visible}
body.tp-theme .r11-checkout #order-standard_cart :is(.th-checkout-main,.th-checkout-panel){min-width:0;max-width:100%}
body.tp-theme .r11-checkout #order-standard_cart .th-checkout-panel{padding:26px;border-radius:14px;border:1px solid #e0e5ee;background:#fff;box-shadow:0 4px 18px #1a2b5d05}
body.tp-theme .r11-checkout #order-standard_cart .th-checkout-panel-payment{width:100%;margin:0;position:sticky;top:95px}
body.tp-theme .r11-checkout #order-standard_cart :is(.form-control,.tpc-field-label,.sub-heading,.radio-inline){font-size:15px}
body.tp-theme .r11-checkout #order-standard_cart .th-panel-head p{font-size:14px;line-height:1.65}
body.tp-theme .r11-checkout #order-standard_cart .form-control{min-height:46px;border-radius:7px}
body.tp-theme .r11-checkout #order-standard_cart .tpc-auth-tabs button{min-height:44px;font-size:14px}
body.tp-theme .r11-checkout #order-standard_cart .apply-credit-container{padding:16px;border-radius:10px;background:#f6f8fc}
body.tp-theme .r11-checkout #order-standard_cart .apply-credit-container>p{font-size:14px;font-weight:650;line-height:1.6;margin:0 0 12px}
body.tp-theme .r11-checkout #order-standard_cart .r11-credit-choice{display:flex;align-items:flex-start;gap:11px;font-size:14px;font-weight:400;line-height:1.65;padding:11px 0;margin:0;min-width:0;cursor:pointer}
body.tp-theme .r11-checkout #order-standard_cart .r11-credit-choice+label{border-top:1px solid #e0e5ee}
body.tp-theme .r11-checkout #order-standard_cart .r11-credit-choice>span{min-width:0;flex:1;overflow-wrap:anywhere}
body.tp-theme .r11-checkout #order-standard_cart .r11-credit-choice input[type=radio]{position:static;flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:#1a2b5d}
body.tp-theme .r11-checkout #order-standard_cart :is(.iradio_square-blue,.icheckbox_square-blue){width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;flex:0 0 18px;box-sizing:border-box}
body.tp-theme .r11-checkout #order-standard_cart .r11-credit-choice .iradio_square-blue{margin:3px 0 0}
body.tp-theme .r11-checkout #order-standard_cart #paymentGatewaysContainer :is(.radio-inline,p){font-size:14px!important;line-height:1.6}
body.tp-theme .r11-checkout #order-standard_cart #paymentGatewaysContainer .radio-inline{min-height:48px;padding:13px;border-radius:8px}
body.tp-theme .r11-checkout #order-standard_cart #paymentGatewaysContainer .radio-inline :is(img,svg){max-width:100%;height:auto}
body.tp-theme .r11-checkout #order-standard_cart .r11-gateway-note{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;color:#637089;margin:14px 0 20px}
body.tp-theme .r11-checkout #order-standard_cart .r11-gateway-note i{margin-top:4px;color:#94702c}
body.tp-theme .r11-checkout #order-standard_cart #creditCardInputFields[hidden]{display:none!important}
body.tp-theme .r11-checkout #order-standard_cart .checkbox-inline{font-size:14px;line-height:1.65}
body.tp-theme .r11-checkout #order-standard_cart #btnCompleteOrder{font-size:16px;min-height:50px;align-items:center;gap:8px;border-radius:8px}
body.tp-theme .r11-checkout #order-standard_cart .tpc-order-line{font-size:14px;line-height:1.6;flex-wrap:wrap}
body.tp-theme .r11-checkout #order-standard_cart .tpc-order-items :is(summary,strong,span,small){font-size:14px}
body.tp-theme .r11-checkout #order-standard_cart .checkout-security-msg{font-size:13px;line-height:1.7}
@media(max-width:1100px){body.tp-theme .r11-checkout #order-standard_cart .th-checkout-columns{grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:18px}body.tp-theme .r11-checkout #order-standard_cart .th-checkout-panel{padding:22px}}
@media(max-width:991px){body.tp-theme .r11-checkout #order-standard_cart .th-checkout-columns,body.tp-theme .r11-cart #order-standard_cart .cart-body>.row{grid-template-columns:minmax(0,1fr);gap:18px}body.tp-theme .r11-checkout #order-standard_cart .th-checkout-panel-payment,body.tp-theme .r11-cart #order-standard_cart .secondary-cart-sidebar{position:static;top:auto;width:100%}body.tp-theme .r11-checkout #order-standard_cart .th-checkout-panel-payment .text-center{text-align:left!important}}
@media(max-width:767px){body.tp-theme .r11-checkout #order-standard_cart .th-checkout-panel{padding:20px 16px}body.tp-theme .r11-checkout #order-standard_cart .form-control{font-size:16px}body.tp-theme .r11-checkout .tpc-page-title>div{gap:10px}body.tp-theme .r11-checkout .tpc-page-title h1{font-size:27px}body.tp-theme .r11-cart-empty #order-standard_cart .view-cart-empty{padding:28px 18px}body.tp-theme .r11-cart #order-standard_cart .order-summary{margin:0;width:100%}body.tp-theme .r11-cart #order-standard_cart .view-cart-items .item{padding:18px}body.tp-theme .r11-cart #order-standard_cart .item :is(.item-title,.item-price){font-size:16px}body.tp-theme .r11-cart #order-standard_cart .item :is(.item-group,.item-domain,.cycle){font-size:14px}}

.tp-r11 .r11-rating{margin:20px 0;border:0;padding:0;min-width:0}.tp-r11 .r11-rating-scale{display:flex;justify-content:space-between;font-size:13px;color:#637089;margin-bottom:10px}.tp-r11 .r11-rating-options{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.tp-r11 .r11-rating-options label{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:12px 4px;border:1px solid #dee5ee;border-radius:8px;cursor:pointer;font-size:15px}.tp-r11 .r11-rating-options label:has(input:checked){background:#f0f4fa;border-color:#1a2b5d;color:#1a2b5d}.tp-r11 .r11-rating-options input{position:static;margin:0;accent-color:#1a2b5d;width:17px;height:17px}.tp-r11 .ticketfeedbackstaffcont{padding:20px 0;border-top:1px solid #e0e5ee}.tp-r11 .alert-error{color:#872f36;background:#fff0f1;border-color:#f4c9cc}@media(max-width:767px){.tp-r11 .r11-rating-options{grid-template-columns:repeat(5,minmax(0,1fr))}}

.r11-service .pi-cpanel-extras>.card:only-child{grid-column:1/-1}.r11-service .pi-provider-output .tela-r3-access{margin-top:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important}.r11-service .pi-provider-output .tela-r3-access strong{margin-right:auto}.r11-service .pi-provider-output .tela-r3-access form{display:inline-flex;margin:0!important}.r11-service .pi-provider-output .tela-r3-access button{background:#1a2b5d!important;color:#fff!important;border:1px solid #1a2b5d!important;font-weight:650!important;cursor:pointer}.r11-service .pi-provider-output .tela-r3-access a{display:inline-flex;align-items:center;justify-content:center;background:#fff!important;color:#1a2b5d!important;border:1px solid #ced9eb!important;font-weight:650!important;text-decoration:none}.tp-r11 .r11-article-tools{display:flex;justify-content:flex-end;min-height:42px;margin-bottom:14px}body.tp-theme .r11-checkout #order-standard_cart .checkbox-inline>span{flex:1;min-width:0}.tp-r11-renewal #order-standard_cart .header-lined h1{font-weight:700;line-height:1.3;border:0}.tp-r11-renewal #order-standard_cart .header-lined{border:0;margin-bottom:20px}
@media(max-width:767px){.r11-service .pi-provider-output .tela-r3-access{align-items:stretch!important}.r11-service .pi-provider-output .tela-r3-access strong{width:100%}.r11-service .pi-provider-output .tela-r3-access :is(form,button,a){width:100%}}

.r11-certificate-workspace .pi-heading{padding:26px 28px;border-radius:14px;background:linear-gradient(120deg,#162344,#1a2b5d);margin-bottom:24px;color:#fff}.r11-certificate-workspace .pi-heading h1{color:#fff}.r11-certificate-workspace .pi-heading .pi-eyebrow{color:#e7b454}.r11-certificate-workspace .pi-heading p{color:#cbd8ef}.r11-certificate-workspace .pi-native-content>.card{border-radius:14px;border:1px solid #dfe6ef;box-shadow:0 4px 18px #1a2b5d05}.r11-certificate-workspace .pi-native-content .card-body{padding:24px}.r11-certificate-workspace .pi-native-content .form-control{border-radius:8px;min-height:44px;font-size:16px}.r11-certificate-workspace .pi-native-content :is(.btn,label){font-size:15px}.r11-certificate-workspace .pi-native-content .btn{min-height:42px;border-radius:8px}.r11-certificate-workspace .card-header,.r11-certificate-workspace .card-footer{background:#f8faff;padding:20px 24px}.r11-service-highlights{margin-top:22px}
@media(max-width:767px){.r11-certificate-workspace .pi-heading{padding:22px 18px}.r11-certificate-workspace .pi-native-content .card-body{padding:18px}.r11-certificate-workspace .card-header,.r11-certificate-workspace .card-footer{padding:16px 18px}}

.tp-r11 .r11-overall-rating legend{font-size:17px;font-weight:650;margin-bottom:12px}.tp-r11 .r11-overall-rating legend small{font-size:13px;font-weight:400;color:#637089}.tp-r11 .r11-overall-options{grid-template-columns:repeat(5,minmax(0,1fr));max-width:420px}.tp-r11 .r11-overall-options i{color:#bd892f}.r11-billing-contacts #innerBillingContactsContainer{display:grid;gap:10px}.r11-billing-contacts #innerBillingContactsContainer>br{display:none}.r11-billing-contacts #innerBillingContactsContainer>label{padding:14px 16px;border:1px solid #dfe6ef;border-radius:8px;line-height:1.7;margin:0;cursor:pointer}.r11-billing-contacts #innerBillingContactsContainer>label:has(input:checked){border-color:#1a2b5d;background:#f7f9fd}.r11-billing-contacts .iradio_square-blue{flex:none;margin-right:8px}

body.tp-theme .r11-checkout #order-standard_cart>.row,body.tp-theme .r11-cart #order-standard_cart>.row{margin-left:0!important;margin-right:0!important}