/* GENERATED FILE: do not edit public/css/mysaont.css directly.
   Source of truth: css/mysaont.css
   Synced by scripts/build-mysaont.mjs
   BUILD_STAMP: 202606091457 */

/* GENERATED FILE: do not edit public/css/mysaont.css directly.
   Source of truth: css/mysaont.css
   Synced by scripts/build-mysaont.mjs
   BUILD_STAMP: 202605251703 */

/* ===== MySaont page styles ===== */
:root{
  --ink:#1A1F36;          /* primary blue */
  --bg:#ffffff;
  --shadow:#07080E;       /* only shadows */
  --muted:#5b6177;
}

body{
  background:var(--bg);
  color:var(--ink);
}

/* spacer below fixed header */
.header-spacer{
  height:90px;
}

.my-main{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding: min(4vw, 32px);
}

/* Gauge section */
.gauge-section{
  width:min(100%, 1000px);
  display:flex;
  justify-content:center;
}

.gauge-card{
  width:100%;
  background:#fff;
  border-radius:28px;
  padding: clamp(20px, 4vw, 40px);
  box-shadow:
    0 22px 60px rgba(7,8,14,0.14),
    0 10px 24px rgba(7,8,14,0.08);
  border:1px solid rgba(26,31,54,0.06);
}

.gauge-title{
  font-family:'Lexend', system-ui, Arial, sans-serif;
  font-weight:600;
  font-size: clamp(22px, 2.8vw, 30px);
  margin:0 0 18px;
  color:var(--ink);
}

.gauge-wrap{
  position:relative;
  width:min(100%, 560px);
  margin: 2px auto 8px;
}

.gauge{
  width:100%;
  height:auto;
  display:block;
}

.gauge-track{
  fill:none;
  stroke: rgba(26,31,54,0.15);
  stroke-width: 22;
  stroke-linecap: round;
  filter: drop-shadow(0 8px 18px rgba(7,8,14,0.15));
}

.gauge-arc{
  fill:none;
  stroke: var(--ink);
  stroke-width: 22;
  stroke-linecap: round;
  /* dash values set by JS */
  filter: drop-shadow(0 8px 22px rgba(7,8,14,0.22));
  transition: stroke-dasharray .9s cubic-bezier(.22,.61,.36,1);
}

.gauge-text{
  font-family:'LeagueSpartan','Montserrat', system-ui, Arial, sans-serif;
  font-weight:600;
  font-size: clamp(28px, 6vw, 46px); /* nice and big */
  fill: var(--ink);
}

.gauge-sub{
  margin:8px 0 0;
  font-size:15px;
  color:var(--muted);
  text-align:center;
}


/* Account management panel (MySaont) */
.mysaont-kv {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.mysaont-kv-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
}

.mysaont-kv-label {
  font-size: 13px;
  opacity: 0.8;
}

.mysaont-kv-value {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mysaont-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

/* ===== Setup Tasks fullscreen embed (onboarding + calculator) ===== */
.saont-tasks-fs{
  position: fixed;
  inset: 0;
  padding: 1%;
  z-index: 2147483644;
  background: rgba(0,0,0,0.86);
  display: none;
}
.saont-tasks-fs.is-open{ display: block; }

.saont-tasks-fs-inner{
  width: 100%;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,191,255,0.22);
  box-shadow: 0 30px 90px rgba(0,0,0,0.55);
  background: rgba(0,0,0,0.35);
  position: relative;
}

.saont-tasks-fs-iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: transparent;
}

.saont-tasks-fs-controls{
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  z-index: 2;
}

.saont-tasks-fs-controls .btn{
  backdrop-filter: blur(10px);
}



/* ===== Audit Trail (UI) ===== */
.saont-audit-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-end;
  justify-content:space-between;
  margin-top: 14px;
  margin-bottom: 14px;
}
.saont-audit-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.saont-audit-tab{
  border:1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.92);
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  cursor:pointer;
}
.saont-audit-tab.is-active{
  border-color: rgba(0,191,255,0.55);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.12);
}
.saont-audit-range{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:flex-end;
}
.saont-audit-label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size: 12px;
  opacity:0.9;
}
.saont-audit-label input[type="date"]{
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.92);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 12px;
  padding: 8px 10px;
}
.saont-audit-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.saont-pdf-theme{
  display:flex;
  gap:6px;
  padding: 3px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.04);
}
.saont-pdf-theme-btn{
  border:0;
  background: transparent;
  color: rgba(255,255,255,0.84);
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  cursor:pointer;
}
.saont-pdf-theme-btn.is-active{
  background: rgba(255,255,255,0.10);
  color:#fff;
}

.saont-audit-table-wrap{
  overflow:auto;
  border-radius: 16px;
  border: 0;
  background: transparent;
}
.saont-audit-table{
  width:100%;
  border-collapse: separate;
  border-spacing:0;
  min-width: 680px;
}
.saont-audit-table th{
  text-align:left;
  font-family: "Lexend", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 10px 10px 12px 10px;
  border-bottom: 0;
  opacity: 0.95;
}
.saont-audit-table td{
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1.25;
  vertical-align: top;
}
.saont-audit-table tbody tr td{
  border-bottom: 0;
}
.saont-audit-table tbody tr:last-child td{
  border-bottom: 0;
}

/* ===== Audit Trail (Domain-details card styling) ===== */
.saont-audit-table-wrap{
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
  border-radius: 18px;
  padding: 4px 10px;
}

.saont-audit-table{
  min-width: 720px;
}

.saont-audit-table th{
  font-family: "League Spartan", "Lexend", system-ui, sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.02em;
  opacity: 0.82;
  padding: 12px 10px;
}

.saont-audit-table td{
  font-family: "League Spartan", "Lexend", system-ui, sans-serif;
  font-weight: 300;
  font-size: 13px;
  padding: 12px 10px;
}

.saont-audit-table tbody tr + tr td{
  border-top: 1px solid rgba(255,255,255,0.35);
}

.saont-audit-table thead tr th{
  border-bottom: 1px solid rgba(255,255,255,0.35);
}

.saont-audit-table tbody tr:hover td{
  background: rgba(255,255,255,0.03);
}

.saont-export-row{
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
  border-radius: 14px;
  padding: 12px 12px;
  margin-top: 10px;
}
.saont-export-ref{
  font-size: 12px;
  font-weight: 700;
}
.saont-export-meta{
  font-size: 12px;
  opacity: 0.85;
  margin-top: 6px;
}

/* ===== Domain Management domains (SaontDocs-style + status slide-in) ===== */
.mysaont-domain-picker{
  list-style:none;
  padding:0;
  margin:0;
}
.mysaont-domain-li{
  position:relative;
  margin-bottom: 12px;
}
.mysaont-domain-btn{
  width:100%;
  text-align:left;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 12px 6px;
  cursor:pointer;
  color: #FFFFFF;
  font-family: "Lexend", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.1px;
  display:block;
  position:relative;
}
.mysaont-domain-btn:hover{
  opacity: 0.92;
}

.mysaont-domain-li.is-selected .mysaont-domain-btn{
  color:#FFFFFF;
}
.mysaont-domain-li.is-selected::before{
  content:"";
  position:absolute;
  left:-10px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: rgba(0,191,255,0.75);
  border-radius: 999px;
}
.mysaont-domain-status{ display:none !important; }

/* Domain detail typography + dividers */
.mysaont-domain-detail-card{
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
  padding: 16px 16px;
}
.mysaont-domain-detail-title{
  font-family: "League Spartan", "Lexend", system-ui, sans-serif;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 0.2px;
}
.mysaont-domain-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
  margin-bottom: 12px;
}
.mysaont-domain-detail-pill{
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.92);
}
.mysaont-domain-detail-rows .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 14px;
  padding: 10px 0;
  font-family: "League Spartan", "Lexend", system-ui, sans-serif;
  font-weight: 300;
}
.mysaont-domain-detail-rows .k{
  opacity: 0.82;
  font-size: 13px;
}
.mysaont-domain-detail-rows .v{
  font-size: 13px;
  font-weight: 300;
  text-align:right;
}
.mysaont-domain-detail-rows .divider{
  height: 1px;
  background: rgba(255,255,255,0.35);
}

/* Verify info (AI summary bar) */
.saont-verify-info{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  margin-top: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
  border-radius: 16px;
  padding: 12px 12px;
}
.saont-ai-bar{
  width: 18px;
  min-height: 86px;
  align-self: stretch;
  background: url('/icons/ai-stripe.svg') no-repeat center;
  background-size: contain;
  flex: 0 0 18px;
}

.saont-verify-info-text{
  font-family: "League Spartan","Lexend",system-ui,sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.92;
}

/* Collapse verify card + expand protect */
#saontVerifyCard{
  overflow:hidden;
  transition: max-height 260ms ease, opacity 220ms ease, transform 220ms ease, margin 220ms ease, padding 220ms ease;
  max-height: 1200px;
}
#saontVerifyCard.saont-collapsing{
  opacity: 0.35;
}
#saontVerifyCard.saont-collapsed{
  max-height: 0 !important;
  opacity: 0;
  transform: translateY(-6px);
  margin: 0 !important;
  padding: 0 !important;
  border-width: 0 !important;
}
#saontProtectCard.saont-protect-expanded{
  transform: translateY(-4px);
}
.saont-fade-out{
  opacity: 0;
  transition: opacity 220ms ease;
}
.saont-protect-alt{
  opacity: 0;
  transition: opacity 260ms ease;
  font-family: "League Spartan","Lexend",system-ui,sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.55;
  opacity: 0.0;
}
.saont-protect-alt.saont-fade-in{
  opacity: 0.92;
}

/* Ensure SaontDocs-style lists don't show default bullets */
.mysaont-docs-grid{
  width: 100%;
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
  margin-top: 16px;
}
.mysaont-docs-sidebar{
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  background: rgba(0,0,0,0.20);
  padding: 14px;
}
.mysaont-docs-sidebar-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}

.mysaont-docs-mid{
  display: grid;
  grid-template-rows: auto;
  gap: 16px;
}
.mysaont-docs-actions{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  padding: 10px;
  background: rgba(0,0,0,0.14);
}

.mysaont-docs-right{
  display: block;
  min-width: 0;
  align-self: stretch;
}

.mysaont-docs-card{
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  background: rgba(0,0,0,0.16);
  padding: 16px;
  min-height: 120px;
}
.mysaont-docs-card--primary{ padding: 16px; }
.mysaont-docs-card-title{
  font-family: "League Spartan","Lexend",system-ui,sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.86);
  margin-bottom: 12px;
}
.mysaont-docs-card-body{
  font-family: "League Spartan","Lexend",system-ui,sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255,255,255,0.74);
}

.mysaont-docs-detail-empty{
  color: rgba(255,255,255,0.70);
  font-family: "League Spartan","Lexend",system-ui,sans-serif;
  font-weight: 300;
}

#mysaontDocsRightUpdates{
  position: sticky;
  top: 16px;
}

@media (max-width: 1280px){
  .mysaont-docs-grid{
    width: 100%;
    grid-template-columns: 320px 1fr;
  }
  .mysaont-docs-right{
    grid-column: 1 / -1;
  }
  #mysaontDocsRightUpdates{
    position: static;
  }
}
@media (max-width: 860px){
  .mysaont-docs-grid{
    width: 100%;
    grid-template-columns: 1fr;
  }
  .mysaont-docs-actions{
    grid-template-columns: 1fr;
  }
  .mysaont-docs-right{
    grid-column: auto;
  }
}

@media (max-width: 1280px){
  #mysaont-section-docs .mysaont-docs-right{
    display:block !important;
    width:100% !important;
    grid-column: 1 / -1 !important;
    order: 3;
  }
  #mysaont-section-docs #mysaontDocsRightUpdates{
    display:flex !important;
    width:100% !important;
    min-height: 0 !important;
  }
  #mysaont-section-docs #mysaontDocsUpdates{
    display:block !important;
    min-height: 0 !important;
  }
}
@media (max-width: 860px){
  #mysaont-section-docs .mysaont-docs-right{
    display:block !important;
    width:100% !important;
    grid-column: auto !important;
    order: 3;
  }
  #mysaont-section-docs #mysaontDocsRightUpdates,
  #mysaont-section-docs #mysaontDocsUpdates{
    display:block !important;
    width:100% !important;
  }
  #mysaont-section-docs .mysaont-changes-list{
    max-height:none;
  }
}
#saontApproveUpdateModal{
  z-index: 2147483645 !important;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  align-content:flex-start;
  overflow-y:auto;
  overflow-x:hidden;
  padding:56px 18px 24px;
}
#saontApproveUpdateModal .saont-modal-card{
  width:min(760px, calc(100vw - 32px));
  max-height:calc(100dvh - 80px);
  margin:0 auto;
  position:relative;
  top:0;
  transform:none;
}
@media (max-width: 1279px){
  #saontApproveUpdateModal{
    padding-top:32px;
    padding-bottom:18px;
  }
  #saontApproveUpdateModal .saont-modal-card{
    max-height:calc(100dvh - 50px);
  }
}
@media (max-width: 980px){
  #saontApproveUpdateModal{
    padding-top:16px;
    padding-inline:12px;
    padding-bottom:14px;
  }
  #saontApproveUpdateModal .saont-modal-card{
    width:min(760px, calc(100vw - 24px));
    max-height:calc(100dvh - 30px);
  }
}

/* ===== SAONT_CUSTOM_SELECT (scoped) ===== */
.saont-modal .s-select{ position: relative; width: 100%; }
.saont-modal .s-select-btn{
  width: 100%;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
  color: #fff;
  padding: 0 44px 0 12px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  cursor:pointer;
  outline:none;
  user-select:none;
}
.saont-modal .s-select-btn:focus,
.saont-modal .s-select.open .s-select-btn{
  border-color: rgba(0,191,255,0.52);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.18);
}
.saont-modal .s-select-btn .val{
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0.95;
}
.saont-modal .s-select-btn .car{
  width: 34px;
  height: 34px;
  display:grid;
  place-items:center;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.14);
}
.saont-modal .s-select-btn .car::before{
  content:"";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid rgba(255,255,255,0.86);
  transform: translateY(1px);
}
.saont-modal .s-select-list{
  position:absolute;
  left:0;
  right:0;
  top: calc(100% + 8px);
  z-index: 80;
  border-radius: 16px;
  border: 1px solid rgba(0,191,255,0.26);
  background: rgba(26,31,54,0.96);
  box-shadow: 0 24px 70px rgba(0,0,0,0.55), 0 0 0 10px rgba(0,191,255,0.06);
  padding: 8px;
  display:none;
  max-height: 240px;
  overflow:auto;
}
.saont-modal .s-select.open .s-select-list{ display:block; }
.saont-modal .s-opt{
  padding: 10px 10px;
  border-radius: 12px;
  color: rgba(255,255,255,0.86);
  cursor:pointer;
  display:flex;
  justify-content: space-between;
  gap: 10px;
}
.saont-modal .s-opt:hover{ background: rgba(0,191,255,0.28); color: #fff; }
.saont-modal .s-opt[aria-selected="true"]{
  background: rgba(0,191,255,0.16);
  border: 1px solid rgba(0,191,255,0.28);
  color:#fff;
}
.saont-select-hidden{ display:none !important; }
.saont-install-domain{
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
  color: #fff;
  padding: 0 12px;
}

.mysaont-docs-sidebar ul{
  list-style:none;
  padding:0;
  margin:0;
}
.mysaont-docs-sidebar li{
  list-style:none;
}

/* SaontDocs™ list buttons (remove default grey/white button box) */
.mysaont-smartdocs-list{ margin-top: 10px; }
.mysaont-smartdocs-item{ margin: 0 0 12px 0; }
.mysaont-smartdocs-btn{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 16px;
  text-align: left;
  cursor: pointer;
  font-family: "Lexend", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-appearance: none;
  appearance: none;
}

/* Domain list: Active domains should read as "live" tiles */
.mysaont-smartdocs-btn:not(.is-archived){
  background: #1A1F36;
  border-color: rgba(255,255,255,0.10);
}
.mysaont-smartdocs-btn:not(.is-archived) .mysaont-smartdocs-label{
  color: #fff;
}
.mysaont-smartdocs-btn.is-archived{
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.08);
  opacity: 0.82;
}
.mysaont-smartdocs-btn:hover{
  border-color: rgba(0,191,255,0.55);
}
.mysaont-smartdocs-btn:focus-visible{
  outline: none;
  border-color: rgba(0,191,255,0.85);
  box-shadow: 0 0 0 2px rgba(0,191,255,0.18);
}
.mysaont-smartdocs-btn.is-active{
  border-color: rgba(0,191,255,0.90);
}
.mysaont-smartdocs-label{
  color: rgba(255,255,255,0.98);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
}
.mysaont-smartdocs-meta{
  color: rgba(255,255,255,0.55);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}

