/* MONOLITH_COMMERCE_SUITE_V1_20260716 */

.tileModulesPanel{
  margin:14px 0 16px;
  padding:16px;
  border:1px solid rgba(130,220,255,.28);
  border-radius:18px;
  background:linear-gradient(
    180deg,
    rgba(10,30,53,.72),
    rgba(4,13,25,.92)
  );
  box-shadow:0 18px 44px rgba(0,0,0,.26);
}

.tileModulesPanel .moduleTitle{
  margin-bottom:12px;
  color:#f7c96d;
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.tileModulesGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.commerceModuleCard{
  min-height:0;
  padding:14px;
  border:1px solid rgba(130,220,255,.26);
  border-radius:15px;
  background:rgba(2,9,18,.78);
  display:flex;
  flex-direction:column;
  gap:9px;
}

.commerceModuleTitle{
  color:#eaf7ff;
  font-size:14px;
  font-weight:900;
}

.commerceModuleDescription{
  color:#9fc7dd;
  font-size:12px;
  line-height:1.45;
}

.commerceModuleAction{
  width:100%;
  margin-top:2px;
}

.commerceSuiteOwnerControls{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(130,220,255,.18);
}

.commerceOwnerTitle{
  margin-bottom:10px;
  color:#82dcff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.commerceOwnerSwitches{
  display:grid;
  gap:8px;
}

.commerceSwitchRow{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:46px;
  padding:10px 12px;
  border:1px solid rgba(130,220,255,.18);
  border-radius:13px;
  background:rgba(3,12,23,.72);
  color:#eaf7ff;
  cursor:pointer;
}

.commerceSwitchRow > span:first-child{
  font-size:13px;
  font-weight:800;
}

.commerceSwitchRow input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.commerceSwitch{
  position:relative;
  width:46px;
  height:24px;
  flex:0 0 46px;
  border-radius:999px;
  background:#233245;
  border:1px solid rgba(130,220,255,.22);
  transition:.2s ease;
}

.commerceSwitch::after{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#9fc7dd;
  transition:.2s ease;
}

.commerceSwitchRow input:checked + .commerceSwitch{
  background:#6ee7b7;
  border-color:#6ee7b7;
}

.commerceSwitchRow input:checked + .commerceSwitch::after{
  left:24px;
  background:#071423;
}

.commerceSwitchRow input:disabled + .commerceSwitch{
  opacity:.55;
}

#commerceOwnerStatus{
  margin-top:10px;
}

@media(min-width:760px){
  .tileModulesGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* MONOLITH_OWNER_SIGNOUT_VISIBLE_20260716 */
.ownerSignOutBtn{
  background:#7f1d1d!important;
  border-color:#ef4444!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(239,68,68,.28)!important;
}

.ownerSignOutBtn:hover{
  background:#991b1b!important;
  border-color:#f87171!important;
}

#ownerModeStart:not(.ownerSignOutBtn){
  background:#166534!important;
  border-color:#22c55e!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(34,197,94,.28)!important;
}

#ownerModeStart.ownerSignOutBtn{
  background:#dc2626!important;
  border-color:#f87171!important;
  color:#fff!important;
  box-shadow:0 0 22px rgba(239,68,68,.45)!important;
}

#ownerModeStart.ownerSignOutBtn:hover{
  background:#b91c1c!important;
}


/* MONOLITH_P2P_DIRECT_TILE_COPY_20260716 */
.p2pDirectNote{
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid rgba(75,188,255,.34);
  border-radius:12px;
  background:rgba(75,188,255,.10);
  color:#dff6ff;
  font-size:14px;
  font-weight:800;
  line-height:1.4;
}


/* MONOLITH_P2P_SHARE_BANNER_20260716 */
.p2pShareBanner{
  margin:0 0 18px;
  padding:16px;
  border:1px solid rgba(247,201,109,.45);
  border-radius:16px;
  background:
    linear-gradient(
      135deg,
      rgba(247,201,109,.13),
      rgba(75,188,255,.08)
    );
  box-shadow:0 14px 32px rgba(0,0,0,.18);
}

.p2pShareEyebrow{
  margin-bottom:6px;
  color:#f7c96d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.p2pShareBanner strong{
  display:block;
  color:#eaf7ff;
  font-size:15px;
  line-height:1.35;
}

.p2pShareUrl{
  margin:12px 0;
  padding:10px 12px;
  border:1px solid rgba(130,220,255,.22);
  border-radius:10px;
  background:rgba(2,7,17,.65);
  color:#82dcff;
  font-size:12px;
  overflow-wrap:anywhere;
}

