/*
  UA Section Tabs
  Shared tab/navigation styling extracted from section tab partials.
*/

.ua-dev-badge,
.dev-badge,
.badge-php,
.php-badge,
.ua-php,
.ua-tag-php,
.content-header,
.breadcrumb,
.breadcrumbs,
.page-breadcrumb,
.page-title,
.ua-breadcrumb{
  display:none !important;
}

.ua-atabs-wrap,
.ua-ctabs-wrap{
  margin:16px 0 22px;
}

.ua-atabs,
.ua-ctabs{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  gap:0;
  overflow:hidden;
  border-radius:18px;
  background:rgba(255,255,255,.60);
  border:1px solid rgba(0,0,0,.07);
  box-shadow:0 10px 22px rgba(0,0,0,.07);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.ua-atab,
.ua-ctab{
  flex:1 1 auto;
  min-width:140px;
  text-align:center;
  padding:12px 14px;
  text-decoration:none !important;
  color:#2c2c2c;
  background:transparent;
  border:0;
  font-weight:800;
  position:relative;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
  white-space:nowrap;
}

.ua-atab + .ua-atab,
.ua-ctab + .ua-ctab{
  box-shadow:inset 1px 0 0 rgba(0,0,0,.07);
}

.ua-atab:hover,
.ua-ctab:hover{
  background:rgba(0,0,0,.04);
}

.ua-atab.is-active,
.ua-ctab.is-active{
  background:rgba(255,255,255,.95);
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.10),0 10px 20px rgba(0,0,0,.06);
  color:#000;
}

body.ua-design-v2 .ua-atabs,
body.ua-design-v2 .ua-ctabs{
  border:var(--ua-border-width,1px) var(--ua-border-style,solid) var(--ua-ds-line,var(--ua-border,rgba(255,255,255,.14)));
  border-radius:var(--ua-radius,16px);
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ua-accent,#f5b000) 12%,transparent),transparent 38%),
    linear-gradient(180deg,var(--ua-ds-surface,rgba(7,18,30,.82)),var(--ua-ds-surface-2,rgba(9,28,42,.74)));
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft,0 14px 34px rgba(0,0,0,.22)));
}

body.ua-design-v2 .ua-atab,
body.ua-design-v2 .ua-ctab{
  color:var(--ua-ds-text,var(--ua-text,#eaf0ff));
}

body.ua-design-v2 .ua-atab:hover,
body.ua-design-v2 .ua-ctab:hover{
  background:color-mix(in srgb,var(--ua-accent,#f5b000) 12%,rgba(255,255,255,.045));
  color:var(--ua-ds-title,var(--ua-text,#eaf0ff));
}

body.ua-design-v2 .ua-atab.is-active,
body.ua-design-v2 .ua-ctab.is-active{
  background:color-mix(in srgb,var(--ua-accent,#f5b000) 16%,rgba(255,255,255,.045));
  color:color-mix(in srgb,var(--ua-accent,#f5b000) 86%,white 14%);
  box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--ua-accent,#f5b000) 42%,transparent);
}

.ua-settings-tabs-wrap{
  margin:0 0 18px;
}

.ua-settings-tabs{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.ua-settings-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:14px;
  text-decoration:none !important;
  color:var(--ua-text,#eef4ff);
  border:1px solid var(--ua-border,rgba(255,255,255,.12));
  background:rgba(3,12,28,.58);
  box-shadow:0 10px 22px rgba(0,0,0,.16);
  font-weight:800;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}

.ua-settings-tab:hover{
  transform:translateY(-1px);
  background:rgba(8,18,38,.82);
  color:var(--ua-text,#fff);
}

.ua-settings-tab.is-active{
  background:linear-gradient(135deg,var(--ua-accent,#1f6feb),var(--ua-accent-2,#4da3ff));
  color:#fff !important;
  border-color:transparent;
}

.ua-msg-page .card,
.ua-msg-page .ua-card{
  background:linear-gradient(180deg,rgba(4,16,38,.88),rgba(2,10,26,.88));
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.ua-msg-page .card-header{
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ua-msg-page .alert{
  border-radius:14px;
}

.ua-msg-page h1,
.ua-msg-page h2{
  font-weight:900;
}

.ua-msg-page .form-control,
.ua-msg-page .ua-input{
  background:rgba(3,12,28,.70);
  color:#eef4ff;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
}

.ua-msg-page select.ua-input option,
.ua-msg-page select.form-control option{
  background:#f8fafc !important;
  color:#111827 !important;
  font-weight:700;
}

.ua-msg-page .form-control::placeholder,
.ua-msg-page .ua-input::placeholder{
  color:rgba(238,244,255,.45);
}

.ua-msg-page .btn,
.ua-msg-page .ua-btn{
  border-radius:16px;
  font-weight:800;
}

.ua-msg-page .text-muted,
.ua-msg-page small.text-muted{
  color:rgba(238,244,255,.70) !important;
}

.ua-msg-page .ua-grid{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important;
  align-items:end !important;
}

@media (min-width:1500px){
  .ua-msg-page .ua-msg-campaign-form{
    grid-template-columns:1.25fr 1fr .65fr .8fr .9fr 1.05fr minmax(110px,.55fr) !important;
  }
}

.ua-msg-page .ua-grid > div{
  min-width:0 !important;
}

.ua-msg-page .ua-grid .ua-btn{
  width:100% !important;
  min-width:0 !important;
}

.ua-msg-page div:has(> table.ua-table){
  overflow:auto !important;
  direction:ltr !important;
}

.ua-msg-page div:has(> table.ua-table) > table.ua-table{
  direction:rtl !important;
  min-width:max(100%,1100px) !important;
}

.ua-msg-page div:has(> table.ua-msg-campaign-table) > table.ua-msg-campaign-table{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}

.ua-msg-campaign-table :is(th,td):nth-child(1){width:20%}
.ua-msg-campaign-table :is(th,td):nth-child(2){width:10%}
.ua-msg-campaign-table :is(th,td):nth-child(3){width:14%}
.ua-msg-campaign-table :is(th,td):nth-child(4){width:28%;white-space:normal!important}
.ua-msg-campaign-table :is(th,td):nth-child(5){width:28%;white-space:normal!important}
.ua-msg-campaign-table td:last-child{white-space:normal!important}
.ua-campaign-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:7px}
.ua-campaign-actions form{display:block;margin:0}
.ua-campaign-actions .ua-btn{width:100%;min-width:0;min-height:38px;padding-inline:7px;white-space:normal;line-height:1.25}
.ua-campaign-actions .ua-btn:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.48}

@media (max-width:900px){
  .ua-atabs,
  .ua-ctabs{
    overflow-x:auto;
  }

  .ua-atab,
  .ua-ctab{
    flex:0 0 auto;
  }
}