/* Domains list should match the SaontDocs™ list styling */
.mysaont-domains-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.mysaont-domain-tile{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.mysaont-domain-tile-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 2px;
}
.mysaont-domain-tile-action{
  min-height:36px;
}
.mysaont-domain-tile-action.saont-btn--utility,
.mysaont-domain-tile-action.saont-btn--secondary{
  border-radius:12px;
}

/* Brand Styling + More popups (lock to the reference styling) */

/* ===== Brand Styling modal ===== */
.saont-brand-modal-card{ overflow: hidden; }
.saont-brand-modal-body{ padding: 26px; background: rgba(10,12,21,0.92); border-radius: 0 0 16px 16px; }
.saont-brand-head-left{ display: flex; align-items: center; gap: 14px; }
.saont-brand-logo{ width: 28px; height: auto; display: block; opacity: .98; }
.saont-brand-head-title{ margin: 0; font-size: 18px; letter-spacing: 0.01em; }
.saont-brand-head-sub{ margin: 3px 0 0 0; font-size: 12px; color: rgba(255,255,255,0.66); line-height: 1.45; max-width: 520px; }

.saont-brand-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.saont-brand-card{ border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.03); border-radius: 14px; padding: 16px; }
.saont-brand-card-wide{ grid-column: 1 / -1; }
.saont-brand-card-head{ margin-bottom: 12px; }
.saont-brand-card-title{ font-weight: 800; letter-spacing: 0.01em; }
.saont-brand-card-sub{ margin-top: 3px; font-size: 12px; color: rgba(255,255,255,0.66); line-height: 1.45; }

.saont-brand-row{ display: grid; grid-template-columns: 160px 1fr; align-items: center; gap: 12px; margin-top: 10px; }
.saont-brand-row:first-of-type{ margin-top: 0; }
.saont-brand-label{ font-size: 12px; color: rgba(255,255,255,0.78); font-weight: 700; letter-spacing: 0.01em; }
.saont-brand-control{ width: 100%; }

/* Match Saont modal field styling (More popup/onboarding) */
.saont-input{
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(15,23,51,0.42);
  color: rgba(255,255,255,0.92);
  padding: 0 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
  outline: none;
}
.saont-input::placeholder{ color: rgba(255,255,255,0.45); }
.saont-input:hover{ border-color: rgba(0,191,255,0.35); box-shadow: 0 0 0 2px rgba(0,191,255,0.08); }
.saont-input:focus{ border-color: rgba(0,191,255,0.60); box-shadow: 0 0 0 3px rgba(0,191,255,0.12); }
.saont-brand-hint{ margin-top: 10px; color: rgba(255,255,255,0.60); }

.saont-colour-picker{ width: 44px; height: 38px; border: 1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.04); border-radius: 12px; padding: 0; }
.saont-brand-colour-control{ display: grid; grid-template-columns: 44px 1fr; gap: 10px; align-items: center; }
.saont-colour-hex{ text-transform: uppercase; }

/* Underline picker */
.saont-underline-picker{ position: relative; }
.saont-underline-trigger{ width: 100%; height: 44px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.92); display: flex; align-items: center; justify-content: space-between; padding: 0 14px; font-weight: 700; letter-spacing: 0.01em; cursor: pointer; }
.saont-underline-trigger:hover{ border-color: rgba(0,191,255,0.55); box-shadow: 0 0 0 2px rgba(0,191,255,0.10); }
.saont-underline-caret{ opacity: .8; font-size: 12px; }
.saont-underline-menu{ position: absolute; top: calc(44px + 8px); left: 0; right: 0; z-index: 50; border-radius: 14px; border: 1px solid rgba(255,255,255,0.14); background: rgba(8,12,24,0.98); backdrop-filter: blur(12px); padding: 8px; box-shadow: 0 20px 60px rgba(0,0,0,0.55); }
.saont-underline-opt{ width: 100%; text-align: left; border: 0; background: transparent; color: rgba(255,255,255,0.92); padding: 10px 10px; border-radius: 10px; cursor: pointer; font-weight: 700; letter-spacing: 0.01em; }
.saont-underline-opt:hover{ background: rgba(0,191,255,0.12); }
.saont-underline-preview{ margin-top: 10px; display: flex; gap: 10px; align-items: center; font-size: 12px; color: rgba(255,255,255,0.66); }
.saont-underline-preview a{ color: rgba(0,191,255,0.95); }
.saont-underline-preview[data-preview="underline"] a{ text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.saont-underline-preview[data-preview="hover"] a{ text-decoration: none; border-bottom: 2px solid transparent; padding-bottom: 2px; }
.saont-underline-preview[data-preview="hover"] a:hover{ border-bottom-color: currentColor; }
.saont-underline-preview[data-preview="none"] a{ text-decoration: none; border-bottom: 0; }

@media (max-width: 860px){
  .saont-brand-grid{ grid-template-columns: 1fr; }
  .saont-brand-row{ grid-template-columns: 1fr; gap: 8px; }
  .saont-brand-label{ margin-top: 2px; }
}

/* ===== Smart Docs™ More modal ===== */
.saont-more-modal-body{ padding: 16px; background: rgba(0,0,0,0.72); overflow: auto; }

.saont-more-section{ border: 1px solid rgba(0,191,255,0.16); border-radius: 18px; background: rgba(0,0,0,0.28); padding: 14px; }

.saont-more-section-head{ display:flex; align-items:center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }

.saont-more-h3{ margin: 0; font-family: var(--saont-title); font-size: 15.5px; letter-spacing: .2px; }

.saont-more-choice{ display:flex; flex-direction: column; gap: 12px; }

/* Update option row (reference-style) */
.saont-upd-item{
  position: relative;
  display: grid;
  grid-template-columns: 34px 1fr 270px;
  gap: 14px;
  align-items: center;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(15,23,51,0.42);
}
.saont-upd-item:hover{ border-color: rgba(0,191,255,0.35); box-shadow: 0 0 0 2px rgba(0,191,255,0.08); }

.saont-upd-select{
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.26);
}

.saont-upd-radio{ position: absolute; opacity: 0; pointer-events: none; }

.saont-upd-box{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.20);
  background: rgba(255,255,255,0.06);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
}

.saont-upd-item:focus-within{ outline: none; border-color: rgba(0,191,255,0.55); box-shadow: 0 0 0 3px rgba(0,191,255,0.12); }

.saont-upd-radio:checked + .saont-upd-box{
  border-color: rgba(0,191,255,0.75);
  background: rgba(0,191,255,0.16);
  box-shadow: inset 0 0 0 2px rgba(0,191,255,0.22), 0 0 0 2px rgba(0,191,255,0.08);
}
.saont-upd-radio:checked + .saont-upd-box::after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  margin: 4px auto 0 auto;
  background: rgba(255,255,255,0.92);
  opacity: .92;
}

.saont-upd-main{ min-width: 0; display: flex; flex-direction: column; gap: 6px; }

.saont-upd-topline{ display:flex; align-items:center; gap: 10px; flex-wrap: wrap; min-width: 0; }

.saont-upd-title{ font-weight: 800; color: rgba(255,255,255,0.94); letter-spacing: 0.1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

.saont-upd-pill{ font-size: 11px; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); width: fit-content; white-space: nowrap; font-weight: 800; }
.saont-upd-pill.low{ border-color: rgba(34,197,94,0.35); background: rgba(34,197,94,0.10); color: rgba(255,255,255,0.92); }
.saont-upd-pill.med{ border-color: rgba(234,179,8,0.35); background: rgba(234,179,8,0.10); color: rgba(255,255,255,0.92); }
.saont-upd-pill.high{ border-color: rgba(239,68,68,0.35); background: rgba(239,68,68,0.10); color: rgba(255,255,255,0.92); }

.saont-upd-sub{ font-size: 12.6px; line-height: 1.35; color: rgba(255,255,255,0.72); }

.saont-upd-example{ justify-self: end; width: 100%; border-left: 1px solid rgba(255,255,255,0.08); padding-left: 14px; display:flex; flex-direction: column; gap: 6px; color: rgba(255,255,255,0.82); }
.saont-upd-example-label{ font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.52); font-weight: 800; }
.saont-upd-example-text{ font-size: 12.8px; line-height: 1.35; color: rgba(255,255,255,0.84); }

/* Hover detail (only when hovering the selector area) */
.saont-upd-hover{ grid-column: 1 / -1; margin-top: 10px; padding: 12px 12px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.10); background: rgba(0,0,0,0.32); display: none; }
.saont-upd-select:hover ~ .saont-upd-hover,
.saont-upd-item:focus-within .saont-upd-hover{ display: block; }
.saont-upd-hover-title{ font-weight: 900; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.60); margin: 0 0 6px 0; }
.saont-upd-hover-text{ margin: 0 0 10px 0; font-size: 13px; line-height: 1.4; color: rgba(255,255,255,0.86); }
.saont-upd-hover ul{ margin: 0; padding-left: 18px; color: rgba(255,255,255,0.82); font-size: 13px; line-height: 1.45; }
.saont-upd-hover li{ margin: 6px 0; }

.saont-more-ack{ margin-top: 12px; padding: 12px 14px; border-radius: 18px; border: 1px solid rgba(255,255,255,0.10); background: rgba(0,0,0,0.30); }
.saont-more-ack-row{ display:flex; align-items:flex-start; gap: 10px; cursor: pointer; font-size: 13px; line-height: 1.35; color: rgba(255,255,255,0.88); }
.saont-more-ack-row input{ margin-top: 2px; accent-color: #00BFFF; }

.saont-more-details{ margin-top: 12px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.10); background: rgba(0,0,0,0.26); padding: 10px 12px; }
.saont-more-details summary{ cursor: pointer; list-style: none; font-weight: 800; color: rgba(0,191,255,0.92); user-select: none; }
.saont-more-details summary::-webkit-details-marker{ display:none; }
.saont-more-details p{ margin: 10px 0 0 0; color: rgba(255,255,255,0.86); font-size: 13px; line-height: 1.4; }

@media (max-width: 860px){
  .saont-upd-item{ grid-template-columns: 34px 1fr; }
  .saont-upd-example{ grid-column: 1 / -1; justify-self: start; border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 10px; }
}
/* ===== Onboarding-style custom select (scoped) ===== */
.saont-modal .saont-install-domain{ display:none; }
.saont-modal .s-select{ position: relative; width: 100%; }
.saont-modal .s-select-btn{
  width: 100%;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
  color: #fff;
  padding: 0 44px 0 12px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  cursor:pointer;
  outline:none;
  user-select:none;
}
.saont-modal .s-select-btn:focus,
.saont-modal .s-select.open .s-select-btn{
  border-color: rgba(0,191,255,0.52);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.18);
}
.saont-modal .s-select-btn .val{
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0.95;
}
.saont-modal .s-select-btn .car{
  width: 34px;
  height: 34px;
  display:grid;
  place-items:center;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.14);
}
.saont-modal .s-select-btn .car::before{
  content:"";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid rgba(255,255,255,0.86);
  transform: translateY(1px);
}
.saont-modal .s-select-list{
  position:absolute;
  left:0;
  right:0;
  top: calc(100% + 8px);
  z-index: 60;
  border-radius: 16px;
  border: 1px solid rgba(0,191,255,0.26);
  background: rgba(26,31,54,0.96);
  box-shadow: 0 24px 70px rgba(0,0,0,0.55), 0 0 0 10px rgba(0,191,255,0.06);
  padding: 8px;
  display:none;
  max-height: 240px;
  overflow:auto;
}
.saont-modal .s-select.open .s-select-list{ display:block; }
.saont-modal .s-opt{
  padding: 10px 10px;
  border-radius: 12px;
  color: rgba(255,255,255,0.86);
  cursor:pointer;
  display:flex;
  justify-content: space-between;
  gap: 10px;
}
.saont-modal .s-opt:hover{
  background: rgba(0,191,255,0.28);
  color: #fff;
}
.saont-modal .s-opt[aria-selected="true"]{
  background: rgba(0,191,255,0.16);
  border: 1px solid rgba(0,191,255,0.28);
  color:#fff;
}


.saont-audit-theme{ display:flex; gap:8px; align-items:center; justify-content:flex-end; margin-left:auto; }

/* ===== Audit Trail refinements ===== */
.saont-audit-event{
  padding: 14px 0;
}
.saont-audit-divider{
  height: 1px;
  background: rgba(255,255,255,0.9);
}
.saont-audit-panel[data-audit-panel="exports"] .saont-audit-divider{
  background: rgba(255,255,255,0.9);
}
/* Ensure audit pills are clickable */
.saont-audit-tab{ cursor:pointer; }
.saont-audit-theme{ display:flex; gap:10px; align-items:center; }


/* Ensure SaontDocs™ toolbar 'More' button is visible */
#mysaontSmartDocsMore{ display: none !important; }


/* Account management editable details */
.mysaont-kv--form .mysaont-kv-row {
  align-items: center;
}

.mysaont-account-input {
  width: 100%;
  max-width: 340px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(10,12,22,0.35);
  color: rgba(255,255,255,0.92);
  outline: none;
}

.mysaont-account-input::placeholder {
  color: rgba(255,255,255,0.45);
}

.mysaont-account-input:focus {
  border-color: rgba(70, 170, 255, 0.55);
  box-shadow: 0 0 0 3px rgba(70, 170, 255, 0.14);
}

.mysaont-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.80);
}

.mysaont-badge--ok {
  border-color: rgba(80, 255, 180, 0.35);
  background: rgba(80, 255, 180, 0.10);
  color: rgba(210, 255, 235, 0.95);
}

.mysaont-badge--warn {
  border-color: rgba(255, 200, 80, 0.35);
  background: rgba(255, 200, 80, 0.10);
  color: rgba(255, 240, 210, 0.95);
}



/* ===== Account management: onboarding-style field cards ===== */
#mysaontAccountPanel .saont-acc-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 10px 0 16px 0;
}
#mysaontAccountPanel .saont-acc-pill{
  border-radius: 999px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.86);
  cursor:pointer;
  font-weight: 800;
  font-size: 13px;
}
#mysaontAccountPanel .saont-acc-pill.is-active{
  border-color: rgba(0,191,255,0.50);
  background: rgba(0,191,255,0.14);
  box-shadow: 0 0 0 2px rgba(0,191,255,0.10);
  color: rgba(255,255,255,0.94);
}
#mysaontAccountPanel .saont-acc-block{ display:none; }
#mysaontAccountPanel .saont-acc-block.is-active{ display:block; }

