/* Sepidar-like UI (3 columns) */
.spc-root{font-family:Tahoma, Arial, sans-serif; max-width: 80%; margin: 0 auto;}
.spc-titlebar{display:flex; justify-content:flex-end; margin: 6px 0 10px;}
.spc-title{font-size: 30px; font-weight: 800; color:#222;}

/* Visual: Right=Bundle, Middle=Systems, Left=Addons (RTL-safe) */
.spc-grid{
  display:grid;
  grid-template-columns: 1fr 2.1fr 1fr;
  grid-template-areas: "bundle systems addons";
  gap: 14px;
  align-items:start;
}
.spc-col--bundle{grid-area:bundle;}
.spc-col--systems{grid-area:systems;}
.spc-col--addons{grid-area:addons;}

.spc-col{border-radius: 6px; overflow:hidden;}
.spc-head{background:#94b518; color:#fff; font-weight:800; text-align:center; padding:10px 8px; border-radius:4px;}
.spc-head--mt{margin-top:10px;}
.spc-head--small{margin-top:8px;}
.spc-box{border:1px solid #e2e2e2; border-radius:6px; padding:10px; background:#fff;}

.spc-field{margin: 10px 0 16px;}
.spc-label{font-weight:700; text-align:right; margin-bottom:6px;}
.spc-select{width:100%; padding:10px; border:1px solid #dcdcdc; border-radius:4px; background:#f7f7f7;}
.spc-select--bundle{background:#fff;}
.spc-sub{font-size:12px; color:#666; text-align:right; margin-top:6px;}
.spc-red{font-size:12px; color:#b00000; text-align:right; margin-top:6px; font-weight:700;}

.spc-list{margin-top:8px;}
.spc-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#d9d9d9;
  padding: 6px 8px;
  border-radius:4px;
  margin: 6px 0;
  gap: 10px;
}
.spc-right{
  display:flex;
  align-items:center;
  gap: 10px;
  flex: 1 1 auto;
  justify-content:flex-end;
}
.spc-pricebox{background:#efefef; border-radius:4px; padding:6px 8px; text-align:left; color:#333; font-size:13px; min-width:140px;}
.spc-titlebox{font-weight:700; text-align:right; color:#111; font-size:13px;}

.spc-toggle{width:18px; height:18px;}
.spc-toggle input{display:none;}
.spc-toggle span{
  width:18px; height:18px; border-radius:4px; display:block;
  background:#9a9a9a; position:relative;
}
.spc-toggle input:checked + span{background:#7a7a7a;}
.spc-toggle input:checked + span:after{
  content:"✓";
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:900; font-size:14px;
}

.spc-summary{background:#efefef; border:1px solid #e2e2e2; border-radius:6px; padding:10px; margin-top:8px;}
.spc-srow{font-weight:700; text-align:right; margin: 6px 0; color:#222;}
.spc-srow span{font-weight:900;}
.spc-srow--final{color:#0b7a1f; font-size: 18px;}

.spc-btn{
  width:100%;
  margin-top:10px;
  background:#94b518;
  color:#fff;
  border:0;
  border-radius:6px;
  padding:10px 12px;
  font-weight:900;
  cursor:pointer;
}
.spc-status{margin-top:8px; font-size:12px; color:#444; text-align:right;}
.spc-meta{margin-top:4px; font-size:11px; color:#777; text-align:right;}
.spc-notes{background:#fff; border:1px solid #e2e2e2; border-radius:6px; padding:10px; font-size:12px; color:#333;}
.spc-notes ul{margin:0; padding-right:18px;}

@media (max-width: 980px){
  .spc-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "bundle"
      "systems"
      "addons";
  }
  .spc-root{max-width: 98vw;}
}

.spc-srow--discount{color:#b00000;}

/* Addon checkbox row (single user install) */
.spc-label--with-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.spc-toggle--inline{flex:0 0 auto;}