.p2pShareActions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.15fr);
  gap:10px;
  margin-top:12px;
}

.p2pShareActions .btn{
  width:100%;
  min-height:46px;
  min-width:0;
  padding:11px 14px;
  border:1px solid rgba(130,220,255,.34)!important;
  border-radius:10px!important;
  background:
    linear-gradient(
      180deg,
      rgba(18,48,76,.96),
      rgba(7,24,41,.98)
    )!important;
  color:#eaf7ff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.045em;
  line-height:1.2;
  text-transform:uppercase;
  box-shadow:
    0 8px 20px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}

.p2pShareActions .btn:not(:disabled):hover{
  transform:translateY(-1px);
  border-color:rgba(130,220,255,.72)!important;
  background:
    linear-gradient(
      180deg,
      rgba(24,65,101,.98),
      rgba(8,31,54,.98)
    )!important;
}

.p2pInvoiceSoon{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-color:rgba(247,201,109,.30)!important;
  background:
    linear-gradient(
      180deg,
      rgba(62,49,24,.76),
      rgba(29,24,15,.92)
    )!important;
  color:#f7c96d!important;
  opacity:.76;
  cursor:not-allowed!important;
}

.p2pButtonMain{
  display:block;
  color:#f7c96d;
}

.p2pButtonMeta{
  display:block;
  margin-top:4px;
  color:#bca46f;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

.p2pShareStatus{
  min-height:18px;
  margin-top:10px;
}

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

  .p2pInvoiceSoon{
    grid-column:1 / -1;
  }
}


/* MONOLITH_P2P_ACTION_SPACING_20260716 */
.p2pShareActions{
  gap:14px!important;
  margin-top:16px!important;
}

.p2pShareActions .btn{
  min-height:54px!important;
  padding:14px 18px!important;
  font-size:12px!important;
  border-radius:12px!important;
}

@media(max-width:720px){
  .p2pShareActions{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .p2pInvoiceSoon{
    grid-column:auto!important;
  }
}


/* MONOLITH_P2P_READABILITY_20260716 */
.p2pShareBanner{
  background:
    linear-gradient(
      135deg,
      rgba(8,22,36,.98),
      rgba(11,31,50,.98)
    )!important;
}

.p2pShareEyebrow{
  color:#ffe29a!important;
}

.p2pShareBanner strong{
  color:#ffffff!important;
}

.p2pShareUrl{
  background:#f3f6f9!important;
  color:#10263a!important;
  border-color:#c7d4df!important;
  font-weight:800!important;
}

.p2pShareActions .btn{
  color:#ffffff!important;
}

.p2pButtonMain{
  color:#fff1bd!important;
}

.p2pButtonMeta{
  color:#f4d98d!important;
}

.p2pShareStatus{
  color:#ffffff!important;
}


/* MONOLITH_P2P_BANNER_CONTRAST_FIX_20260716 */
#supportTileBox .p2pShareBanner{
  background:#071523!important;
  background-image:none!important;
  border-color:#d8aa4e!important;
  color:#ffffff!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

#supportTileBox .p2pShareEyebrow{
  color:#f7c96d!important;
  text-shadow:0 1px 2px rgba(0,0,0,.7)!important;
}

#supportTileBox .p2pShareBanner strong{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.8)!important;
}

#supportTileBox .p2pShareUrl{
  background:#ffffff!important;
  color:#10263a!important;
  border-color:#b8c7d3!important;
  opacity:1!important;
}


/* MONOLITH_P2P_PRIMARY_ACTION_AND_NOTE_FIX_20260716 */
#supportTileBox .p2pDirectNote{
  background:#eaf5fb!important;
  border-color:#87c9e8!important;
  color:#10263a!important;
  opacity:1!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.45!important;
  text-shadow:none!important;
}

#supportTileBox .p2pPrimaryPaymentAction{
  margin:18px 0!important;
}

#supportTileBox #supportStartPayment{
  width:100%!important;
  min-height:66px!important;
  padding:18px 22px!important;
  border:2px solid #f7c96d!important;
  border-radius:15px!important;
  background:
    linear-gradient(
      180deg,
      #1688d2,
      #07599a
    )!important;
  color:#ffffff!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  box-shadow:
    0 14px 28px rgba(3,40,76,.30),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
}

#supportTileBox #supportStartPayment:hover{
  transform:translateY(-1px);
  background:
    linear-gradient(
      180deg,
      #1b98e6,
      #0867ae
    )!important;
}