#mysaontAccountPanel .saont-acc-h3{
  margin-top: 12px;
  margin-bottom: 10px;
}

#mysaontAccountPanel .saont-row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 860px){
  #mysaontAccountPanel .saont-row{ grid-template-columns: 1fr; }
}

#mysaontAccountPanel .saont-q{
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  margin-bottom: 12px;
}
#mysaontAccountPanel .saont-q label{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap:10px;
  font-size: 13px;
  color: rgba(255,255,255,0.88);
  margin-bottom: 8px;
}
#mysaontAccountPanel .saont-q input{
  width: 100%;
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.96);
  padding: 0 12px;
  outline: none;
  font-size: 14px;
}
#mysaontAccountPanel .saont-q input[readonly]{
  cursor: default;
}
#mysaontAccountPanel .saont-q input:focus{
  border-color: rgba(0,191,255,0.52);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.12);
}
#mysaontAccountPanel .hint{
  font-size: 12px;
  color: rgba(255,255,255,0.62);
  line-height: 1.5;
  margin-top: 8px;
}
#mysaontAccountPanel .saont-inline{
  display:flex;
  align-items:center;
  gap: 10px;
}
#mysaontAccountPanel .saont-inline input{ flex: 1; }

#mysaontAccountPanel .saont-actions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
}
#mysaontAccountPanel .saont-note{
  color: rgba(255,255,255,0.62);
  margin-top: 10px;
}

#mysaontAccountPanel .mysaont-badge.ok{
  border-color: rgba(34,197,94,0.35);
  background: rgba(34,197,94,0.12);
}

/* Confirm modal */
.saont-modal-overlay{
  position: fixed;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,0.72);
  z-index: 999999;
}
.saont-acc-confirm{
  width: min(720px, calc(100vw - 48px));
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(26,31,54,0.98);
  box-shadow: 0 24px 70px rgba(0,0,0,0.55);
  overflow:hidden;
}
.saont-modal-header{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
}
.saont-modal-body{ padding: 18px; }
.saont-modal-footer{
  display:flex;
  justify-content:flex-end;
  gap: 10px;
  padding: 18px;
  border-top: 1px solid rgba(255,255,255,0.10);
}
.saont-modal-close{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.90);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}


/* ===== Account management: Support email button (slightly smaller label) ===== */
#saontSupportEmailBtn{
  font-size: 13px;
  padding-left: 14px;
  padding-right: 14px;
}

/* ===== Notifications: Square checkbox styling ===== */
.saont-checkbox{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  position: relative;
}

.saont-checkbox input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}

.saont-checkbox-ui{
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgba(0,0,0,0.26);
  border: 1px solid rgba(255,255,255,0.32);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.40),
    0 10px 24px rgba(0,0,0,0.20);
  position: relative;
  transition: box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

/* Inner outline square (always) */
.saont-checkbox-ui::before{
  content:"";
  position:absolute;
  inset: 4px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.22);
}

.saont-checkbox input:focus-visible + .saont-checkbox-ui{
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,191,255,0.22), 0 0 18px rgba(0,191,255,0.28), inset 0 0 0 1px rgba(0,0,0,0.35);
  border-color: rgba(0,191,255,0.55);
}

.saont-checkbox input:checked + .saont-checkbox-ui{
  border-color: rgba(0,191,255,0.70);
  box-shadow: 0 0 0 2px rgba(0,191,255,0.20), 0 0 20px rgba(0,191,255,0.30), inset 0 0 0 1px rgba(0,0,0,0.35);
}

/* Inner filled square when checked */
.saont-checkbox input:checked + .saont-checkbox-ui::after{
  content:"";
  position:absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.92);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.16), 0 0 18px rgba(0,191,255,0.25);
}




/* ===== Audit Trail (Domain-details style) ===== */
.saont-history-cards{ display:grid; gap:12px; margin-top: 12px; }
.saont-history-card{
  border-radius: 22px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: #1A1F36;
  box-shadow: 0 22px 70px rgba(0,0,0,0.40);
}
.saont-history-card-head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 6px 12px;
}
.saont-history-card-title{
  font-family: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: rgba(255,255,255,0.96);
  font-size: 16px;
}
.saont-history-card-date{
  font-family: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
  font-weight: 400;
  color: rgba(255,255,255,0.55);
  font-size: 12px;
  white-space: nowrap;
}

.saont-kv-card{
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.22);
}
.saont-kv-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.saont-kv-row:first-child{ border-top: 0; }
.saont-kv-key{
  color: rgba(255,255,255,0.55);
  font-size: 13px;
  letter-spacing: 0.02em;
}
.saont-kv-val{
  color: rgba(255,255,255,0.92);
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  max-width: 62%;
  overflow:hidden;
  text-overflow: ellipsis;
}

@media (max-width: 880px){
  .saont-audit-table-wrap{ display:none; } /* cards become the primary view */
}

/* ===== No-default styling for form controls (Brand Styling + More) ===== */
.saont-brand-modal-card button,
.saont-more-modal-body button{ -webkit-tap-highlight-color: transparent; }

.saont-brand-modal-card input[type="checkbox"],
.saont-brand-modal-card input[type="radio"],
.saont-more-modal-body input[type="checkbox"],
.saont-more-modal-body input[type="radio"]{
  appearance:none;
  -webkit-appearance:none;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.06);
  display:inline-grid;
  place-content:center;
  cursor:pointer;
  margin:0;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease, filter 160ms ease;
}

.saont-brand-modal-card input[type="radio"],
.saont-more-modal-body input[type="radio"]{
  border-radius: 999px;
}

.saont-brand-modal-card input[type="checkbox"]:checked,
.saont-more-modal-body input[type="checkbox"]:checked,
.saont-brand-modal-card input[type="radio"]:checked,
.saont-more-modal-body input[type="radio"]:checked{
  border-color: rgba(0,191,255,0.70);
  background: rgba(0,191,255,0.28);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.10), inset 0 0 0 1px rgba(255,255,255,0.08);
}

.saont-brand-modal-card input[type="checkbox"]:focus-visible,
.saont-brand-modal-card input[type="radio"]:focus-visible,
.saont-more-modal-body input[type="checkbox"]:focus-visible,
.saont-more-modal-body input[type="radio"]:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(0,191,255,0.20), 0 0 18px rgba(0,191,255,0.22), inset 0 0 0 1px rgba(255,255,255,0.10);
}

.saont-brand-modal-card select,
.saont-more-modal-body select{
  appearance:none;
  -webkit-appearance:none;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
  color:#fff;
  border-radius: 14px;
  padding: 10px 38px 10px 12px;
  font-family: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
  font-size: 14px;
  line-height: 1.2;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease, filter 160ms ease;
}
.saont-brand-modal-card select:focus-visible,
.saont-more-modal-body select:focus-visible{
  outline:none;
  box-shadow: 0 0 0 4px rgba(0,191,255,0.20), 0 0 18px rgba(0,191,255,0.22);
  border-color: rgba(0,191,255,0.60);
}

.saont-brand-modal-card input[type="file"],
.saont-more-modal-body input[type="file"]{
  appearance:none;
  -webkit-appearance:none;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.04);
  color:#fff;
  border-radius: 14px;
  padding: 10px 12px;
  font-family: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
}


/* Buttons inherit from /css/saont-primitives.css */

/* Ensure selects never show native chrome */
select.saont-input{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right: 44px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.85) 50%),
    linear-gradient(135deg, rgba(255,255,255,0.85) 50%, transparent 50%);
  background-position:
    calc(100% - 22px) 19px,
    calc(100% - 16px) 19px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
select.saont-input::-ms-expand{ display:none; }


/* =========================
   Saont Modal Core (MySaont glass)
   ========================= */
.saont-modal{
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(8px);
  z-index: 9999;
}
.saont-modal[hidden]{ display: none !important; }

.saont-modal-card{
  width: 100%;
  max-width: 920px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(15,23,51,0.92);
  box-shadow:
    0 28px 90px rgba(0,0,0,0.78),
    0 0 0 3px rgba(0,191,255,0.10),
    0 0 28px rgba(0,191,255,0.14);
}
.saont-modal-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  background: rgba(0,0,0,0.22);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}
.saont-modal-close{
  appearance:none;
  -webkit-appearance:none;
  width: 46px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.18);
  color: rgba(255,255,255,0.92);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease;
}
.saont-modal-close:hover{
  transform: translateY(-1px);
  border-color: rgba(0,191,255,0.45);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.12), 0 0 18px rgba(0,191,255,0.18);
}
.saont-modal-body{ padding: 22px; }

/* -------------------------------------------------------------------------- */
/*  SaontDocs install modal: Saont-styled + League Spartan Light               */
/* -------------------------------------------------------------------------- */

.saont-install-modal .saont-modal-card{
  max-width: 760px;
}

.saont-install-modal .saont-modal-head h2,
.saont-install-modal .saont-modal-head p,
.saont-install-modal .saont-modal-body,
.saont-install-modal .saont-modal-body *{
  font-family: "League Spartan", "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
}

.saont-install-modal .saont-modal-body{
  font-weight: 300;
}

.saont-install-modal .saont-modal-head h2{ font-weight: 500; letter-spacing: 0.01em; }
.saont-install-modal .saont-modal-head p{ font-weight: 300; color: rgba(255,255,255,0.78); }

.saont-install-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 720px){
  .saont-install-grid{ grid-template-columns: 1fr; }
}

.saont-install-label{
  font-weight: 400;
  letter-spacing: 0.01em;
  color: rgba(255,255,255,0.90);
}

.saont-install-tile{
  margin-top: 2px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  box-shadow: inset 0 0 0 1px rgba(0,191,255,0.06);
}

.saont-install-minihead{
  font-weight: 500;
  letter-spacing: 0.01em;
  font-size: 12px;
}

.saont-install-muted{
  font-size: 12px;
  color: rgba(255,255,255,0.66);
  line-height: 1.45;
}



/* =========================
   Saont™ popups + Audit Trail polish (2026-02-12)
   ========================= */

/* Hide the header when any Saont modal is open (keeps focus inside popups) */
body.saont-modal-open .saont-header-shell{ display:none !important; }


/* Request modal scroll-lock (does NOT hide header/footer) */
body.saont-request-modal-open{ overflow:hidden; }

/* Brand Styling modal: 2-up grid "6 pack" layout */
.saont-brand-modal-body{ padding: 0 !important; }
.saont-field-grid{
  padding: 18px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.saont-field-tile{
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(15,23,51,0.44);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 18px 46px rgba(0,0,0,0.28);
}
.saont-field-label{
  display:block;
  font-size: 12px;
  color: rgba(255,255,255,0.78);
  font-weight: 800;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
}
.saont-colour-row{
  display:flex;
  gap: 10px;
  align-items:center;
}
.saont-field-footnote{
  grid-column: 1 / -1;
  color: rgba(255,255,255,0.62);
  font-size: 12px;
  padding: 2px 2px 0;
}

@media (max-width: 760px){
  .saont-field-grid{ grid-template-columns: 1fr; }
}

/* More modal: make the update choices feel like Saont cards and align into 2 columns */
.saont-more-choice{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.saont-more-choice .saont-upd-item{
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(15,23,51,0.44);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 18px 46px rgba(0,0,0,0.22);
}
.saont-more-choice .saont-upd-item:last-child{ grid-column: 1 / -1; }
@media (max-width: 900px){
  .saont-more-choice{ grid-template-columns: 1fr; }
  .saont-more-choice .saont-upd-item:last-child{ grid-column:auto; }
}

/* Audit Trail: make cards and KV blocks clean with dividers (Domain details style) */
.saont-history-card{
  border: 1px solid rgba(255,255,255,0.12);
  background: #1A1F36;
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 18px 46px rgba(0,0,0,0.22);
}
.saont-history-card + .saont-history-card{ margin-top: 12px; }

.saont-history-card-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 14px;
}
.saont-history-card-title{
  font-weight: 800;
  color: rgba(255,255,255,0.92);
}
.saont-history-card-date{
  color: rgba(255,255,255,0.62);
  font-weight: 700;
  font-size: 12px;
  white-space: nowrap;
}

.saont-kv-card{
  margin-top: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(10,16,34,0.35);
}
.saont-kv-row{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border-top: 1px solid rgba(255,255,255,0.10);
}
.saont-kv-row:first-child{ border-top: 0; }
.saont-kv-key{
  color: rgba(255,255,255,0.62);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.01em;
}
.saont-kv-val{
  color: rgba(255,255,255,0.90);
  font-weight: 700;
  text-align:right;
  max-width: 70%;
  word-break: break-word;
}

/* Audit filters: make date inputs match Saont inputs */
.saont-audit-filters input[type="date"]{
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(15,23,51,0.42);
  color: rgba(255,255,255,0.92);
  padding: 0 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
  outline: none;
}
.saont-audit-filters input[type="date"]:hover{
  border-color: rgba(0,191,255,0.35);
  box-shadow: 0 0 0 2px rgba(0,191,255,0.08);
}
.saont-audit-filters input[type="date"]:focus{
  border-color: rgba(0,191,255,0.60);
  box-shadow: 0 0 0 3px rgba(0,191,255,0.12);
}

/* Audit table (desktop): cleaner borders and row dividers */
.saont-audit-table{
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(10,16,34,0.26);
}
.saont-audit-table thead th{
  background: rgba(15,23,51,0.55);
  color: rgba(255,255,255,0.78);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.02em;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.saont-audit-table tbody td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.88);
}
.saont-audit-table tbody tr:last-child td{ border-bottom: 0; }


/* Request modal tweaks */
.saont-request-modal-body{ padding-top: 14px; }
.saont-request-modal-actions{ display:flex; justify-content:flex-end; gap: 10px; padding: 14px 18px 18px; border-top: 1px solid rgba(255,255,255,0.10); }
@media (max-width: 520px){ .saont-request-modal-actions{ flex-direction: column-reverse; } }


/* =========================
   SaontDocs popups polish (Brand Styling + More)
   ========================= */

/* Slightly larger logo and vertically centred within header block */
.saont-brand-head-left{ display:flex; align-items:center; gap:14px; }
.saont-brand-logo{ width:28px; height:28px; display:block; }

/* Typography controls and "chip" fields: solid surfaces, Saont borders, prims-aligned */
.saont-input{
  background: #0A0C15 !important;
  border: 1px solid rgba(176,176,176,0.38) !important;
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.08);
  font-weight: 500 !important;
}
.saont-input:hover{
  border-color: rgba(255,255,255,0.70) !important;
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.14), 0 0 10px rgba(0,140,255,0.10);
}
.saont-input:focus{
  border-color: rgba(255,255,255,0.90) !important;
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.18), 0 0 14px rgba(0,140,255,0.14);
}

/* Colour controls: proper swatch + hex field */
.saont-brand-colour-control{
  display:grid;
  grid-template-columns: 54px 1fr;
  gap: 12px;
  align-items:center;
}
.saont-colour-picker{
  width: 54px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(176,176,176,0.38);
  background: #0A0C15;
  padding: 0;
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.08);
}
.saont-colour-picker:hover{
  border-color: rgba(255,255,255,0.70);
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.14), 0 0 10px rgba(0,140,255,0.10);
}
.saont-colour-hex{
  height: 44px;
}

/* Underline control: reduce selected label size */
.saont-underline-trigger #saontUnderlineLabel,
.saont-underline-trigger span{
  font-size: 13px;
}

/* =========================
   More popup: collapsible risk blocks
   ========================= */

