.ssp-template-wrap,
.ssp-template-wrap *{
  box-sizing:border-box;
}

.ssp-template-wrap{
  font-family:inherit;
  direction:rtl !important;
  text-align:right !important;
  color:#111827 !important;
}

.ssp-template-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
  margin:20px 0;
}

.ssp-template-grid-top-cards{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.ssp-template-grid-main-info{
  grid-template-columns:1.35fr 1fr;
  align-items:start;
}

.ssp-template-grid-tight{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
}

.ssp-template-card{
  background:#F8FAFC !important;
  border:1px solid #d8dcc1 !important;
  border-radius:22px !important;
  padding:20px !important;
  box-shadow:0 10px 30px rgba(17,24,39,.06) !important;
  text-align:right !important;
}

.ssp-template-card-white{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
}

.ssp-template-welcome-card{
  text-align:center !important;
  font-family:inherit !important;
}

.ssp-template-welcome-title{
  text-align:center !important;
  margin:0 0 10px 0 !important;
  color:#111827 !important;
  font-weight:500 !important;
}

.ssp-template-welcome-card .ssp-template-muted{
  text-align:center !important;
}

.ssp-template-top-card{
  text-align:center !important;
}

.ssp-template-top-card h3{
  text-align:center !important;
  color:#111827 !important;
  font-weight:500 !important;
  margin:0 0 10px 0 !important;
}

.ssp-template-top-card .ssp-template-stat{
  text-align:center !important;
}

.ssp-template-top-card .ssp-template-muted{
  text-align:center !important;
}

.ssp-template-section-title,
.ssp-template-label,
.ssp-template-card h2,
.ssp-template-card h3,
.ssp-template-card h4{
  color:#111827 !important;
  font-weight:500 !important;
}

.ssp-template-muted{
  color:#111827 !important;
  opacity:.65 !important;
  font-size:14px !important;
  font-weight:300 !important;
}

.ssp-template-data{
  color:#2563EB !important;
  font-weight:700 !important;
}

.ssp-template-stat{
  color:#2563EB !important;
  font-size:30px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}

.ssp-template-section-title{
  margin:0 0 14px 0 !important;
  font-size:24px !important;
  text-align:right !important;
}

.ssp-template-kv{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:12px !important;
  padding:10px 0 !important;
  border-bottom:1px dashed #d8dcc1 !important;
  align-items:start !important;
  text-align:right !important;
}

.ssp-template-kv strong{
  color:#111827 !important;
  font-weight:500 !important;
  text-align:right !important;
}

.ssp-template-kv span,
.ssp-template-kv a{
  color:#2563EB !important;
  font-weight:700 !important;
  text-align:left !important;
}

.ssp-template-table{
  width:100% !important;
  border-collapse:collapse !important;
  background:#fff !important;
  border-radius:18px !important;
  overflow:hidden !important;
  direction:rtl !important;
  text-align:right !important;
}

.ssp-template-table thead,
.ssp-template-table tbody,
.ssp-template-table tr,
.ssp-template-table th,
.ssp-template-table td{
  direction:rtl !important;
  text-align:right !important;
}

.ssp-template-table th,
.ssp-template-table td{
  padding:12px !important;
  border-bottom:1px solid #ececec !important;
  vertical-align:top !important;
}

.ssp-template-table th{
  background:#111827 !important;
  color:#F8FAFC !important;
  font-weight:500 !important;
}

.ssp-template-table td{
  color:#111827 !important;
  font-weight:400 !important;
}

.ssp-template-table td .ssp-template-data,
.ssp-template-table td a{
  color:#2563EB !important;
  font-weight:700 !important;
}

.ssp-template-form{
  display:grid !important;
  gap:12px !important;
}

.ssp-template-form input,
.ssp-template-form select,
.ssp-template-form textarea{
  width:100% !important;
  padding:12px !important;
  border:1px solid #d0d5dd !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#111827 !important;
  text-align:right !important;
}

.ssp-template-btn{
  display:inline-block !important;
  background:#2563EB !important;
  color:#111827 !important;
  border:none !important;
  border-radius:12px !important;
  padding:12px 16px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  text-decoration:none !important;
  text-align:center !important;
}

.ssp-template-btn-dark{
  background:#111827 !important;
  color:#F8FAFC !important;
}

.ssp-template-alert{
  padding:14px 16px !important;
  border-radius:14px !important;
  margin:14px 0 !important;
  text-align:right !important;
}

.ssp-template-alert-success{
  background:#dcfce7 !important;
  color:#166534 !important;
}

.ssp-template-alert-error{
  background:#fee2e2 !important;
  color:#991b1b !important;
}

.ssp-template-badge{
  display:inline-block !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:700 !important;
}

.ssp-template-approved{
  background:#dcfce7 !important;
  color:#166534 !important;
}

.ssp-template-rejected{
  background:#fee2e2 !important;
  color:#991b1b !important;
}

.ssp-template-pending{
  background:#fef3c7 !important;
  color:#92400e !important;
}

.ssp-template-subtle{
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
  border-radius:16px !important;
  padding:14px !important;
  margin-bottom:12px !important;
  text-align:right !important;
}

.ssp-template-subtle h4{
  color:#111827 !important;
  font-weight:500 !important;
  text-align:right !important;
  margin:0 0 10px 0 !important;
}

.ssp-template-small{
  font-size:13px !important;
  color:#111827 !important;
  margin-top:4px !important;
  text-align:right !important;
}

.ssp-template-pie-wrap{
  display:grid !important;
  grid-template-columns:180px 1fr !important;
  gap:20px !important;
  align-items:center !important;
  margin-top:18px !important;
}

.ssp-template-pie-frame{
  width:180px;
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#111827;
  padding:6px;
  box-shadow:0 6px 18px rgba(17,24,39,.12);
}

.ssp-template-pie-mask{
  width:168px;
  height:168px;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  background:#111827;
}

.ssp-template-pie{
  width:168px;
  height:168px;
  display:block;
}

.ssp-template-pie-legend{
  display:grid !important;
  gap:10px !important;
}

.ssp-template-pie-legend div{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#111827 !important;
  font-weight:500 !important;
  text-align:right !important;
}

.ssp-template-dot{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  display:inline-block !important;
}

.ssp-template-dot{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  display:inline-block !important;
}

@media (max-width:1100px){
  .ssp-template-grid-top-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .ssp-template-grid-main-info{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:768px){
  .ssp-template-grid,
  .ssp-template-grid-top-cards,
  .ssp-template-grid-main-info,
  .ssp-template-grid-tight,
  .ssp-template-pie-wrap{
    grid-template-columns:1fr !important;
  }

  .ssp-template-kv{
    grid-template-columns:1fr !important;
  }

  .ssp-template-pie{
    margin:auto !important;
  }
}
.ssp-template-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;}
.ssp-template-asset-box{border:1px solid rgba(37,99,235,.16);border-radius:18px;padding:16px;background:rgba(255,255,255,.03);}
.ssp-template-assets-admin{display:grid;gap:16px;}
.ssp-template-asset-admin-row{padding:16px;border:1px solid #dcdcde;border-radius:10px;background:#fff;}

.ssp-template-btn-secondary{
  font-family:inherit !important;
}

.ssp-template-hidden{display:none !important;}
#ssp-template-request-form-card{display:none;}
#ssp-template-request-form-card.is-open{display:block !important;}
#ssp-template-dynamic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#ssp-template-dynamic-fields > div{display:block;}
@media (max-width:768px){#ssp-template-dynamic-fields{grid-template-columns:1fr;}}


.ssp-template-btn-small{
  padding:8px 12px !important;
  font-size:14px !important;
  line-height:1.2 !important;
}

.ssp-template-request-meta{
  display:grid !important;
  gap:10px !important;
}

/* v6.1.4 adaptive summary cards when remote work is enabled */
.ssp-template-grid-top-cards.ssp-template-has-remote-card{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
}
.ssp-template-grid-top-cards.ssp-template-has-remote-card > .ssp-template-top-card{
  padding:16px 12px !important;
  min-height:118px !important;
}
.ssp-template-grid-top-cards.ssp-template-has-remote-card > .ssp-template-top-card h3{
  font-size:18px !important;
  line-height:1.25 !important;
  margin-bottom:8px !important;
}
.ssp-template-grid-top-cards.ssp-template-has-remote-card > .ssp-template-top-card .ssp-template-stat{
  font-size:24px !important;
  line-height:1.15 !important;
}
.ssp-template-grid-top-cards.ssp-template-has-remote-card > .ssp-template-top-card .ssp-template-muted{
  font-size:12.5px !important;
  line-height:1.45 !important;
}
@media (max-width:1200px){
  .ssp-template-grid-top-cards.ssp-template-has-remote-card{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:640px){
  .ssp-template-grid-top-cards.ssp-template-has-remote-card{grid-template-columns:1fr !important;}
}