/* Modal surface should match Saont primitives */
.saont-more-modal-body{
  background: #0A0C15;
}
.saont-more-section{
  border-color: rgba(176,176,176,0.22);
  background: rgba(26,31,54,0.25);
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.06);
}

.saont-more-choice{ display:flex; flex-direction:column; gap: 12px; }

.saont-upd-acc{
  border-radius: 14px;
  border: 1px solid rgba(176,176,176,0.28);
  background: #0A0C15;
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.07);
  overflow: hidden;
}
.saont-upd-acc[open]{
  border-color: rgba(255,255,255,0.60);
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.14), 0 0 14px rgba(0,140,255,0.10);
}

.saont-upd-summary{
  list-style: none;
  display: grid;
  grid-template-columns: 36px 1fr 18px;
  gap: 12px;
  align-items: center;
  padding: 14px 14px;
  cursor: pointer;
}
.saont-upd-summary::-webkit-details-marker{ display:none; }

/* Update-mode checkbox: match the acknowledgement checkbox primitive */
.saont-upd-select{
  display:grid;
  place-items:center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: transparent;
  border: 0;
  box-shadow: none;
  position: relative;
}
.saont-upd-radio{
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
.saont-upd-box{
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgba(0,0,0,0.26);
  border: 1px solid rgba(255,255,255,0.32);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.40),
    0 10px 24px rgba(0,0,0,0.20);
  position: relative;
  transition: box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}
.saont-upd-box::before{
  content:"";
  position:absolute;
  inset: 4px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.22);
}
.saont-upd-item:focus-within .saont-upd-select,
.saont-upd-radio:focus-visible + .saont-upd-box{
  outline: none;
}
.saont-upd-radio:focus-visible + .saont-upd-box{
  box-shadow: 0 0 0 2px rgba(0,191,255,0.22), 0 0 18px rgba(0,191,255,0.28), inset 0 0 0 1px rgba(0,0,0,0.35);
  border-color: rgba(0,191,255,0.55);
}
.saont-upd-radio:checked + .saont-upd-box{
  border-color: rgba(0,191,255,0.70);
  box-shadow: 0 0 0 2px rgba(0,191,255,0.20), 0 0 20px rgba(0,191,255,0.30), inset 0 0 0 1px rgba(0,0,0,0.35);
}
.saont-upd-radio:checked + .saont-upd-box::after{
  content:"";
  position:absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.92);
  box-shadow: 0 0 10px rgba(96,165,250,0.28);
}

/* Risk pills: obvious green/amber/red backgrounds */
.saont-upd-pill{
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid rgba(255,255,255,0.18);
}
.saont-upd-pill.low{ background: rgba(34,197,94,0.25); border-color: rgba(34,197,94,0.45); color: rgba(255,255,255,0.94); }
.saont-upd-pill.med{ background: rgba(245,158,11,0.25); border-color: rgba(245,158,11,0.45); color: rgba(255,255,255,0.94); }
.saont-upd-pill.high{ background: rgba(239,68,68,0.25); border-color: rgba(239,68,68,0.45); color: rgba(255,255,255,0.94); }

.saont-upd-caret{
  opacity: .75;
  transform: rotate(0deg);
  transition: transform .18s ease, opacity .18s ease;
}
.saont-upd-acc[open] .saont-upd-caret{ transform: rotate(180deg); opacity: 1; }

.saont-upd-body{
  padding: 0 14px 14px 14px;
  display: grid;
  gap: 12px;
}

.saont-upd-example{
  border-radius: 14px;
  border: 1px solid rgba(176,176,176,0.22);
  background: #161B2E;
  padding: 12px 12px;
}
.saont-upd-example-label{ font-size: 12px; opacity: .78; font-weight: 700; }
.saont-upd-example-text{ margin-top: 6px; opacity: .92; }

.saont-upd-info{
  display: grid;
  gap: 10px;
}
.saont-upd-info-block{
  border-radius: 14px;
  border: 1px solid rgba(176,176,176,0.18);
  background: rgba(26,31,54,0.55);
  padding: 12px 12px;
}
.saont-upd-info-block ul{ margin: 8px 0 0; padding-left: 18px; }
.saont-upd-hover-title{ font-weight: 800; letter-spacing: .01em; }
.saont-upd-hover-text{ opacity: .88; margin-top: 6px; }

/* More modal acknowledgement row: align checkbox + copy */
.saont-more-ack-row--check{
  gap: 12px;
}
.saont-more-ack-text{ display:block; }

/* =========================
   Audit Trail card view: stacked containers
   ========================= */

.saont-history-cards{
  display:flex;
  flex-direction:column;
  gap: 0;
  margin-top: 12px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(176,176,176,0.26);
  background: #0A0C15;
  box-shadow: inset 0 0 0 1px rgba(0,140,255,0.06);
}

.saont-history-card{
  background: #1A1F36;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 14px;
}
.saont-history-card:last-child{ border-bottom: 0; }

.saont-history-card-head{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  align-items:flex-start;
}

.saont-history-card-title{
  font-family: "League Spartan", sans-serif;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: .2px;
}

.saont-history-card-meta{
  display:flex;
  gap: 8px;
  align-items:center;
  flex-wrap: wrap;
  justify-content:flex-end;
}

.saont-history-pill{
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,0.18);
  background: linear-gradient(180deg, rgba(26,31,54,0.98), rgba(10,12,21,0.96));
  box-shadow: inset 0 0 0 1px rgba(96,165,250,0.18);
  color:#FBFBF9;
  font-size: 12px;
  opacity: .96;
}

.saont-history-grid{
  margin-top: 12px;
  display:grid;
  gap: 10px;
}
.saont-history-row{
  display:grid;
  grid-template-columns: 120px 1fr;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(176,176,176,0.16);
  background: rgba(26,31,54,0.45);
}
.saont-history-row + .saont-history-row{
  border-top: 1px solid rgba(255,255,255,0.06);
}
.saont-history-k{ opacity:.72; font-size:12px; font-weight:700; }
.saont-history-v{ opacity:.92; }
.saont-history-v.is-mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }


/* -------------------------------------------------------------------------- */
/*  DNS providers popup (Domain Management™)                                   */
/* -------------------------------------------------------------------------- */

.saont-float-pop{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: min(460px, calc(100vw - 36px));
  z-index: 9999;
}

.saont-float-pop[hidden]{ display:none !important; }

.saont-float-pop__inner{
  position: relative;
  background: linear-gradient(180deg, rgba(26,31,54,0.94), rgba(10,12,21,0.96));
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.46);
  backdrop-filter: blur(10px);
}

.saont-float-pop__inner::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(90, 180, 255, 0.10) inset, 0 0 28px rgba(90, 180, 255, 0.14);
}

.saont-float-pop__top{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  justify-content: space-between;
}

.saont-float-pop__title{
  font-family: "Lexend", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 650;
  letter-spacing: -0.01em;
  font-size: 15px;
  line-height: 1.2;
}

.saont-float-pop__sub{
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.86;
}

.saont-float-pop__close{
  flex: 0 0 auto;
  padding: 8px 10px;
}

.saont-float-pop__stage{
  margin-top: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.20);
  height: 72px; /* fixed height: no vertical jump */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  position: relative;
  overflow:hidden;
}

.saont-float-pop__word{
  font-family: "League Spartan", "Lexend", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 34px;
  letter-spacing: 0.01em;
  line-height: 1;
  text-shadow: 0 0 18px rgba(90, 180, 255, 0.22);
}

.saont-float-pop__actions{
  margin-top: 10px;
  display:flex;
  justify-content:flex-start;
}

.saont-float-pop__legal{
  margin-top: 10px;
  font-size: 11.5px;
  line-height: 1.45;
  opacity: 0.78;
  border-top: 1px solid rgba(255,255,255,0.10);
  padding-top: 10px;
}

/* Mobile comfort */
@media (max-width: 520px){
  .saont-float-pop{ right: 12px; bottom: 12px; width: calc(100vw - 24px); }
  .saont-float-pop__word{ font-size: 30px; }
}



/* =========================
   Business: Team + Multi-domain
   ========================= */
.mysaont-section-button--business{
  position: relative;
}
.mysaont-badge-lock{
  display:inline-block;
  margin-left:8px;
  font-size:12px;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.85);
}
.saont-domain-add{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:12px;
  flex-wrap: wrap;
}
.saont-domain-add__input{
  min-width: 240px;
  flex: 1 1 260px;
}
.saont-domain-add__check{
  display:flex;
  align-items:center;
  gap:8px;
  user-select:none;
}
.saont-domain-add__check.is-disabled{
  opacity: 0.55;
  pointer-events: none;
}
.mysaont-domains-cap{
  margin-top:10px;
  font-size:13px;
  color: rgba(255,255,255,0.72);
}
.saont-domain-detail-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-bottom: 12px;
}

.saont-form-row{
  display:flex;
  gap:14px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.saont-form-field{
  flex: 1 1 220px;
  min-width: 200px;
}
.saont-form-field--actions{
  flex: 0 0 auto;
  min-width: 160px;
}
.saont-label{
  display:block;
  margin-bottom:6px;
  font-size:13px;
  color: rgba(255,255,255,0.72);
}
.saont-table-wrap{
  overflow:auto;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
}
.saont-table{
  width:100%;
  border-collapse: collapse;
  min-width: 720px;
}
.saont-table th,
.saont-table td{
  padding: 12px 12px;
  text-align:left;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: 13px;
}
.saont-table th{
  color: rgba(255,255,255,0.75);
  font-weight: 600;
  letter-spacing: 0.01em;
}
.saont-muted{
  color: rgba(255,255,255,0.72);
  font-size: 14px;
}
.saont-bullets{
  margin: 10px 0 0 18px;
  color: rgba(255,255,255,0.78);
}
.mysaont-error{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,80,80,0.10);
  color: rgba(255,255,255,0.92);
}


/* ---------------- Domain Management layout (Protocol 1) ---------------- */
.mysaont-domain-mgmt-grid{
  display:grid;
  grid-template-columns: 1fr 1.7fr 1.15fr;
  gap: 14px;
  align-items:start;
}

.mysaont-domain-mgmt-col{ min-width:0; }

.mysaont-domains-picker{
  list-style:none;
  margin: 12px 0 0 0;
  padding: 0;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.saont-btn--tiny{
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.1;
  border-radius: 12px;
}

@media (max-width: 980px){
  .mysaont-domain-mgmt-grid{
    grid-template-columns: 1fr;
  }
}

/* Domain Management layout (Protocol 1) */
.mysaont-domains-grid--security{
  /* Three columns: Domain list (slightly larger), Domain details (largest), TXT verification (remaining room) */
  grid-template-columns: minmax(280px, 1.08fr) minmax(520px, 1.55fr) minmax(360px, 1.15fr);
  align-items: start;
  gap: 16px;
}

.mysaont-domains-grid--security .mysaont-domains-side{
  position: static;
  top: auto;
  align-self: start;
}

.saont-domains-side-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}

@media (max-width: 980px){
  .mysaont-domains-grid--security{
    grid-template-columns: 1fr;
  }
  .mysaont-domains-grid--security .mysaont-domains-side{
    position: static;
    top: auto;
  }
  .saont-domains-side-row{
    grid-template-columns: 1fr;
  }
}

/* Notifications governance */
.saont-notif-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.saont-notif-card{
  border-radius: 16px;
  padding: 12px;
  border: 1px solid rgba(176,176,176,0.22);
  background: linear-gradient(180deg, rgba(26,31,54,0.72), rgba(10,12,21,0.88));
  box-shadow: 0 8px 24px rgba(0,0,0,0.28);
}

.saont-notif-card-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
}

.saont-notif-email{ margin-top: 10px; }
.saont-notif-meta{ margin-top: 6px; font-size: 13px; opacity: .76; }

.saont-notif-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid rgba(176,176,176,0.26);
  background: rgba(10,12,21,0.6);
}

.saont-notif-badge.is-verified{ border-color: rgba(255,255,255,0.28); box-shadow: 0 0 0 1px rgba(64,140,255,0.28) inset; }
.saont-notif-badge.is-pending{ opacity: .86; }
.saont-notif-badge.is-disabled{ opacity: .56; }

.saont-notif-actions{ display:flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }

.saont-notif-add-row{ display:flex; gap: 12px; align-items: center; }

@media (max-width: 720px){
  .saont-notif-grid{ grid-template-columns: 1fr; }
  .saont-notif-add-row{ flex-direction: column; align-items: stretch; }
}


/* --- Saont header logo sizing (MySaont) --- */
#saontPlanHeaderLogo{
  transform: scale(1.3);
  transform-origin: left center;
}

/* --- Domain Management: keep layout compact --- */
#mysaontSecurityPanel{
  padding-bottom: 18px;
}

.mysaont-domains-add-stack .saont-sec-card{
  width: 100%;
}


/* Domain list pills */
#mysaontSecurityDomainPicker{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#mysaontSecurityDomainPicker li{
  margin: 0;
  padding: 0;
}

#mysaontSecurityDomainPicker li > button,
#mysaontSecurityDomainPicker li > a,
#mysaontSecurityDomainPicker li{
  display: block;
  width: 100%;
  border-radius: 16px;
  padding: 12px 12px;
  border: 1px solid rgba(176,176,176,0.38);
  background: rgba(176,176,176,0.18);
  color: #1A1F36;
}

#mysaontSecurityDomainPicker li > button{
  background: rgba(176,176,176,0.18);
  color: #1A1F36;
  border: 1px solid rgba(176,176,176,0.38);
  text-align: left;
}

#mysaontSecurityDomainPicker li > button:hover,
#mysaontSecurityDomainPicker li > button:focus-visible,
#mysaontSecurityDomainPicker li > button[aria-current="true"],
#mysaontSecurityDomainPicker li.is-active > button{
  background: #ffffff;
  color: #1A1F36;
  outline: none;
}

/* Keep Domain Management grid 3-column on desktop */
@media (max-width: 980px){
  .mysaont-domains-grid--security{
    grid-template-columns: 1fr;
  }
  .mysaont-domains-grid--security .mysaont-domains-side{
    position: static;
    top: auto;
  }
}


/* Security: force 3-column layout (Domain list | Domain details | TXT verification) */
@media (min-width: 1024px){
  .mysaont-domains-grid--security{
    display: grid;
    grid-template-columns: 320px minmax(420px, 1fr) 360px;
    gap: 18px;
    align-items: start;
  }
  .mysaont-domains-grid--security > .mysaont-docs-sidebar{ grid-column: 1; }
  .mysaont-domains-grid--security > .mysaont-docs-detail{ grid-column: 2; }
  .mysaont-domains-grid--security > .mysaont-domains-side{ grid-column: 3; }
}


/* TXT verification copy button: Copy -> Copied (2s) with smooth fade */
.mysaont-embed-copy{ transition: opacity 160ms ease, transform 160ms ease; }
.mysaont-embed-copy.is-fading{ opacity: 0.35; transform: translateY(0); }
.mysaont-embed-copy.is-copied{ opacity: 1; }


/* Domain details: Verified label (white + electric blue aura) */
.mysaont-domain-detail-status.mysaont-tag--active{ color:#ffffff; text-shadow: 0 0 12px rgba(96,165,250,0.35); }


/* Domain list spacing from Add domain input (Protocol 1) */
#mysaont-section-security #mysaontSecurityDomainPicker{ margin-bottom: 14px; }
.mysaont-domains-add-stack{ margin-top: 14px; }


/* Invite user: Role dropdown (Saont branded) */
#saontInviteRole{
  font-family: "League Spartan", "Lexend", system-ui, sans-serif;
  font-weight: 300;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(176,176,176,0.22);
  /* Match the user list surface */
  background: rgba(10,12,21,0.85);
  color: rgba(255,255,255,0.92);
  box-shadow: inset 0 0 0 1px rgba(96,165,250,0.14);
}
#saontInviteRole:focus{ border-color:#ffffff; box-shadow: 0 0 0 6px rgba(96,165,250,0.12), inset 0 0 0 1px rgba(96,165,250,0.22); outline: none; }
#saontTeamInviteHint{ margin-top: 12px; }


/* SaontDocs section: remove electric blue aura on left list + outer content edge */
#mysaont-section-docs .mysaont-docs-sidebar{ box-shadow: none !important; }
#mysaont-section-docs .mysaont-docs-sidebar{ border-color: rgba(255,255,255,0.12) !important; }
.mysaont-panel, .mysaont-panel-shell, .mysaont-main, .mysaont-content{ box-shadow: none !important; }


/* Team & Access: remove shadow between left sidebar and main content */
.mysaont-sidebar{ box-shadow: none !important; }

/* Team & Access: keep main content flush to sidebar and remove any left-edge shadow */
.mysaont-content{ width: auto; margin-left: 0 !important; border-left: 0 !important; box-shadow: none !important; }

/* Team & Access: hero spacing from top (panel wrapper padding is removed) */
#mysaontTeamPanel .saont-sec-hero{ padding-top: 18px; }

/* Team & Access: keep Users header actions aligned to left edge */
#saontTeamUsersCard .saont-sec-card-head--stack{ display:flex; flex-direction: column; align-items: flex-start; gap: 10px; }
#saontTeamUsersCard .saont-sec-card-actions{ width: 100%; justify-content: flex-start; }

/* Invite form: stack fields and left-align CTA */
#mysaont-section-team .saont-form-row.saont-form-row--invite{ display:flex; flex-direction: column; gap: 8px; }
#mysaont-section-team .saont-form-actions{ display:flex; justify-content:flex-start; }
#mysaont-section-team #saontInviteBtn{ margin-top: 4px; }

#mysaont-section-security #mysaontSecurityPanel{ width: 100%; }
#mysaont-section-security .saont-sec-grid{ width: 100%; }


/* ===== SaontDocs workspace refinement ===== */
.mysaont-docs-main{
  display:flex;
  flex-direction:column;
  min-height:640px;
  min-width:0;
}
.mysaont-docs-card--tall{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
}
.mysaont-docs-preview,
.mysaont-doc-viewer,
.mysaont-doc-viewer-body,
.mysaont-doc-surface{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
}
.mysaont-doc-surface{
  overflow:hidden;
  border-radius:16px;
}
.mysaont-doc-iframe,
.mysaont-doc-text{
  width:100%;
  height:100%;
  flex:1;
  min-height:0;
}
.mysaont-domain-selector{
  display:grid;
  gap:8px;
  margin:14px 0 16px;
}
.mysaont-domain-selector-label{
  margin:0;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.76);
}
.mysaont-domain-selector-wrap{
  position:relative;
}
.mysaont-domain-selector-wrap::after{
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid rgba(255,255,255,.84);
  border-bottom:2px solid rgba(255,255,255,.84);
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.mysaont-domain-selector-select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:50px;
  border-radius:14px;
  border:1px solid #B0B0B0;
  background:linear-gradient(180deg, rgba(26,31,54,.96) 0%, rgba(10,12,21,.96) 100%);
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.16);
  color:#fff;
  padding:0 46px 0 14px;
  font:300 14px/1.2 "League Spartan","Lexend",system-ui,sans-serif;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.mysaont-domain-selector-select:hover{
  border-color:#fff;
}
.mysaont-domain-selector-select:focus{
  outline:none;
  border-color:#fff;
  box-shadow:0 0 0 4px rgba(96,165,250,.14), inset 0 0 0 1px rgba(96,165,250,.22);
}
.mysaont-domain-selector-select:disabled{
  opacity:.68;
  cursor:not-allowed;
}

/* Sidebar nav buttons */
#saontSidebar .mysaont-nav .mysaont-section-button,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button{
  background:#1A1F36 !important;
  border:1px solid #B0B0B0 !important;
  color:#fff !important;
  box-shadow:none !important;
}
#saontSidebar .mysaont-nav .mysaont-section-button:hover,
#saontSidebar .mysaont-nav .mysaont-section-button:focus-visible,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:hover,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:focus-visible,
#saontSidebar .mysaont-nav .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-nav .mysaont-section-button.is-active{
  background:#1A1F36 !important;
  border-color:#fff !important;
  color:#fff !important;
  box-shadow:0 0 0 1px rgba(96,165,250,.18) inset !important;
}

/* Team & Access responsive layout */
#mysaont-section-team .saont-sec-grid{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:18px;
  align-items:start;
}
#mysaont-section-team .saont-sec-col{
  min-width:0;
}
#mysaont-section-team .saont-sec-card{
  width:100%;
}
#mysaont-section-team .saont-users-list{
  width:100%;
}
@media (max-width: 1080px){
  #mysaont-section-team .saont-sec-grid{ grid-template-columns:1fr; }
}


/* Request popups: centre like Brand Styling popup */
.saont-request-modal{
  align-items:center;
  justify-items:center;
  place-items:center;
  overflow:auto;
  padding:24px;
}
.saont-request-modal .saont-modal-card{
  margin:auto;
  max-height:min(88vh, 980px);
}

/* Domain stats */
.mysaont-domains-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 14px;
}
.mysaont-domains-stat{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(26,31,54,0.96);
  border:1px solid #B0B0B0;
  color:#fff;
}
.mysaont-domains-stat strong{
  font:400 15px/1 "League Spartan","Lexend",system-ui,sans-serif;
}
.mysaont-domains-stat span{
  font-size:12px;
  opacity:.88;
}


/* Request modals: keep the app completely behind the popup */
body.saont-request-modal-open .saont-setupbar,
body.saont-request-modal-open #saontSetupBar,
body.saont-request-modal-open .saont-tour-overlay,
body.saont-request-modal-open .saont-tour-stage,
body.saont-request-modal-open .saont-tour-tip,
body.saont-request-modal-open .saont-tour-line,
body.saont-request-modal-open .saont-toast-stack,
body.saont-request-modal-open .saont-toast,
body.saont-request-modal-open [data-saont-tour],
body.saont-request-modal-open [data-saont-overlay]{
  display:none !important;
}
#saontConfirmModal.saont-request-modal{
  z-index: 2147483647 !important;
  background: rgba(10,12,21,0.88) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
#saontConfirmModal .saont-request-modal-card{
  position: relative;
  z-index: 2;
  width: min(900px, calc(100vw - 40px));
  max-height: calc(100vh - 64px);
}
#saontConfirmModal .saont-modal-title h2,
#saontConfirmTitle{
  font-size: clamp(24px, 2vw, 30px) !important;
  line-height: 1.15;
}
#saontConfirmModal .saont-modal-title p,
#saontConfirmSub{
  font-size: 15px !important;
  line-height: 1.5;
}
#saontConfirmModal .saont-request-modal-body,
#saontConfirmModal .saont-request-modal-body .p2,
#saontConfirmModal .saont-request-modal-body .p3,
#saontConfirmModal .saont-request-modal-body label,
#saontConfirmModal .saont-request-modal-body .hint,
#saontConfirmModal .saont-request-modal-body .mysaont-account-input,
#saontConfirmModal .saont-request-modal-body .saont-checkbox-copy{
  font-size: 15px !important;
  line-height: 1.55;
}
#saontConfirmModal .saont-request-modal-body .saont-sec-mini,
#saontConfirmModal .saont-request-modal-body .saont-history-k{
  font-size: 13px !important;
}
#saontConfirmModal .saont-modal-actions{
  gap: 12px;
}

/* Audit export controls */
.saont-audit-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.saont-audit-export-select{
  min-width: 220px;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid #B0B0B0;
  background: #1A1F36;
  color:#fff;
  outline:none;
}
.saont-audit-export-select:hover,
.saont-audit-export-select:focus{
  border-color:#fff;
  box-shadow: 0 0 0 1px rgba(96,165,250,0.16), 0 0 18px rgba(96,165,250,0.14);
}
.saont-audit-export-note{
  width:100%;
  font-size:12px;
  color: rgba(255,255,255,0.68);
}
.saont-history-card--business .saont-history-grid{
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px 16px;
}
@media (max-width: 820px){
  .saont-history-card--business .saont-history-grid{ grid-template-columns: 1fr; }
}


/* Force MySaont left sidebar items to solid Saont navy on every state */
#saontSidebar .mysaont-nav .mysaont-section-button,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button,
#saontSidebar .saont-nav-item,
#saontSidebar .mysaont-nav-item,
#saontSidebar [data-mysaont-nav],
#saontSidebar .saont-sidebar-option,
#saontSidebar button[data-mysaont-target]{
  background: #1A1F36 !important;
  background-image: none !important;
}
#saontSidebar .mysaont-nav .mysaont-section-button:hover,
#saontSidebar .mysaont-nav .mysaont-section-button:focus-visible,
#saontSidebar .mysaont-nav .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-nav .mysaont-section-button.is-active,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:hover,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:focus-visible,
#saontSidebar .saont-nav-item:hover,
#saontSidebar .saont-nav-item:focus-visible,
#saontSidebar .saont-nav-item[aria-current="page"],
#saontSidebar .saont-nav-item.is-active,
#saontSidebar .mysaont-nav-item:hover,
#saontSidebar .mysaont-nav-item:focus-visible,
#saontSidebar .mysaont-nav-item[aria-current="page"],
#saontSidebar .mysaont-nav-item.is-active,
#saontSidebar [data-mysaont-nav]:hover,
#saontSidebar [data-mysaont-nav]:focus-visible,
#saontSidebar [data-mysaont-nav][aria-current="page"],
#saontSidebar [data-mysaont-nav].is-active,
#saontSidebar .saont-sidebar-option:hover,
#saontSidebar .saont-sidebar-option:focus-visible,
#saontSidebar .saont-sidebar-option[aria-current="page"],
#saontSidebar .saont-sidebar-option.is-active,
#saontSidebar button[data-mysaont-target]:hover,
#saontSidebar button[data-mysaont-target]:focus-visible,
#saontSidebar button[data-mysaont-target][aria-current="page"],
#saontSidebar button[data-mysaont-target].is-active{
  background: #1A1F36 !important;
  background-image: none !important;
}


/* Domain tile actions must use Saont primitives sizing, not legacy oversized button rules */
.mysaont-domain-tile-action.saont-btn{
  min-height: 0 !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
}


/* ===== Protocol 1 hotfix: single-source CSS + correct domain/team/sidebar polish ===== */
@media (min-width: 1024px){
  #mysaont-section-security .mysaont-domains-grid--security{
    display:grid !important;
    grid-template-columns: minmax(0, 25fr) minmax(0, 25fr) minmax(0, 50fr) !important;
    gap: 16px !important;
    align-items: start !important;
    width: 100% !important;
  }
  #mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-sidebar{
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  #mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-detail{
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  #mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-verify--security{
    grid-column: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

#mysaont-section-security .mysaont-domains-grid--security > .mysaont-domains-side{
  display: none !important;
}
#mysaont-section-security .mysaont-docs-detail,
#mysaont-section-security .mysaont-docs-verify--security,
#mysaont-section-security .mysaont-docs-sidebar{
  min-width: 0 !important;
  width: 100% !important;
}
#mysaont-section-security .saont-domain-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin: 0 0 14px;
}

.mysaont-panel .saont-btn,
.mysaont-docs-card .saont-btn,
.saont-sec-card .saont-btn{
  min-height: 40px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
}

#saontSidebar .mysaont-section-button,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button{
  font-family: "League Spartan", "Lexend", system-ui, sans-serif !important;
  font-weight: 300 !important;
  font-size: 13.5px !important;
  line-height: 1.1 !important;
  min-height: 42px !important;
  padding: 11px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
}

#saontSidebar .mysaont-sidebar-footer .mysaont-section-button{
  background:#1A1F36 !important;
  border:1px solid #B0B0B0 !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

#mysaont-section-docs .mysaont-docs-segbtn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#mysaontSmartDocsMore{
  display:none !important;
}


/* Professional plan: Team & Access is visible but clearly unavailable */
#saontSidebar .mysaont-section-button.is-locked,
#saontSidebar .mysaont-section-button[aria-disabled="true"]{
  opacity: .52 !important;
  filter: grayscale(0.2) !important;
  cursor: not-allowed !important;
}
#saontSidebar .mysaont-section-button.is-locked:hover,
#saontSidebar .mysaont-section-button.is-locked:focus-visible,
#saontSidebar .mysaont-section-button[aria-disabled="true"]:hover,
#saontSidebar .mysaont-section-button[aria-disabled="true"]:focus-visible{
  transform: none !important;
  box-shadow: none !important;
  border-color: #B0B0B0 !important;
  background: #1A1F36 !important;
}

/* Domain Management three-column ratio: 25 : 25 : 50 */
#mysaont-section-security .mysaont-domains-grid--security{
  grid-template-columns: minmax(0, 25%) minmax(0, 25%) minmax(0, 50%) !important;
}


/* Domain Management full-width stacked rows */
#mysaont-section-security .mysaont-domains-grid--security{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:100% !important;
}
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-sidebar,
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-detail,
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-verify--security{
  grid-column:1 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  justify-self:stretch !important;
}
#mysaont-section-security .mysaont-docs-sidebar,
#mysaont-section-security .mysaont-docs-detail,
#mysaont-section-security .mysaont-docs-verify--security,
#mysaont-section-security .mysaont-docs-card,
#mysaont-section-security .saont-sec-card{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
#mysaont-section-security .mysaont-domain-tile-actions,
#mysaont-section-security .saont-domain-detail-actions{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
}
#mysaont-section-security .mysaont-domain-tile-action,
#mysaont-section-security .saont-domain-detail-actions .saont-btn{
  width:auto !important;
  flex:0 0 auto !important;
}


/* Protocol 1 patch 14: Domain Management layout + typography */
:root{
  --saont-text-primary:#FBFBF9;
  --text-p1:clamp(24px,2.4vw,32px);
  --text-p2:clamp(18px,1.6vw,22px);
  --text-p3:clamp(14px,1.1vw,16px);
  --text-body:14px;
  --text-legal-title:clamp(15px,1.15vw,17px);
  --text-legal-body:13px;
  --text-legal-meta:12px;
}
#mysaont-section-security,
#mysaont-section-security .mysaont-panel,
#mysaont-section-security .mysaont-panel-shell,
#mysaont-section-security .mysaont-content,
#mysaont-section-security .mysaont-docs-grid,
#mysaont-section-security .mysaont-domain-detail-card,
#mysaont-section-security .mysaont-domain-kvrow .k,
#mysaont-section-security .mysaont-domain-kvrow .v,
#mysaont-section-security .mysaont-domain-detail-note,
#mysaont-section-security .saont-sec-mini,
#mysaont-section-security .saont-mini,
#mysaont-section-security label,
#mysaont-section-security input,
#mysaont-section-security button,
#mysaont-section-security .mysaont-smartdocs-label,
#mysaont-section-security .mysaont-smartdocs-meta,
#mysaont-section-security .mysaont-dns-title,
#mysaont-section-security .mysaont-dns-hint,
#mysaont-section-security .mysaont-dns-field label,
#mysaont-section-security .mysaont-embed-input,
#mysaont-section-security .saont-btn,
#mysaont-section-security .saont-check span{
  color:var(--saont-text-primary);
  font-family:'Lexend',system-ui,Arial,sans-serif;
}
#mysaont-section-security .saont-btn{ color:#FBFBF9 !important; }
#mysaont-section-security .mysaont-domain-detail-title,
#mysaont-section-security .mysaont-dns-title{ font-size:var(--text-p2); font-weight:600; }
#mysaont-section-security .mysaont-smartdocs-label{ font-size:var(--text-p3); font-weight:500; }
#mysaont-section-security .mysaont-smartdocs-meta,
#mysaont-section-security .saont-sec-mini,
#mysaont-section-security .saont-mini,
#mysaont-section-security .mysaont-domain-detail-note,
#mysaont-section-security .mysaont-dns-hint{ font-size:var(--text-body); line-height:1.5; }

#mysaont-section-security .mysaont-domains-grid--security{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-areas:
    'list detail'
    'verify verify' !important;
  gap:18px !important;
  align-items:start !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
}
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-sidebar{ grid-area:list !important; min-width:0 !important; width:100% !important; }
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-detail{ grid-area:detail !important; min-width:0 !important; width:100% !important; }
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-verify--security{ grid-area:verify !important; min-width:0 !important; width:100% !important; max-width:100% !important; }
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-domains-side{ display:none !important; }
#mysaont-section-security .mysaont-docs-sidebar,
#mysaont-section-security .mysaont-docs-detail,
#mysaont-section-security .mysaont-docs-verify--security,
#mysaont-section-security .saont-sec-card,
#mysaont-section-security #saontTxtVerifyCard,
#mysaont-section-security #mysaontSecurityDomainDetail{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; }

#mysaont-section-security .mysaont-docs-sidebar--security::before,
#mysaont-section-security .mysaont-docs-detail::before,
#mysaont-section-security .mysaont-docs-verify--security::before{
  display:block;
  margin:0 0 10px 2px;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
  letter-spacing:.02em;
  color:rgba(251,251,249,.86);
  font-family:'Lexend',system-ui,Arial,sans-serif;
}
#mysaont-section-security .mysaont-docs-sidebar--security::before{ content:'Domain list'; }
#mysaont-section-security .mysaont-docs-detail::before{ content:''; display:none; }
#mysaont-section-security .mysaont-docs-verify--security::before{ content:'TXT verification'; }

#mysaont-section-security .saont-sec-card-head .saont-sec-h3,
#mysaont-section-security .mysaont-dns-head .mysaont-dns-title,
#mysaont-section-security .mysaont-panel > h2,
#mysaont-section-security > h2{ display:none !important; }

#mysaont-section-security .saont-domain-detail-actions{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  margin-top:12px !important;
}
#mysaont-section-security .saont-domain-detail-actions .saont-btn{ width:auto !important; flex:0 0 auto !important; }

@media (max-width:980px){
  #mysaont-section-security .mysaont-domains-grid--security{
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:'list' 'detail' 'verify' !important;
  }
}

/* Protocol 1 Enhanced: Domain Management layout refinement */
#mysaont-section-security .mysaont-domains-grid--security{
  display:grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "list detail"
    "verify verify" !important;
  gap: 18px !important;
  align-items: start !important;
}
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-sidebar{
  grid-area:list !important;
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
}
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-detail{
  grid-area:detail !important;
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
}
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-docs-verify--security{
  grid-area:verify !important;
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
}
#mysaont-section-security .mysaont-domains-grid--security > .mysaont-domains-side{
  display:none !important;
}
#mysaont-section-security .mysaont-docs-sidebar--security::before,
#mysaont-section-security .mysaont-docs-detail::before,
#mysaont-section-security .mysaont-docs-verify--security::before,
#mysaont-section-security .mysaont-domain-layout-label{
  content:none !important;
  display:none !important;
}
#mysaont-section-security .saont-domain-detail-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
}
#mysaont-section-security .saont-domain-detail-actions .saont-btn{
  width:100% !important;
  flex:0 0 auto !important;
}
#mysaont-section-security .mysaont-docs-verify--security{
  margin-top: 2px;
}
#mysaont-section-security .mysaont-dns-head{
  align-items:flex-start;
}
@media (max-width: 980px){
  #mysaont-section-security .mysaont-domains-grid--security{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "list"
      "detail"
      "verify" !important;
  }
}


/* Team & Access refinements */
#mysaont-section-team .mysaont-panel--team{
  width:100%;
  padding-top:0 !important;
}
#mysaont-section-team .saont-sec-hero{
  margin-top:0;
  padding-top:0;
}
#mysaont-section-team .saont-sec-grid{
  align-items:start;
}
#mysaont-section-team .saont-sec-col{
  min-width:0;
}
#saontTeamUsersCard,
#saontTeamInviteCard,
#saontTeamGuidanceCard,
#saontTeamUpsellCard{
  overflow:hidden;
}
#saontTeamUsersCard .saont-sec-card-head{
  gap:8px;
}
#saontTeamUsersCard .saont-sec-card-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.saont-users-list{
  display:grid;
  gap:12px;
}
.saont-user-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  padding:16px 16px 14px;
  border-radius:18px;
  border:1px solid rgba(176,176,176,0.20);
  background:linear-gradient(180deg, rgba(26,31,54,0.94) 0%, rgba(10,12,21,0.94) 100%);
  box-shadow:inset 0 0 0 1px rgba(96,165,250,0.10);
}
.saont-user-row__main{
  min-width:0;
  display:grid;
  gap:8px;
}
.saont-user-row__identity{
  display:grid;
  gap:8px;
  min-width:0;
}
.saont-user-row__email{
  word-break:break-word;
}
.saont-user-row__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.saont-user-row__actions{
  display:grid;
  justify-items:end;
  align-content:start;
  gap:10px;
  min-width:240px;
}
.saont-user-role-block{
  display:grid;
  gap:8px;
  justify-items:stretch;
  width:100%;
  min-width:240px;
}
.saont-select--role{
  min-width:240px;
  background:linear-gradient(180deg, rgba(26,31,54,.96) 0%, rgba(10,12,21,.96) 100%);
  color:#FBFBF9;
  border:1px solid rgba(176,176,176,0.28);
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.14);
}
.saont-select--role:focus{
  outline:none;
  border-color:#ffffff;
  box-shadow:0 0 0 4px rgba(96,165,250,.14), inset 0 0 0 1px rgba(96,165,250,.20);
}
.saont-user-confirm{
  align-items:center;
  gap:10px;
}
.saont-user-confirm .saont-checkbox-copy,
.saont-user-date{
  font-family:"League Spartan","Lexend",system-ui,sans-serif;
  font-weight:300;
}
.saont-user-date{
  color:rgba(251,251,249,0.78);
  font-size:13px;
  letter-spacing:.02em;
}
#saontTeamInviteCard .saont-sec-card-head{
  margin-bottom:6px;
}
#saontTeamInviteCard .saont-form-field{
  margin-bottom:0;
}
#saontTeamInviteHint{
  margin-top:10px;
}
@media (max-width: 1100px){
  .saont-user-row{
    grid-template-columns:1fr;
  }
  .saont-user-row__actions,
  .saont-user-role-block{
    width:100%;
    min-width:0;
    justify-items:stretch;
  }
  .saont-select--role{
    min-width:0;
    width:100%;
  }
}


.saont-form-row--invite-compact{align-items:end;gap:10px;row-gap:8px;}
.saont-form-row--invite-compact .saont-form-field{margin:0;}
.saont-form-row--invite-compact .saont-label{margin-bottom:6px;}
.saont-form-row--invite-compact .saont-form-actions{margin-top:0;align-self:end;}


/* Protocol 1 Enhanced: Team & Access + domain verification hardening */
#mysaont-section-security .mysaont-docs-verify--security,
#mysaont-section-security #saontTxtVerifyCard,
#mysaont-section-security #mysaontDnsBox,
#mysaont-section-security .mysaont-dns-grid,
#mysaont-section-security .mysaont-dns-field,
#mysaont-section-security .mysaont-dns-row,
#mysaont-section-security .saont-sec-actions{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
#mysaont-section-security .mysaont-dns-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
#mysaont-section-security .mysaont-dns-row input.mysaont-embed-input,
#mysaont-section-security .mysaont-dns-row .mysaont-embed-input{
  width:100% !important;
  min-width:0 !important;
}
#mysaont-section-security .saont-sec-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
#mysaont-section-security .saont-sec-actions .saont-btn{
  flex:0 0 auto !important;
}
#mysaont-section-team .saont-user-row__actions{
  align-items:flex-start;
}
#mysaont-section-team .saont-user-row__actions .saont-select,
#mysaont-section-team .saont-user-row__actions .saont-btn{
  min-height:42px;
}


/* ===== SaontDocs settings modal refinements ===== */
.mysaont-docs-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.saont-upd-pill-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.saont-upd-pill.autopilot{border-color: rgba(96,165,250,0.48);background: rgba(96,165,250,0.16);color: rgba(255,255,255,0.96);box-shadow: 0 0 0 1px rgba(96,165,250,0.12) inset;}
.saont-more-ack-row input{position:absolute;opacity:0;pointer-events:none;}
.saont-more-ack-row{position:relative;padding-left:42px;min-height:28px;}
.saont-more-ack-row::before{content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:8px;border:1px solid #B0B0B0;background: linear-gradient(180deg, #0A0C15 0%, #10162B 100%);box-shadow: inset 0 0 0 1px rgba(96,165,250,0.14);transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;}
.saont-more-ack-row::after{content:"";position:absolute;left:7px;top:7px;width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform: rotate(-45deg) scale(0);transform-origin:center;filter: drop-shadow(0 0 5px rgba(96,165,250,0.72));transition: transform 120ms ease;}
.saont-more-ack-row:has(input:checked)::before{border-color:#fff;box-shadow: 0 0 0 1px rgba(96,165,250,0.18) inset, 0 0 18px rgba(96,165,250,0.18);}
.saont-more-ack-row:has(input:checked)::after{transform: rotate(-45deg) scale(1);}
.saont-more-ack-row:has(input:focus-visible)::before{border-color:#fff;box-shadow: 0 0 0 1px rgba(96,165,250,0.18) inset, 0 0 0 4px rgba(96,165,250,0.18);}

/* Agency billing module */
.saont-agency-billing-card{
  margin:18px 0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(26,31,54,.94),rgba(10,12,21,.88));
  box-shadow:inset 0 0 0 1px rgba(0,191,255,.08),0 18px 48px rgba(0,0,0,.22);
}
.saont-agency-billing-copy{min-width:0;}
.saont-agency-billing-eyebrow{
  display:inline-flex;
  margin-bottom:8px;
  color:#00BFFF;
  font-size:12px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.saont-agency-billing-copy h3{margin:0 0 6px;font-size:24px;letter-spacing:-.02em;}
.saont-agency-billing-copy p{margin:0;color:rgba(255,255,255,.72);font-family:Lexend,system-ui,sans-serif;line-height:1.5;max-width:760px;}
.saont-agency-billing-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:190px;}
.saont-agency-billing-mini{font-size:12px;color:rgba(255,255,255,.58);font-family:Lexend,system-ui,sans-serif;text-align:right;line-height:1.35;}
@media(max-width:760px){.saont-agency-billing-card{align-items:flex-start;flex-direction:column}.saont-agency-billing-actions{align-items:flex-start;min-width:0}.saont-agency-billing-mini{text-align:left}}

/* Scoped visual hardening: requested solid Saont navy surfaces */
#mysaont-section-team .saont-governance-tips{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
#mysaont-section-team .saont-governance-tips > li{
  background:#1A1F36 !important;
  background-image:none !important;
  border:1px solid rgba(176,176,176,0.26) !important;
  border-radius:16px !important;
  padding:13px 14px !important;
  color:rgba(255,255,255,0.92) !important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,0.10) !important;
}

#saontSidebar .mysaont-nav .mysaont-section-button,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button,
#saontSidebar .saont-nav-item,
#saontSidebar .mysaont-nav-item,
#saontSidebar [data-mysaont-nav],
#saontSidebar .saont-sidebar-option,
#saontSidebar button[data-mysaont-target]{
  background:#1A1F36 !important;
  background-image:none !important;
}

#mysaont-section-audit .saont-sec-card,
#mysaont-section-audit .saont-audit-table-wrap,
#mysaont-section-audit .saont-history-cards,
#mysaont-section-audit .saont-history-card,
#mysaont-section-audit .saont-audit-panel{
  background:#1A1F36 !important;
  background-image:none !important;
}
#mysaont-section-audit .saont-history-pill,
#mysaont-section-audit .saont-audit-tab,
#mysaont-section-audit [class*="pill"],
#mysaont-section-audit [class*="chip"],
#mysaont-section-audit [class*="tag"],
#mysaont-section-audit [class*="badge"]{
  background:#1A1F36 !important;
  background-image:none !important;
  border-color:rgba(176,176,176,0.30) !important;
}

/* Strict scoped fix: solid Saont navy governance tips and left sidebar nav items */
#mysaont-section-team .saont-governance-tips,
#mysaont-section-team .mysaont-governance-tips,
#mysaont-section-team [data-governance-tips]{
  background:transparent !important;
  background-image:none !important;
}
#mysaont-section-team .saont-governance-tips > li,
#mysaont-section-team .mysaont-governance-tips > li,
#mysaont-section-team [data-governance-tips] > li,
#mysaont-section-team .saont-governance-tip,
#mysaont-section-team .mysaont-governance-tip,
#mysaont-section-team [data-governance-tip],
#mysaont-section-team li:has(> strong:first-child){
  background:#1A1F36 !important;
  background-color:#1A1F36 !important;
  background-image:none !important;
  border:1px solid rgba(176,176,176,0.26) !important;
  border-radius:16px !important;
  box-shadow:inset 0 0 0 1px rgba(0,191,255,0.08) !important;
}

#saontSidebar .mysaont-nav button,
#saontSidebar .mysaont-nav a,
#saontSidebar .mysaont-nav [role="button"],
#saontSidebar .mysaont-nav [role="tab"],
#saontSidebar .mysaont-section-button,
#saontSidebar button.mysaont-section-button,
#saontSidebar a.mysaont-section-button,
#saontSidebar [data-section],
#saontSidebar [data-target],
#saontSidebar [data-mysaont-target],
#saontSidebar [data-mysaont-nav]{
  background:#1A1F36 !important;
  background-color:#1A1F36 !important;
  background-image:none !important;
}
#saontSidebar .mysaont-nav button:hover,
#saontSidebar .mysaont-nav a:hover,
#saontSidebar .mysaont-nav [role="button"]:hover,
#saontSidebar .mysaont-nav [role="tab"]:hover,
#saontSidebar .mysaont-section-button:hover,
#saontSidebar [data-section]:hover,
#saontSidebar [data-target]:hover,
#saontSidebar [data-mysaont-target]:hover,
#saontSidebar [data-mysaont-nav]:hover,
#saontSidebar .mysaont-nav button:focus-visible,
#saontSidebar .mysaont-nav a:focus-visible,
#saontSidebar .mysaont-section-button:focus-visible,
#saontSidebar .mysaont-nav button[aria-selected="true"],
#saontSidebar .mysaont-nav a[aria-selected="true"],
#saontSidebar .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-section-button.is-active{
  background:#1A1F36 !important;
  background-color:#1A1F36 !important;
  background-image:none !important;
}

/* SAONT_MOBILE_SIDEBAR_TRIGGER_FINAL: mobile-only drawer trigger, desktop hidden. */
.saont-mobile-sidebar-edge{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: #1A1F36 !important;
  background-color: #1A1F36 !important;
  background-image: none !important;
}

@media (max-width: 767px){
  body:not(.saont-fullscreen) .mysaont-shell{
    position: relative !important;
    overflow-x: hidden !important;
  }

  body:not(.saont-fullscreen) .mysaont-content{
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    margin-left: 0 !important;
  }

  body:not(.saont-fullscreen) .mysaont-content-inner,
  body:not(.saont-fullscreen) .page .wrap{
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body:not(.saont-fullscreen) .mysaont-sidebar{
    position: fixed !important;
    top: 75px !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(84vw, 320px) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: calc(100vh - 75px) !important;
    transform: translateX(calc(-100% - 18px)) !important;
    transition: transform .24s cubic-bezier(.2,.9,.2,1), box-shadow .24s ease, border-color .24s ease !important;
    z-index: 2147483500 !important;
    background: #1A1F36 !important;
    background-color: #1A1F36 !important;
    background-image: none !important;
    border-right: 1px solid rgba(0,191,255,.22) !important;
    box-shadow: none !important;
  }

  body.saont-mobile-sidebar-open:not(.saont-fullscreen) .mysaont-sidebar{
    transform: translateX(0) !important;
    box-shadow: 18px 0 54px rgba(0,0,0,.44), 0 0 0 1px rgba(0,191,255,.14) !important;
  }


  body:not(.saont-fullscreen) .saont-mobile-sidebar-edge{
    position: fixed !important;
    left: 0 !important;
    top: 75px !important;
    bottom: 0 !important;
    width: 8px !important;
    z-index: 2147483400 !important;
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: #1A1F36 !important;
    background-color: #1A1F36 !important;
    background-image: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.saont-mobile-sidebar-open .saont-mobile-sidebar-edge{
    pointer-events: none !important;
  }

  body.saont-mobile-sidebar-open .saont-sidebar-backdrop{
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483450 !important;
    background: rgba(0,0,0,.46) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
  }
}

@media (min-width: 768px){
  html body .saont-mobile-sidebar-edge{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    background: #1A1F36 !important;
    background-color: #1A1F36 !important;
    background-image: none !important;
  }
}


#saontMobileSidebarToggle,
.saont-mobile-sidebar-button{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* SAONT_MOBILE_SIDEBAR_NO_VISIBLE_OPEN_TRIGGER: keep only the left-edge opener. */
#saontMobileSidebarToggle,
.saont-mobile-sidebar-button{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* Agency-ready Audit Trail polish */
#mysaont-section-audit .saont-history-card,
#mysaont-section-audit .saont-history-row,
#mysaont-section-audit .saont-audit-table-wrap,
#mysaont-section-audit .saont-audit-panel{
  background:#1A1F36 !important;
  background-image:none !important;
}
#mysaont-section-audit .saont-history-pill{
  background:#1A1F36 !important;
  background-image:none !important;
  border-color:rgba(176,176,176,.34) !important;
  font-family:Lexend,system-ui,sans-serif;
  font-weight:400;
  letter-spacing:.03em;
}
#mysaont-section-audit .saont-history-v.is-mono,
#mysaont-section-audit .saont-history-v.is-actor{
  font-family:"League Spartan",system-ui,sans-serif !important;
  font-weight:300 !important;
  letter-spacing:.01em;
  color:rgba(255,255,255,.88);
}
#mysaont-section-audit .saont-history-v.is-summary{
  font-family:"League Spartan",system-ui,sans-serif !important;
  font-weight:300 !important;
  line-height:1.45;
  color:rgba(255,255,255,.82);
}
#mysaont-section-audit .saont-history-k{
  font-family:Lexend,system-ui,sans-serif;
  font-weight:400;
  letter-spacing:.04em;
  color:rgba(255,255,255,.68);
}

/* --------------------------------------------------------------------------
   Saont™ Website Governance
   Compliance-centred operational memory, not project management.
   -------------------------------------------------------------------------- */
.saont-governance-panel { position: relative; }
.saont-governance-grid { display: grid; grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1.35fr); gap: 18px; align-items: start; }
.saont-governance-form,
.saont-governance-list-card,
.saont-governance-export-card,
.saont-governance-card {
  border: 1px solid rgba(176,176,176,.42);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(26,31,54,.96), rgba(10,12,21,.94));
  box-shadow: inset 0 0 0 1px rgba(0,191,255,.10), 0 18px 44px rgba(0,0,0,.22);
}
.saont-governance-form,
.saont-governance-list-card,
.saont-governance-export-card { padding: 16px; }
.saont-governance-form h3,
.saont-governance-list-card h3,
.saont-governance-export-card h3,
.saont-governance-card h3 { margin: 0 0 12px; color: rgba(255,255,255,.96); font-weight: 600; }
.saont-governance-form { display: flex; flex-direction: column; gap: 12px; }
.saont-governance-form label { display: flex; flex-direction: column; gap: 6px; color: rgba(255,255,255,.82); font-size: 13px; }
.saont-governance-form input,
.saont-governance-form select,
.saont-governance-form textarea {
  width: 100%; border: 1px solid rgba(176,176,176,.52); border-radius: 14px; background: #0A0C15; color: #fff; padding: 11px 12px; outline: none;
  box-shadow: inset 0 0 0 1px rgba(0,191,255,.08);
}
.saont-governance-form textarea { min-height: 92px; resize: vertical; }
/* Protocol 1 fix: keep native governance select options visible in browser dropdown menus. */
.saont-governance-form select option,
.saont-governance-form select optgroup{
  background:#0A0C15;
  color:#FFFFFF;
}

.saont-governance-form input:focus,
.saont-governance-form select:focus,
.saont-governance-form textarea:focus { border-color: rgba(255,255,255,.78); box-shadow: 0 0 0 3px rgba(0,191,255,.16), inset 0 0 0 1px rgba(0,191,255,.22); }
.saont-governance-list { display: grid; gap: 12px; }
.saont-governance-list--wide { margin-top: 16px; }
.saont-governance-list-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.saont-governance-card { padding: 14px; cursor: default; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.saont-governance-card:hover,
.saont-governance-card:focus { transform: translateY(-1px); border-color: rgba(255,255,255,.64); box-shadow: inset 0 0 0 1px rgba(0,191,255,.20), 0 0 24px rgba(0,191,255,.12); }
.saont-governance-card dl { margin: 0; display: grid; gap: 8px; }
.saont-governance-card dl div { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 10px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.07); }
.saont-governance-card dt { color: rgba(255,255,255,.58); font-size: 12px; }
.saont-governance-card dd { margin: 0; color: rgba(255,255,255,.88); font-size: 13px; line-height: 1.38; overflow-wrap: anywhere; }
.saont-governance-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.saont-governance-empty,
.saont-governance-disclaimer { border: 1px dashed rgba(176,176,176,.36); border-radius: 16px; padding: 14px; color: rgba(255,255,255,.72); background: rgba(10,12,21,.46); }
.saont-governance-status { min-height: 18px; margin: 0; color: rgba(255,255,255,.72); }
.saont-governance-status.is-error { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,.18); }
@media (max-width: 980px) { .saont-governance-grid { grid-template-columns: 1fr; } .saont-governance-card dl div { grid-template-columns: 1fr; gap: 3px; } }

/* ========================================================================== */
/* MySaont agency-style visual revamp                                          */
/* Scope: app surfaces/header/audit structure only. Button classes untouched.  */
/* ========================================================================== */
:root{
  --mysaont-page:#0A0C15;
  --mysaont-surface:#1A1F36;
  --mysaont-surface-2:#111625;
  --mysaont-line:rgba(176,176,176,0.22);
  --mysaont-line-strong:rgba(255,255,255,0.18);
  --mysaont-copy:rgba(255,255,255,0.92);
  --mysaont-muted:rgba(255,255,255,0.68);
  --mysaont-soft:rgba(255,255,255,0.045);
}

html,
body{
  background:var(--mysaont-page) !important;
}

.mysaont-app-header.saont-header-shell{
  height:78px;
  background:#1A1F36 !important;
  background-image:none !important;
  border-bottom:1px solid rgba(255,255,255,0.10) !important;
  box-shadow:0 18px 42px rgba(0,0,0,0.32);
}

.mysaont-app-header__inner.saont-header-inner{
  height:78px;
  padding:0 clamp(16px,2vw,28px);
}

.mysaont-app-header__brand{
  min-width:0;
  gap:18px;
}

.mysaont-app-header__logo-link.saont-logo-link{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.mysaont-app-header__logo{
  width:112px;
  height:auto;
  display:block;
}

.mysaont-app-header__copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,0.20);
  min-width:0;
}

.mysaont-app-header__eyebrow{
  font-family:"Lexend",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.58);
}

.mysaont-app-header__title{
  font-family:"League Spartan","Lexend",system-ui,sans-serif;
  font-size:18px;
  font-weight:300;
  letter-spacing:.02em;
  color:#fff;
  white-space:nowrap;
}

.mysaont-app-header__plan.saont-plan-badge{
  height:34px;
  margin-left:2px;
  opacity:.96;
}

.saont-header-spacer{
  height:78px !important;
}

.mysaont-shell{
  background:#0A0C15 !important;
  background-image:none !important;
}

.mysaont-content{
  background:#0A0C15 !important;
  background-image:none !important;
}

.mysaont-content-inner{
  padding:18px !important;
}

.mysaont-inner{
  background:#0A0C15 !important;
  background-image:none !important;
}

.mysaont-panel,
.saont-sec-card,
.saont-doc-card,
.saont-agency-card,
.saont-domain-card,
.saont-governance-card,
.saont-governance-form,
.saont-governance-list-card,
.mysaont-docs-card,
.mysaont-domain-detail-card,
#mysaontAccountPanel,
#mysaontSecurityPanel{
  background:#1A1F36 !important;
  background-image:none !important;
  border:1px solid var(--mysaont-line) !important;
  box-shadow:inset 0 0 0 1px rgba(0,191,255,0.055), 0 18px 44px rgba(0,0,0,0.22) !important;
}

.mysaont-panel{
  border-radius:24px !important;
  padding:clamp(18px,2.2vw,30px) !important;
}

.mysaont-section-head{
  margin-bottom:18px !important;
  padding-bottom:16px !important;
  border-bottom:1px solid rgba(255,255,255,0.10) !important;
}

.mysaont-section-title,
.mysaont-header h1{
  color:#fff !important;
  text-shadow:none !important;
}

.mysaont-section-subtitle,
.mysaont-header .p1,
.mysaont-org-domain{
  color:var(--mysaont-muted) !important;
}

.mysaont-sidebar{
  background:#1A1F36 !important;
  background-image:none !important;
  border-right:1px solid rgba(255,255,255,0.10) !important;
}

.mysaont-sidebar-inner{
  background:#1A1F36 !important;
  background-image:none !important;
}

.mysaont-sidebar-brand{
  padding:14px 12px 6px !important;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  background:#111625;
}

.mysaont-sidebar-title{
  color:#fff;
  font-size:20px !important;
}

.mysaont-sidebar-subtitle{
  color:var(--mysaont-muted);
}

.mysaont-sidebar-meta,
.mysaont-sidebar-footer{
  background:#111625 !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,0.12) !important;
}

/* Stronger Audit Trail structure */
#mysaont-section-history .saont-audit-toolbar{
  align-items:stretch;
  gap:14px;
  padding:14px;
  border:1px solid var(--mysaont-line);
  border-radius:20px;
  background:#111625;
  background-image:none;
}

#mysaont-section-history .saont-audit-panels,
#mysaont-section-history .saont-audit-panel,
#mysaont-section-history .saont-audit-table-wrap{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

#mysaont-section-history .saont-history-cards{
  gap:14px !important;
  margin-top:16px !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}

#mysaont-section-history .saont-history-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  padding:18px 18px 18px 22px !important;
  border:1px solid var(--mysaont-line) !important;
  border-radius:20px !important;
  background:#1A1F36 !important;
  background-image:none !important;
  box-shadow:inset 0 0 0 1px rgba(0,191,255,0.07), 0 14px 34px rgba(0,0,0,0.20) !important;
}

#mysaont-section-history .saont-history-card::before{
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  left:0;
  width:3px;
  border-radius:0 999px 999px 0;
  background:#00BFFF;
  opacity:.72;
  box-shadow:0 0 18px rgba(0,191,255,0.28);
}

#mysaont-section-history .saont-history-card-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:16px;
}

#mysaont-section-history .saont-history-card-title{
  font-family:"Lexend",system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.35;
  color:#fff;
}

#mysaont-section-history .saont-history-card-meta{
  justify-content:flex-end;
  gap:8px;
}

#mysaont-section-history .saont-history-date{
  color:rgba(255,255,255,0.66);
  font-size:12px;
  white-space:nowrap;
}

#mysaont-section-history .saont-history-pill{
  background:#111625 !important;
  background-image:none !important;
  border:1px solid rgba(0,191,255,0.32) !important;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,191,255,0.10) !important;
}

#mysaont-section-history .saont-history-grid{
  margin-top:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px !important;
}

#mysaont-section-history .saont-history-row{
  display:grid !important;
  grid-template-columns:1fr;
  gap:7px !important;
  padding:13px 14px !important;
  border:1px solid rgba(255,255,255,0.11) !important;
  border-radius:16px !important;
  background:#111625 !important;
  background-image:none !important;
}

#mysaont-section-history .saont-history-k{
  font-family:"Lexend",system-ui,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase;
  color:rgba(255,255,255,0.56) !important;
  opacity:1 !important;
}

#mysaont-section-history .saont-history-v{
  font-family:"League Spartan","Lexend",system-ui,sans-serif !important;
  font-size:15px;
  font-weight:300 !important;
  line-height:1.45;
  color:rgba(255,255,255,0.88) !important;
  opacity:1 !important;
}

#mysaont-section-history .saont-history-v.is-summary{
  color:rgba(255,255,255,0.80) !important;
}

@media (max-width: 900px){
  .mysaont-app-header__copy,
  .mysaont-app-header__plan{
    display:none !important;
  }

  .mysaont-app-header__logo{
    width:104px;
  }

  #mysaont-section-history .saont-history-card-head,
  #mysaont-section-history .saont-history-grid{
    grid-template-columns:1fr;
  }
}


/* Protocol 1 refinement: MySaont header/sidebar/main-shell flattening */
.mysaont-app-header__logo-link{
  display:inline-flex !important;
  align-items:center !important;
  text-decoration:none !important;
}

.mysaont-app-header__copy,
.mysaont-app-header__plan,
#saontPlanHeaderLogo{
  display:none !important;
}

.mysaont-shell,
.mysaont-content,
.mysaont-content-inner,
.mysaont-inner,
main.page{
  background:#1A1F36 !important;
  background-color:#1A1F36 !important;
  background-image:none !important;
}

.mysaont-content-inner{
  padding:0 !important;
}

.mysaont-section{
  margin:0 !important;
}

.mysaont-section > .mysaont-panel,
.mysaont-panel.mysaont-panel--account,
.mysaont-panel.mysaont-panel--team,
#mysaontSecurityPanel,
#mysaontAccountPanel,
#mysaontTeamPanel{
  border-radius:0 !important;
  margin:0 !important;
}

#saontSidebar .mysaont-nav button,
#saontSidebar .mysaont-nav a,
#saontSidebar .mysaont-nav [role="button"],
#saontSidebar .mysaont-nav [role="tab"],
#saontSidebar .mysaont-section-button,
#saontSidebar button.mysaont-section-button,
#saontSidebar a.mysaont-section-button,
#saontSidebar [data-mysaont-target],
#saontSidebar [data-mysaont-nav],
#saontSidebar .saont-nav-item,
#saontSidebar .mysaont-nav-item{
  background:#1A1F36 !important;
  background-color:#1A1F36 !important;
  background-image:none !important;
}

#saontSidebar .mysaont-nav button:hover,
#saontSidebar .mysaont-nav a:hover,
#saontSidebar .mysaont-nav [role="button"]:hover,
#saontSidebar .mysaont-nav [role="tab"]:hover,
#saontSidebar .mysaont-section-button:hover,
#saontSidebar [data-mysaont-target]:hover,
#saontSidebar [data-mysaont-nav]:hover,
#saontSidebar .mysaont-nav button:focus-visible,
#saontSidebar .mysaont-nav a:focus-visible,
#saontSidebar .mysaont-section-button:focus-visible,
#saontSidebar .mysaont-nav button[aria-selected="true"],
#saontSidebar .mysaont-nav a[aria-selected="true"],
#saontSidebar .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-section-button.is-active{
  background:#1A1F36 !important;
  background-color:#1A1F36 !important;
  background-image:none !important;
}

/* Protocol 1 fix: sidebar/governance/audit refinement loaded as CSS, not page text. */
:root{
  --saont-sidebar-rule: rgba(255,255,255,.10);
}

#saontSidebar .mysaont-nav .mysaont-section-button,
#saontSidebar .mysaont-nav .mysaont-section-button:hover,
#saontSidebar .mysaont-nav .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-nav .mysaont-section-button.is-active,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:hover,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button.is-active{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

#saontSidebar .mysaont-nav .mysaont-section-button:hover,
#saontSidebar .mysaont-nav .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-nav .mysaont-section-button.is-active{
  color:#ffffff !important;
}

#saontSidebar .mysaont-sidebar-footer{
  position:relative;
  margin-top:auto;
  padding:14px 10px 6px;
  border-top:1px solid var(--saont-sidebar-rule);
}

#mysaont-section-components .saont-governance-form,
#mysaont-section-changes .saont-governance-form,
#mysaont-section-decisions .saont-governance-form,
#mysaont-section-components .saont-governance-list-card,
#mysaont-section-changes .saont-governance-list-card,
#mysaont-section-decisions .saont-governance-list-card,
#mysaont-section-components .saont-governance-form label,
#mysaont-section-changes .saont-governance-form label,
#mysaont-section-decisions .saont-governance-form label,
#mysaont-section-components .saont-governance-form input,
#mysaont-section-components .saont-governance-form select,
#mysaont-section-components .saont-governance-form textarea,
#mysaont-section-changes .saont-governance-form input,
#mysaont-section-changes .saont-governance-form select,
#mysaont-section-changes .saont-governance-form textarea,
#mysaont-section-decisions .saont-governance-form input,
#mysaont-section-decisions .saont-governance-form select,
#mysaont-section-decisions .saont-governance-form textarea{
  font-family:"League Spartan", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight:300;
}

#mysaont-section-components .saont-governance-form h1,
#mysaont-section-components .saont-governance-form h2,
#mysaont-section-components .saont-governance-form h3,
#mysaont-section-changes .saont-governance-form h1,
#mysaont-section-changes .saont-governance-form h2,
#mysaont-section-changes .saont-governance-form h3,
#mysaont-section-decisions .saont-governance-form h1,
#mysaont-section-decisions .saont-governance-form h2,
#mysaont-section-decisions .saont-governance-form h3,
#mysaont-section-components .saont-governance-list-card h1,
#mysaont-section-components .saont-governance-list-card h2,
#mysaont-section-components .saont-governance-list-card h3,
#mysaont-section-changes .saont-governance-list-card h1,
#mysaont-section-changes .saont-governance-list-card h2,
#mysaont-section-changes .saont-governance-list-card h3,
#mysaont-section-decisions .saont-governance-list-card h1,
#mysaont-section-decisions .saont-governance-list-card h2,
#mysaont-section-decisions .saont-governance-list-card h3,
#mysaont-section-components .saont-governance-card h3{
  font-family:"Lexend", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight:400;
}


/* Protocol 1 sidebar refinement: transparent nav surfaces, 2026-06-02.
   Scope: MySaont sidebar only. Do not alter global Saont button primitives. */
:root{
  --saont-sidebar-rule: rgba(255,255,255,.10);
  --saont-sidebar-rule-strong: rgba(255,255,255,.16);
  --saont-sidebar-text: rgba(255,255,255,.86);
  --saont-sidebar-text-active: #FFFFFF;
  --saont-sidebar-muted: rgba(255,255,255,.58);
}

#saontSidebar.mysaont-sidebar,
#saontSidebar .mysaont-sidebar-inner{
  background:#1A1F36 !important;
  background-color:#1A1F36 !important;
  background-image:none !important;
}

#saontSidebar.mysaont-sidebar{
  border-right:1px solid var(--saont-sidebar-rule) !important;
  box-shadow:none !important;
}

#saontSidebar .mysaont-sidebar-inner{
  gap:18px !important;
  padding:18px 13px 16px !important;
}

#saontSidebar .mysaont-sidebar-brand{
  padding:0 2px 14px !important;
  border:0 !important;
  border-bottom:1px solid var(--saont-sidebar-rule) !important;
  border-radius:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

#saontSidebar .mysaont-sidebar-title{
  font-family:"Lexend", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  color:#fff !important;
}

#saontSidebar .mysaont-sidebar-subtitle{
  font-family:"League Spartan", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size:12.5px !important;
  font-weight:300 !important;
  color:var(--saont-sidebar-muted) !important;
  opacity:1 !important;
}

#saontSidebar .mysaont-nav{
  gap:2px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}

#saontSidebar .mysaont-nav .mysaont-section-button,
#saontSidebar .mysaont-nav .mysaont-section-button:hover,
#saontSidebar .mysaont-nav .mysaont-section-button:focus,
#saontSidebar .mysaont-nav .mysaont-section-button:focus-visible,
#saontSidebar .mysaont-nav .mysaont-section-button:active,
#saontSidebar .mysaont-nav .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-nav .mysaont-section-button.is-active,
#saontSidebar .mysaont-nav button[data-mysaont-target],
#saontSidebar .mysaont-nav button[data-mysaont-target]:hover,
#saontSidebar .mysaont-nav button[data-mysaont-target]:focus,
#saontSidebar .mysaont-nav button[data-mysaont-target]:focus-visible,
#saontSidebar .mysaont-nav button[data-mysaont-target]:active,
#saontSidebar .mysaont-nav button[data-mysaont-target][aria-selected="true"],
#saontSidebar .mysaont-nav button[data-mysaont-target].is-active{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}

#saontSidebar .mysaont-nav .mysaont-section-button{
  position:relative !important;
  min-height:38px !important;
  padding:9px 10px 9px 16px !important;
  border-radius:0 !important;
  color:var(--saont-sidebar-text) !important;
  font-family:"League Spartan", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:300 !important;
  letter-spacing:.01em !important;
}

#saontSidebar .mysaont-nav .mysaont-section-button::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:2px;
  border-radius:999px;
  background:#FFFFFF;
  opacity:0;
  transform:scaleY(.55);
  transition:opacity .16s ease, transform .16s ease;
}

#saontSidebar .mysaont-nav .mysaont-section-button:hover,
#saontSidebar .mysaont-nav .mysaont-section-button:focus-visible{
  color:#FFFFFF !important;
}

#saontSidebar .mysaont-nav .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-nav .mysaont-section-button.is-active{
  color:var(--saont-sidebar-text-active) !important;
  font-weight:400 !important;
}

#saontSidebar .mysaont-nav .mysaont-section-button[aria-selected="true"]::before,
#saontSidebar .mysaont-nav .mysaont-section-button.is-active::before,
#saontSidebar .mysaont-nav .mysaont-section-button:focus-visible::before{
  opacity:.92;
  transform:scaleY(1);
}

#saontSidebar .mysaont-sidebar-meta{
  margin-top:2px !important;
  padding:14px 2px 0 !important;
  border:0 !important;
  border-top:1px solid var(--saont-sidebar-rule) !important;
  border-radius:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

#saontSidebar .mysaont-meta-row{
  display:grid !important;
  grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr) !important;
  align-items:start !important;
  gap:10px !important;
  padding:7px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
}

#saontSidebar .mysaont-meta-row:last-child{ border-bottom:0 !important; }

#saontSidebar .mysaont-meta-label{
  font-family:"Lexend", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size:10.5px !important;
  font-weight:400 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--saont-sidebar-muted) !important;
  opacity:1 !important;
}

#saontSidebar .mysaont-meta-value{
  max-width:none !important;
  text-align:right !important;
  font-family:"League Spartan", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size:13.5px !important;
  font-weight:300 !important;
  line-height:1.15 !important;
  color:rgba(255,255,255,.88) !important;
  opacity:1 !important;
}

#saontSidebar .mysaont-sidebar-footer{
  margin-top:auto !important;
  padding:14px 0 0 !important;
  border:0 !important;
  border-top:1px solid var(--saont-sidebar-rule) !important;
  border-radius:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

#saontSidebar .mysaont-sidebar-footer .mysaont-section-button,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:hover,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:focus,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:focus-visible,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:active,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button[aria-selected="true"],
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button.is-active{
  min-height:36px !important;
  padding:8px 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.72) !important;
  transform:none !important;
}

#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:hover,
#saontSidebar .mysaont-sidebar-footer .mysaont-section-button:focus-visible{
  color:#FFFFFF !important;
}

body.saont-sidebar-collapsed #saontSidebar .mysaont-nav .mysaont-section-button{
  padding-left:10px !important;
}

body.saont-onboarding-locked #saontSidebar .mysaont-nav button:not(#mysaont-tab-security):not(#mysaont-tab-account),
body.saont-onboarding-locked #saontSidebar .mysaont-sidebar-footer a.mysaont-section-button,
#saontSidebar .mysaont-section-button.is-locked,
#saontSidebar .mysaont-section-button[aria-disabled="true"]{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Protocol 1 Saont™ Website Governance context preservation refinement: 2026-06-02 */
.saont-governance-insight{
  margin: 12px 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background: rgba(10,12,21,.28);
  color: rgba(255,255,255,.82);
  font-family: "League Spartan", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 300;
  letter-spacing: .01em;
}
.saont-field-optional{
  color: rgba(255,255,255,.54);
  font-size: .86em;
  font-weight: 300;
}
.saont-governance-card dd{
  white-space: pre-line;
}
.saont-governance-form textarea::placeholder,
.saont-governance-form input::placeholder{
  color: rgba(255,255,255,.48);
}

/* Protocol 1 Saont™ Website Governance review completion hardening: 2026-06-02 */
.saont-governance-card dd{
  white-space: pre-line;
}
.saont-governance-modal[hidden]{
  display:none!important;
}
.saont-governance-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(10,12,21,.72);
  backdrop-filter:blur(14px);
}
.saont-governance-modal__panel{
  width:min(720px,100%);
  max-height:min(720px,calc(100vh - 48px));
  overflow:auto;
  border:1px solid rgba(176,176,176,.34);
  border-radius:24px;
  background:linear-gradient(135deg, rgba(26,31,54,.98), rgba(10,12,21,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 0 0 1px rgba(0,191,255,.12);
  padding:18px;
}
.saont-governance-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.saont-governance-modal__head h3{
  margin:0 0 6px;
  color:rgba(255,255,255,.96);
}
.saont-governance-modal__head p{
  margin:0;
  color:rgba(255,255,255,.72);
}
@media (max-width:640px){
  .saont-governance-modal{
    align-items:flex-end;
    padding:12px;
  }
  .saont-governance-modal__head{
    flex-direction:column;
  }
}

.saont-demo-telemetry-note {
  margin: 8px 0 0;
  color: rgba(245, 247, 255, 0.68);
  font-size: 12px;
  line-height: 1.55;
}

html.saont-demo-mode .saont-demo-telemetry-note {
  display: block;
}

/* Demo complimentary launch rate conversion */
.saont-demo-conversion-modal[hidden] {
  display: none !important;
}

.saont-demo-conversion-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10, 12, 21, 0.78);
  backdrop-filter: blur(14px);
}

.saont-demo-conversion-card {
  width: min(920px, 100%);
  border: 1px solid rgba(0, 191, 255, 0.28);
  border-radius: 32px;
  padding: 36px;
  background: radial-gradient(620px 280px at 18% 0%, rgba(0, 191, 255, 0.2), transparent 70%), linear-gradient(135deg, rgba(26, 31, 54, 0.96), rgba(10, 12, 21, 0.92));
  box-shadow: 0 0 54px rgba(0, 191, 255, 0.18), 0 28px 86px rgba(0, 0, 0, 0.42), inset 0 0 0 1px rgba(0, 191, 255, 0.1);
}

.saont-demo-conversion-copy h2,
.saont-demo-conversion-copy h3 {
  color: #ffffff;
  font-family: Lexend, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.028em;
}

.saont-demo-conversion-copy h2 {
  margin: 0 0 16px;
  font-size: clamp(42px, 7vw, 76px);
  line-height: 0.92;
}

.saont-demo-conversion-copy h3 {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1;
}

.saont-demo-conversion-copy p {
  max-width: 720px;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.72);
  font-family: "League Spartan", Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.58;
}

.saont-demo-conversion-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 18px;
}

.saont-demo-conversion-option {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 191, 255, 0.22);
  border-radius: 24px;
  padding: 20px;
  background: linear-gradient(180deg, rgba(26, 31, 54, 0.62), rgba(10, 12, 21, 0.48));
  box-shadow: inset 0 0 0 1px rgba(0, 191, 255, 0.06), 0 0 28px rgba(0, 191, 255, 0.1);
}

.saont-demo-conversion-option::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: radial-gradient(320px 160px at 50% 0%, rgba(0, 191, 255, 0.16), transparent 74%);
  pointer-events: none;
}

.saont-demo-conversion-option > * {
  position: relative;
}

.saont-demo-conversion-copy .saont-demo-offer-price {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 10px;
  margin: 14px 0 10px;
}

.saont-demo-conversion-copy .saont-demo-offer-price-main {
  display: inline-block;
  color: #ffffff;
  font-family: Lexend, Arial, sans-serif;
  font-weight: 400;
  font-size: clamp(52px, 8vw, 82px);
  line-height: 0.86;
  letter-spacing: -0.05em;
  text-shadow: 0 0 32px rgba(0, 191, 255, 0.42), 0 0 72px rgba(0, 191, 255, 0.18);
}

.saont-demo-conversion-copy .saont-demo-offer-price-sub {
  display: inline-block;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.76);
  font-family: "League Spartan", Arial, sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.15;
}

.saont-demo-conversion-copy .saont-demo-offer-capacity {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
}

.saont-demo-conversion-copy .saont-demo-offer-capacity span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  padding: 7px 12px;
  text-align: center;
}

.saont-demo-conversion-copy .saont-demo-workspace-value {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.76);
  font-family: "League Spartan", Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.35;
  text-align: center;
}

.saont-demo-conversion-copy .saont-demo-offer-window {
  margin-top: 18px;
  color: #ffffff;
}

.saont-demo-conversion-copy .saont-demo-offer-boundary {
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 15px;
}

.saont-demo-conversion-card .agency-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 999px;
  padding: 12px 18px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #0A0C15;
  font-family: Lexend, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  box-shadow: 0 0 34px rgba(0, 191, 255, 0.24);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  width: 100%;
}

.saont-demo-conversion-card .agency-btn:hover,
.saont-demo-conversion-card .agency-btn:focus-visible {
  transform: translateY(-1px);
  outline: 0;
  box-shadow: 0 0 42px rgba(0, 191, 255, 0.32);
}

@media (max-width: 760px) {
  .saont-demo-conversion-card {
    padding: 28px;
    border-radius: 26px;
  }

  .saont-demo-conversion-options {
    grid-template-columns: 1fr;
  }

  .saont-demo-conversion-copy p {
    font-size: 16px;
  }
}