.exco-wrap .exco-grid-2,
.exco-wrap .exco-stats,
.exco-inline-3,
.exco-form-grid{display:grid;gap:16px}
.exco-wrap .exco-grid-2{grid-template-columns:1fr 1fr;align-items:start}
.exco-wrap .exco-stats{grid-template-columns:repeat(4,1fr)}
.exco-wrap .exco-card,
.exco-public-wrap .exco-task-card,
.exco-submit-card,
.exco-selected-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 16px 40px rgba(2,6,23,.08)}
.exco-wrap .exco-card{padding:22px}
.exco-wrap .exco-form .regular-text,
.exco-wrap .exco-form textarea,
.exco-wrap .exco-form select{width:100%;max-width:none}
.exco-inline-3{grid-template-columns:repeat(3,1fr)}
.exco-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700}
.exco-badge-green{background:#dcfce7;color:#166534}
.exco-badge-red{background:#fee2e2;color:#991b1b}

.exco-theme-exco{--exco-navy:#07152f;--exco-navy-2:#10264c;--exco-gold:#d4af37;--exco-surface:#f6f8fc;--exco-text:#10203a;--exco-muted:#61708b;max-width:1280px;margin:0 auto;padding:24px;background:var(--exco-surface);color:var(--exco-text);font-family:inherit}
.exco-public-hero{background:linear-gradient(135deg,var(--exco-navy),var(--exco-navy-2));border-radius:28px;padding:28px 28px 24px;color:#fff;margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:20px;box-shadow:0 20px 50px rgba(7,21,47,.28)}
.exco-kicker{display:inline-block;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:700;color:#dbeafe}
.exco-public-hero h2{margin:0 0 10px;font-size:34px;line-height:1.25;color:#fff}
.exco-public-hero p{margin:0;color:#d7e0f1;max-width:720px;line-height:1.9}
.exco-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:12px;min-width:360px}
.exco-hero-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:14px 12px;text-align:center;backdrop-filter:blur(6px)}
.exco-hero-stats strong{display:block;font-size:22px;color:#fff}
.exco-hero-stats span{display:block;font-size:12px;color:#d7e0f1;margin-top:4px}
.exco-success{background:#ecfdf3;color:#166534;padding:14px 16px;border-radius:16px;border:1px solid #bbf7d0;margin-bottom:18px}
.exco-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.exco-chip{padding:10px 16px;border:1px solid #d7deea;border-radius:999px;text-decoration:none;color:var(--exco-text);background:#fff;font-weight:700;font-size:14px;transition:.2s ease}
.exco-chip:hover,.exco-chip.active{background:var(--exco-navy);color:#fff;border-color:var(--exco-navy)}
.exco-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr);gap:22px;align-items:start}
.exco-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
.exco-section-head h3{margin:0;font-size:24px;color:var(--exco-text)}
.exco-section-head p{margin:0;color:var(--exco-muted);font-size:14px;line-height:1.7}
.exco-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.exco-task-card{padding:22px;display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;border:1px solid #e5e7eb}
.exco-task-card:hover,.exco-task-card.is-active{transform:translateY(-3px);border-color:#bfd0f2;box-shadow:0 22px 45px rgba(16,38,76,.12)}
.exco-task-top,.exco-selected-header{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.exco-task-cat,.exco-task-badge{font-size:12px;font-weight:800;padding:7px 12px;border-radius:999px}
.exco-task-cat{background:#edf3ff;color:#22406e}
.exco-task-badge{background:#fff6db;color:#8d6500}
.exco-task-card h3,.exco-selected-card h4{font-size:22px;line-height:1.45;margin:0;color:var(--exco-text)}
.exco-task-desc,.exco-selected-desc{color:var(--exco-muted);line-height:1.9;margin:0}
.exco-price-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e6edf7}
.exco-price-line span{font-size:13px;color:var(--exco-muted);font-weight:700}
.exco-price-line strong{font-size:18px;color:var(--exco-navy)}
.exco-mini-list,.exco-check-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.exco-mini-list li{background:#fff;border:1px solid #dbe4f2;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;color:#26456f}
.exco-check-list{display:block;margin-top:14px}
.exco-check-list li{position:relative;padding:0 26px 10px 0;color:var(--exco-text);line-height:1.8}
.exco-check-list li:before{content:"✓";position:absolute;right:0;top:0;color:#16a34a;font-weight:800}
.exco-task-actions{margin-top:auto}
.exco-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--exco-navy),var(--exco-navy-2));color:#fff;text-decoration:none;border:none;border-radius:16px;padding:13px 18px;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(7,21,47,.18)}
.exco-btn-light{background:#fff;color:var(--exco-navy);border:1px solid #dbe4f2;box-shadow:none}
.exco-side-panel{display:grid;gap:18px;position:sticky;top:24px}
.exco-selected-card,.exco-submit-card{padding:22px}
.exco-instruction-box{margin-top:14px;padding:16px;border-radius:18px;background:#0f172a;color:#e5eefc;line-height:1.9;font-size:14px;white-space:normal}
.exco-submit-section{margin:0}
.exco-selected-task{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e2e8f0;padding:12px 14px;border-radius:16px;margin-bottom:16px}
.exco-selected-task strong{color:var(--exco-muted);font-size:13px}
.exco-selected-task span{font-weight:800;color:var(--exco-text)}
.exco-form-grid{grid-template-columns:1fr 1fr}
.exco-form-grid p{margin:0}
.exco-form-grid label{display:block;font-size:13px;font-weight:700;color:var(--exco-text)}
.exco-form-grid input,.exco-form-grid textarea,.exco-form-grid select{width:100%;padding:13px 14px;margin-top:8px;border:1px solid #d7deea;border-radius:14px;background:#fff;color:var(--exco-text);font-size:14px;box-sizing:border-box}
.exco-form-grid input:focus,.exco-form-grid textarea:focus,.exco-form-grid select:focus{outline:none;border-color:#7aa2ff;box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.exco-col-span-2{grid-column:1 / -1}
.exco-empty{background:#fff;border:1px dashed #cbd5e1;padding:22px;border-radius:18px;text-align:center;color:var(--exco-muted)}
.exco-single-submit{max-width:760px}

@media (max-width:1100px){
  .exco-layout{grid-template-columns:1fr}
  .exco-side-panel{position:static}
}
@media (max-width:900px){
  .exco-wrap .exco-grid-2,.exco-wrap .exco-stats,.exco-inline-3,.exco-form-grid{grid-template-columns:1fr}
  .exco-public-hero{flex-direction:column;align-items:start}
  .exco-hero-stats{grid-template-columns:1fr 1fr;min-width:0;width:100%}
}
@media (max-width:640px){
  .exco-theme-exco{padding:14px}
  .exco-public-hero{padding:22px 18px}
  .exco-public-hero h2{font-size:28px}
  .exco-task-grid{grid-template-columns:1fr}
  .exco-hero-stats{grid-template-columns:1fr}
}

/* V2 Pro portal / gamification */
.exco-portal-menu{max-width:1280px;margin:0 auto 14px;padding:12px;background:#07152f;border-radius:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:sticky;top:10px;z-index:20;box-shadow:0 12px 30px rgba(7,21,47,.18)}
.exco-portal-menu a{color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:11px 16px;font-weight:800}
.exco-portal-menu a:hover{background:#fff;color:#07152f}
.exco-level-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;margin:0 0 20px;box-shadow:0 14px 35px rgba(2,6,23,.07)}
.exco-level-card strong{display:block;font-size:18px;color:#10203a;margin-bottom:4px}
.exco-level-card span{color:#61708b;font-size:13px}
.exco-progress{height:12px;border-radius:999px;background:#e8eef8;overflow:hidden;margin-top:12px}
.exco-progress span{display:block;height:100%;background:linear-gradient(135deg,#07152f,#d4af37);border-radius:999px}
.exco-public-wrap table{width:100%;border-collapse:collapse}
.exco-public-wrap table th,.exco-public-wrap table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:right}
.exco-public-wrap table thead th{background:#1f2435;color:#d7e0f1}
.exco-public-wrap table tbody tr{background:#fff}
@media(max-width:700px){.exco-portal-menu{position:static}.exco-portal-menu a{width:100%;text-align:center}.exco-public-wrap table{font-size:12px}}

/* v2.6 portal flow improvements */
.exco-portal-menu a.active{background:#061b3d;color:#fff;border-color:#061b3d;box-shadow:0 10px 24px rgba(6,27,61,.18)}
.exco-home-only{width:100%}
.exco-task-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.exco-task-card-link:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(6,27,61,.14);border-color:#8db9ff}
.exco-single-task-layout{align-items:flex-start}
.exco-thanks-card{background:#fff;border-radius:28px;padding:44px 28px;text-align:center;box-shadow:0 18px 55px rgba(10,31,68,.12);border:1px solid #dbe7f8;max-width:760px;margin:40px auto}
.exco-success-icon{width:72px;height:72px;line-height:72px;margin:0 auto 18px;border-radius:999px;background:#0d2a55;color:#fff;font-size:38px;font-weight:900}
.exco-thanks-card h2{font-size:30px;margin:0 0 12px;color:#071b3a}
.exco-thanks-card p{font-size:17px;line-height:1.9;color:#52627a;margin:0 auto 24px;max-width:620px}
.exco-thanks-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:768px){.exco-thanks-card{padding:28px 18px}.exco-thanks-card h2{font-size:24px}}

/* V3.1 rewards, leaderboard, streaks */
.exco-reward-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.exco-reward-box>div{background:#f8fbff;border:1px solid #dbe7f8;border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.exco-reward-box span{font-size:13px;color:#64748b;font-weight:800}
.exco-reward-box strong{font-size:18px;color:#071b3a;font-weight:900;white-space:nowrap}
.exco-leader-hero{margin-bottom:22px}
.exco-leader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.exco-leader-card{background:#fff;border:1px solid #dbe7f8;border-radius:22px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;box-shadow:0 14px 35px rgba(10,31,68,.08)}
.exco-leader-card.rank-1{border-color:#f5d773;background:linear-gradient(135deg,#fff,#fff8db)}
.exco-leader-card.rank-2{border-color:#c9d6e6;background:linear-gradient(135deg,#fff,#f4f7fb)}
.exco-leader-card.rank-3{border-color:#e8bb8b;background:linear-gradient(135deg,#fff,#fff3e8)}
.exco-rank{width:52px;height:52px;border-radius:18px;background:#071b3a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}
.exco-leader-card h3{margin:0 0 4px;font-size:18px;color:#071b3a;font-weight:900}
.exco-leader-card p{margin:0;color:#64748b;font-size:13px;font-weight:700}
.exco-leader-score{text-align:left;display:grid;gap:4px}
.exco-leader-score strong{font-size:18px;color:#071b3a}
.exco-leader-score span{color:#c07800;font-weight:900}
.exco-bonus-note{margin-top:18px;background:#071b3a;color:#fff;border-radius:20px;padding:16px 18px;line-height:1.8;box-shadow:0 16px 35px rgba(7,27,58,.15)}
.exco-bonus-note strong{color:#ffe08a}
@media(max-width:800px){.exco-reward-box,.exco-leader-grid{grid-template-columns:1fr}.exco-leader-card{grid-template-columns:auto 1fr}.exco-leader-score{grid-column:1/-1;text-align:right}}


/* =========================================================
   Exco Tasks Pro V3.2 Premium UI
   - Premium task cards
   - User progress board
   - Real leaderboard podium
   - Light animation
   - VIP badges
   ========================================================= */

.exco-theme-exco {
  --exco-navy: #071b3a;
  --exco-navy-2: #0b2554;
  --exco-blue: #2563eb;
  --exco-gold: #f4b740;
  --exco-bg: #f5f7fb;
  --exco-text: #0f172a;
  --exco-muted: #64748b;
  --exco-border: #dbeafe;
}

.exco-task-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.exco-task-card-premium {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 360px !important;
  padding: 24px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, .06), transparent 38%),
    #ffffff !important;
  border: 1px solid rgba(37, 99, 235, .15) !important;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .08) !important;
  overflow: hidden !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  animation: excoFadeUp .45s ease both !important;
}

.exco-task-card-premium:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, .13) !important;
  border-color: rgba(37, 99, 235, .32) !important;
}

.exco-premium-top,
.exco-top-badges {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.exco-task-card-premium .exco-task-cat,
.exco-task-card-premium .exco-task-badge,
.exco-vip-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  white-space: nowrap !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  position: static !important;
}

.exco-task-card-premium .exco-task-cat {
  background: #eef5ff !important;
  color: #16479c !important;
}

.exco-task-card-premium .exco-task-badge {
  background: #fff3cd !important;
  color: #925600 !important;
}

.exco-vip-badge {
  background: linear-gradient(135deg, #101827, #3730a3) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(49, 46, 129, .22) !important;
}

.exco-premium-title {
  min-height: 58px !important;
  margin: 22px 0 10px !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
  color: var(--exco-text) !important;
  letter-spacing: -.3px !important;
}

.exco-premium-desc {
  min-height: 54px !important;
  margin: 0 0 18px !important;
  color: var(--exco-muted) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

.exco-premium-reward {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: auto 0 16px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  border: 1px solid #dbeafe !important;
  background: linear-gradient(180deg, #f8fbff, #fff) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8) !important;
}

.exco-money-row,
.exco-points-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.exco-money-row span,
.exco-points-row span {
  color: #64748b !important;
  font-weight: 800 !important;
}

.exco-money-row strong {
  color: #071b3a !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.exco-points-row strong {
  display: inline-flex !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #fff7ed !important;
  color: #92400e !important;
  font-weight: 950 !important;
}

.exco-card-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
}

.exco-card-meta-row span {
  display: inline-flex !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.exco-btn-start {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 14px 20px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--exco-blue), #1d4ed8) !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 28px rgba(37, 99, 235, .24) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

.exco-btn-start:hover {
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 34px rgba(37, 99, 235, .32) !important;
}

/* User progress / VIP */
.exco-user-progress-board {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
  gap: 16px !important;
  margin: 20px 0 !important;
}

.exco-progress-main,
.exco-progress-mini {
  background: #fff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 24px !important;
  padding: 18px !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .07) !important;
}

.exco-progress-main strong,
.exco-progress-mini strong {
  display: block !important;
  color: #071b3a !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.exco-progress-main span,
.exco-progress-mini span {
  display: block !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-top: 6px !important;
}

.exco-progress-mini.vip-on {
  background: linear-gradient(135deg, #071b3a, #1e1b4b) !important;
  border-color: rgba(244, 183, 64, .5) !important;
}

.exco-progress-mini.vip-on strong,
.exco-progress-mini.vip-on span {
  color: #fff !important;
}

.exco-progress {
  height: 12px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #e5edff !important;
  margin-top: 14px !important;
}

.exco-progress span {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #2563eb, #f4b740) !important;
  animation: excoProgress 1s ease both !important;
}

/* Leaderboard premium */
.exco-podium {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 22px 0 !important;
}

.exco-podium-card {
  position: relative !important;
  text-align: center !important;
  padding: 26px 18px !important;
  border-radius: 28px !important;
  background: #fff !important;
  border: 1px solid #dbeafe !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .09) !important;
  animation: excoFadeUp .5s ease both !important;
}

.exco-podium-card.rank-1 {
  background: linear-gradient(180deg, #fff7df, #ffffff) !important;
  border-color: rgba(244, 183, 64, .6) !important;
  transform: translateY(-8px) !important;
}

.exco-medal {
  font-size: 34px !important;
  margin-bottom: 8px !important;
}

.exco-podium-card h3 {
  margin: 0 !important;
  color: #071b3a !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.exco-podium-card p,
.exco-podium-card span {
  color: #64748b !important;
  font-weight: 800 !important;
}

.exco-podium-card strong {
  display: block !important;
  margin: 10px 0 4px !important;
  color: #92400e !important;
  font-size: 20px !important;
}

.exco-leader-table {
  display: grid !important;
  gap: 12px !important;
}

.exco-leader-card {
  display: grid !important;
  grid-template-columns: 70px 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px 18px !important;
  border-radius: 20px !important;
  background: #fff !important;
  border: 1px solid #e5edff !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .06) !important;
}

.exco-rank {
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  background: #eef5ff !important;
  color: #16479c !important;
  font-weight: 950 !important;
}

.exco-leader-user h3 {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.exco-leader-user p,
.exco-leader-score span {
  color: #64748b !important;
  font-weight: 800 !important;
  margin: 4px 0 0 !important;
}

.exco-leader-score {
  text-align: left !important;
}

.exco-leader-score strong {
  display: block !important;
  color: #071b3a !important;
  font-weight: 950 !important;
}

/* Light animations */
@keyframes excoFadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes excoProgress {
  from { width: 0; }
}

/* Responsive */
@media (max-width: 1100px) {
  .exco-task-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .exco-user-progress-board { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 700px) {
  .exco-task-grid,
  .exco-podium { grid-template-columns: 1fr !important; }
  .exco-user-progress-board { grid-template-columns: 1fr !important; }
  .exco-leader-card { grid-template-columns: 52px 1fr !important; }
  .exco-leader-score { grid-column: 2 / -1 !important; text-align: right !important; }
  .exco-premium-title { font-size: 20px !important; min-height: auto !important; }
}


/* =========================================================
   Exco Tasks Pro V3.5 - Premium Arabic Platform UI
   ========================================================= */
.exco-theme-exco, .exco-wrap { --exco-bg:#f3f6fb; --exco-card:#ffffff; --exco-ink:#0f172a; --exco-muted:#64748b; --exco-primary:#1652f0; --exco-primary-dark:#0b2b74; --exco-accent:#f59e0b; --exco-success:#16a34a; --exco-danger:#dc2626; --exco-soft:#eef4ff; }
.exco-public-wrap{font-family:Cairo,Tajawal,Arial,sans-serif;color:var(--exco-ink);}
.exco-public-hero{background:linear-gradient(135deg,#07152f,#123c86 55%,#1e6bff);border-radius:28px;padding:32px;color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18);position:relative;overflow:hidden;margin-bottom:24px;}
.exco-public-hero:before{content:"";position:absolute;inset:auto -70px -90px auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(3px)}
.exco-kicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:800;margin-bottom:10px}
.exco-public-hero h2{font-size:clamp(24px,4vw,42px);line-height:1.25;margin:0 0 10px;color:#fff}.exco-public-hero p{color:rgba(255,255,255,.86);font-size:16px}.exco-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.exco-hero-stats>div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px;backdrop-filter:blur(10px)}.exco-hero-stats strong{display:block;font-size:25px;color:#fff}.exco-hero-stats span{color:rgba(255,255,255,.78)}
.exco-portal-menu{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:10px;background:#fff;border-radius:18px;box-shadow:0 12px 35px rgba(15,23,42,.07);position:sticky;top:10px;z-index:10}.exco-portal-menu a{padding:12px 16px;border-radius:13px;text-decoration:none;font-weight:900;color:#334155;background:#f8fafc}.exco-portal-menu a.active,.exco-portal-menu a:hover{background:var(--exco-primary);color:#fff;box-shadow:0 10px 25px rgba(22,82,240,.25)}
.exco-task-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}.exco-task-card{background:#fff!important;border:1px solid #e8eef8!important;border-radius:26px!important;padding:22px!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;transition:.25s ease;overflow:hidden!important;position:relative}.exco-task-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(15,23,42,.13)!important}.exco-premium-top,.exco-task-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.exco-task-cat{background:#eef4ff;color:#174ea6;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px}.exco-task-badge,.exco-vip-badge{background:#fff7e6;color:#9a5a00;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap}.exco-vip-badge{background:linear-gradient(135deg,#111827,#4c1d95);color:#fff}.exco-premium-title,.exco-task-card h3{font-size:18px!important;line-height:1.45!important;margin:8px 0;color:#0f172a!important}.exco-task-desc{color:#64748b!important;min-height:42px;line-height:1.7}.exco-reward-box,.exco-price-line{display:grid!important;gap:8px!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fbff,#eef4ff)!important;border:1px solid #dbeafe!important;padding:15px!important;margin:16px 0!important}.exco-money-row,.exco-points-row,.exco-reward-box>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.exco-money-row strong,.exco-points-row strong,.exco-reward-box strong{font-size:16px;color:#0f172a}.exco-points-row strong{color:#b45309}.exco-card-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.exco-card-meta-row span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800;color:#475569}.exco-btn,.exco-btn-start{display:inline-flex;justify-content:center;align-items:center;width:100%;border:0;border-radius:16px;background:linear-gradient(135deg,#1652f0,#0d3eb8);color:#fff!important;padding:13px 18px;text-decoration:none;font-weight:900;box-shadow:0 14px 30px rgba(22,82,240,.22);cursor:pointer}.exco-btn:hover,.exco-btn-start:hover{filter:brightness(1.05);transform:translateY(-1px)}.exco-btn-light{background:#eef4ff!important;color:#174ea6!important;box-shadow:none!important}
.exco-share-box{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px dashed #e2e8f0}.exco-share-box span{font-weight:900;color:#0f172a}.exco-share-box a,.exco-share-box button{border:0;border-radius:999px;background:#f8fafc;color:#334155;text-decoration:none;padding:7px 10px;font-weight:800;font-size:12px;cursor:pointer}.exco-share-box a:hover,.exco-share-box button:hover{background:#eaf1ff;color:#1652f0}
.exco-latest-proof-strip,.exco-notifications-center{margin:22px 0;padding:20px;background:#fff;border:1px solid #e8eef8;border-radius:24px;box-shadow:0 16px 42px rgba(15,23,42,.06)}.exco-proof-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.exco-proof-mini{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:18px;padding:14px}.exco-proof-mini span{display:inline-flex;background:#ecfdf5;color:#166534;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.exco-proof-mini strong{display:block;margin:9px 0;color:#0f172a}.exco-proof-mini p{font-size:13px;color:#64748b;margin:0 0 8px}.exco-proof-mini em{font-style:normal;font-weight:900;color:#b45309}.exco-proof-amount{margin-top:12px;background:#fff7ed;color:#9a3412;border-radius:12px;padding:9px;font-weight:900}.exco-notification-list{display:grid;gap:10px}.exco-notice-item{border:1px solid #e2e8f0;border-right:5px solid #1652f0;border-radius:16px;padding:13px;background:#f8fafc}.exco-notice-approved{border-right-color:#16a34a}.exco-notice-withdrawal{border-right-color:#f59e0b}.exco-notice-submitted{border-right-color:#1652f0}.exco-notice-item strong{display:block;color:#0f172a}.exco-notice-item p{margin:5px 0;color:#64748b}.exco-notice-item small{color:#94a3b8}
.exco-user-progress-board{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin:20px 0}.exco-progress-main,.exco-progress-mini{background:#fff;border:1px solid #e8eef8;border-radius:22px;padding:18px;box-shadow:0 16px 42px rgba(15,23,42,.06)}.exco-progress-main strong,.exco-progress-mini strong{display:block;font-size:18px}.exco-progress-main span,.exco-progress-mini span{color:#64748b}.exco-progress{height:12px;background:#e8eef8;border-radius:999px;overflow:hidden;margin-top:14px}.exco-progress span{display:block;height:100%;background:linear-gradient(90deg,#1652f0,#22c55e);border-radius:999px;animation:excoFill 1s ease}.vip-on{background:linear-gradient(135deg,#111827,#4c1d95)!important;color:#fff}.vip-on span{color:rgba(255,255,255,.72)}@keyframes excoFill{from{width:0}}
.exco-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.exco-podium-card,.exco-leader-card{background:#fff;border:1px solid #e8eef8;border-radius:24px;padding:20px;box-shadow:0 16px 42px rgba(15,23,42,.07)}.exco-medal{font-size:34px}.exco-leader-grid{display:grid;gap:12px}.exco-leader-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.exco-rank{background:#eef4ff;color:#174ea6;border-radius:14px;padding:10px;font-weight:900}.exco-leader-score{text-align:left}.exco-bonus-note{margin-top:18px;background:#fff7ed;color:#9a3412;border-radius:18px;padding:14px;font-weight:800}
.exco-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.exco-chip{border-radius:999px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;text-decoration:none;color:#334155;font-weight:900}.exco-chip.active,.exco-chip:hover{background:#1652f0;color:#fff}.exco-section-head h3{margin:0;color:#0f172a}.exco-section-head p{color:#64748b}.exco-success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border-radius:18px;padding:15px;margin:12px 0;font-weight:900}.exco-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:24px;color:#64748b}.exco-empty-soft{background:#f8fafc}
.exco-wrap .exco-card,.exco-card{border-radius:20px!important;border:1px solid #e8eef8!important;box-shadow:0 14px 36px rgba(15,23,42,.06)!important;background:#fff!important}.exco-wrap h1{font-weight:900}.exco-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.exco-stats .exco-card h3{color:#64748b}.exco-stats .exco-card p{font-size:28px;font-weight:900;margin:0;color:#0f172a}.exco-badge{border-radius:999px;padding:5px 9px;font-weight:900}.exco-badge-green{background:#dcfce7;color:#166534}.exco-badge-red{background:#fee2e2;color:#991b1b}
@media(max-width:1100px){.exco-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.exco-proof-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exco-user-progress-board{grid-template-columns:1fr 1fr}.exco-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.exco-task-grid,.exco-podium,.exco-proof-strip-grid{grid-template-columns:1fr!important}.exco-hero-stats,.exco-user-progress-board{grid-template-columns:1fr}.exco-public-hero{padding:24px 18px;border-radius:22px}.exco-portal-menu{position:relative;top:0}.exco-portal-menu a{flex:1;text-align:center}.exco-leader-card{grid-template-columns:1fr}.exco-leader-score{text-align:right}.exco-task-card{padding:18px!important}}

/* V3.6 Category Manager / Arabic Admin Polish */
.exco-categories-admin .exco-admin-help,
.exco-admin-help{
  background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(244,183,64,.12));
  border: 1px solid rgba(37,99,235,.16);
  border-radius: 18px;
  padding: 14px 18px;
  margin: 14px 0 20px;
  color: #0f172a;
  font-weight: 700;
}
.exco-category-picker{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 16px;
  margin: 14px 0;
}
.exco-category-picker h3{
  margin-top: 0;
  color: #0f172a;
}
.exco-category-picker select,
.exco-category-picker input{
  max-width: 100%;
  border-radius: 10px;
}
.exco-new-category-inline{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 8px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.75);
  border: 1px dashed #cbd5e1;
}
.exco-admin-cat{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef2ff;
  color: #1e293b;
  font-weight: 800;
}
.exco-categories-admin table td,
.exco-categories-admin table th{
  vertical-align: middle;
}
.exco-categories-admin code{
  background: #f1f5f9;
  border-radius: 8px;
  padding: 4px 8px;
}
@media (max-width: 720px){
  .exco-new-category-inline{grid-template-columns: 1fr;}
}



/* =========================================================
   Exco Tasks Pro V4.0 — Dark Fintech Arabic Experience
   Purpose: integrate plugin with Excoincash dark website without white page crash.
   ========================================================= */

.exco-theme-exco,
.exco-public-wrap.exco-theme-exco {
  --exco-bg: #06101f;
  --exco-bg-2: #0a1830;
  --exco-card: rgba(12, 25, 48, .86);
  --exco-card-2: rgba(15, 32, 60, .92);
  --exco-stroke: rgba(117, 161, 255, .18);
  --exco-stroke-strong: rgba(117, 161, 255, .34);
  --exco-text: #eef6ff;
  --exco-muted: #9fb2cf;
  --exco-soft: #c8d8f2;
  --exco-accent: #37d6ff;
  --exco-blue: #2f6bff;
  --exco-gold: #f6c453;
  --exco-green: #25d695;
  --exco-red: #ff5c7a;
  --exco-shadow: 0 24px 65px rgba(0, 0, 0, .34);
  width: 100% !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding: clamp(14px, 2.4vw, 28px) !important;
  background:
    radial-gradient(circle at 12% 4%, rgba(55, 214, 255, .10), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(47, 107, 255, .13), transparent 30%),
    transparent !important;
  color: var(--exco-text) !important;
  font-family: inherit;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.exco-theme-exco *,
.exco-theme-exco *::before,
.exco-theme-exco *::after {
  box-sizing: border-box !important;
}

.exco-theme-exco a {
  color: inherit;
}

.exco-portal-menu {
  position: sticky !important;
  top: 8px !important;
  z-index: 20 !important;
  max-width: 1120px !important;
  margin: 0 auto 18px !important;
  padding: 10px !important;
  border-radius: 22px !important;
  background: rgba(5, 14, 30, .78) !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(16px);
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: center !important;
}

.exco-portal-menu a {
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: #cfe0f8 !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  font-weight: 900 !important;
  transition: .22s ease !important;
}

.exco-portal-menu a:hover,
.exco-portal-menu a.active {
  transform: translateY(-1px);
  color: #fff !important;
  background: linear-gradient(135deg, rgba(47,107,255,.96), rgba(55,214,255,.74)) !important;
  box-shadow: 0 14px 32px rgba(47,107,255,.28) !important;
  border-color: rgba(55,214,255,.44) !important;
}

.exco-public-hero {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(6, 20, 45, .98), rgba(5, 13, 28, .98) 55%, rgba(13, 43, 82, .98)) !important;
  border: 1px solid rgba(55, 214, 255, .22) !important;
  border-radius: 30px !important;
  box-shadow: var(--exco-shadow), inset 0 1px 0 rgba(255,255,255,.07) !important;
  color: #fff !important;
}

.exco-public-hero::after {
  content: "";
  position: absolute;
  inset: -35%;
  background:
    radial-gradient(circle at 20% 30%, rgba(55,214,255,.20), transparent 22%),
    radial-gradient(circle at 70% 15%, rgba(246,196,83,.12), transparent 18%);
  pointer-events: none;
}

.exco-public-hero > * {
  position: relative;
  z-index: 1;
}

.exco-kicker {
  background: rgba(55, 214, 255, .12) !important;
  border: 1px solid rgba(55, 214, 255, .28) !important;
  color: #bff4ff !important;
}

.exco-public-hero h2,
.exco-hero-copy h2 {
  color: #fff !important;
  letter-spacing: -.5px !important;
}

.exco-public-hero p,
.exco-hero-copy p {
  color: #b7c7de !important;
}

.exco-hero-stats > div {
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.exco-hero-stats strong {
  color: #fff !important;
}

.exco-hero-stats span {
  color: #b9c9e4 !important;
}

.exco-filter-bar {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
}

.exco-chip {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: #d8e6fa !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.exco-chip:hover,
.exco-chip.active {
  background: rgba(55,214,255,.14) !important;
  color: #fff !important;
  border-color: rgba(55,214,255,.45) !important;
}

.exco-section-head h3,
.exco-selected-card h3,
.exco-submit-card h3,
.exco-latest-proof-strip h3,
.exco-notifications-center h3 {
  color: #ffffff !important;
}

.exco-section-head p,
.exco-task-desc,
.exco-selected-desc {
  color: var(--exco-muted) !important;
}

.exco-task-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.exco-task-card,
.exco-task-card-v2 {
  position: relative !important;
  min-height: 370px !important;
  padding: 22px !important;
  border-radius: 26px !important;
  background:
    linear-gradient(180deg, rgba(15, 31, 58, .94), rgba(8, 19, 39, .96)) !important;
  border: 1px solid var(--exco-stroke) !important;
  color: var(--exco-text) !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255,255,255,.055) !important;
  overflow: hidden !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.exco-task-card::before,
.exco-task-card-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 86% 8%, rgba(55,214,255,.13), transparent 25%),
    radial-gradient(circle at 10% 0%, rgba(246,196,83,.08), transparent 20%);
  pointer-events: none;
  opacity: .95;
}

.exco-task-card > *,
.exco-task-card-v2 > * {
  position: relative;
  z-index: 1;
}

.exco-task-card:hover,
.exco-task-card-v2:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(55,214,255,.48) !important;
  box-shadow: 0 30px 78px rgba(0,0,0,.38), 0 0 0 1px rgba(55,214,255,.10) !important;
}

.exco-task-card h3,
.exco-title {
  color: #fff !important;
  font-size: clamp(18px, 1.5vw, 23px) !important;
  line-height: 1.45 !important;
  letter-spacing: -.3px !important;
}

.exco-task-cat,
.exco-badge-type {
  background: rgba(55,214,255,.12) !important;
  border: 1px solid rgba(55,214,255,.28) !important;
  color: #bdf5ff !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.exco-task-badge,
.exco-badge-featured {
  background: rgba(246,196,83,.14) !important;
  border: 1px solid rgba(246,196,83,.32) !important;
  color: #ffe7a5 !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.exco-reward-box,
.exco-price-line {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 16px 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(2, 10, 24, .48) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.exco-reward-box > div,
.exco-price-line > * {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.exco-reward-box .money,
.exco-price-line strong {
  color: #fff !important;
  font-weight: 1000 !important;
  font-size: 18px !important;
}

.exco-reward-box .points,
.exco-points,
.points,
.exco-point-badge {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffd86b, #f59e0b) !important;
  color: #241300 !important;
  font-weight: 1000 !important;
  box-shadow: 0 12px 24px rgba(245,158,11,.24) !important;
}

.exco-mini-list,
.exco-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: auto !important;
}

.exco-mini-list li,
.exco-meta span {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  color: #cbdcf7 !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.exco-btn,
.exco-btn-start,
.exco-btn-light,
.exco-task-actions a {
  background: linear-gradient(135deg, #061734, #1c63ff 70%, #37d6ff) !important;
  color: #fff !important;
  border: 1px solid rgba(55,214,255,.28) !important;
  border-radius: 16px !important;
  min-height: 46px !important;
  padding: 12px 18px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  box-shadow: 0 18px 34px rgba(47,107,255,.25) !important;
  transition: .22s ease !important;
}

.exco-btn:hover,
.exco-btn-start:hover,
.exco-btn-light:hover,
.exco-task-actions a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 45px rgba(47,107,255,.35) !important;
  filter: brightness(1.08);
}

.exco-share-box.exco-share-pro,
.exco-share-box {
  display: grid !important;
  grid-template-columns: 1fr repeat(4, auto) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 16px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: rgba(2, 10, 24, .42) !important;
  border: 1px dashed rgba(55,214,255,.22) !important;
}

.exco-share-title,
.exco-share-box span {
  color: #dcecff !important;
  font-weight: 1000 !important;
}

.exco-share-box a,
.exco-share-box button {
  width: auto !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 9px 12px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
  transition: .2s ease !important;
}

.exco-share-box a b,
.exco-share-box button b {
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  font-style: normal !important;
}

.exco-share-box a em,
.exco-share-box button em {
  font-style: normal !important;
}

.exco-share-wa:hover { background: rgba(37,211,102,.20) !important; border-color: rgba(37,211,102,.45) !important; }
.exco-share-tg:hover { background: rgba(35,164,235,.20) !important; border-color: rgba(35,164,235,.45) !important; }
.exco-share-fb:hover { background: rgba(24,119,242,.20) !important; border-color: rgba(24,119,242,.45) !important; }
.exco-share-copy:hover,
.exco-share-copy.copied { background: rgba(246,196,83,.18) !important; border-color: rgba(246,196,83,.42) !important; }

.exco-selected-card,
.exco-submit-card,
.exco-latest-proof-strip,
.exco-notifications-center,
.exco-progress-main,
.exco-progress-mini,
.exco-leader-card,
.exco-bonus-note,
.exco-card {
  background:
    linear-gradient(180deg, rgba(15,31,58,.92), rgba(8,18,36,.96)) !important;
  border: 1px solid var(--exco-stroke) !important;
  color: var(--exco-text) !important;
  border-radius: 26px !important;
  box-shadow: var(--exco-shadow) !important;
}

.exco-instruction-box {
  background: rgba(2,10,24,.58) !important;
  border: 1px solid rgba(55,214,255,.18) !important;
  color: #e8f3ff !important;
  border-radius: 18px !important;
}

.exco-check-list li {
  color: #bfe7d7 !important;
}

.exco-submit-card input,
.exco-submit-card select,
.exco-submit-card textarea,
.exco-theme-exco input,
.exco-theme-exco select,
.exco-theme-exco textarea {
  background: rgba(2, 10, 24, .58) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  color: #fff !important;
  border-radius: 14px !important;
  min-height: 44px !important;
}

.exco-submit-card input::placeholder,
.exco-submit-card textarea::placeholder,
.exco-theme-exco input::placeholder,
.exco-theme-exco textarea::placeholder {
  color: rgba(203,220,247,.58) !important;
}

.exco-submit-card label,
.exco-theme-exco label {
  color: #e5f0ff !important;
  font-weight: 900 !important;
}

.exco-empty,
.exco-empty-soft {
  background: rgba(255,255,255,.055) !important;
  border: 1px dashed rgba(55,214,255,.25) !important;
  color: #bfd0ea !important;
  border-radius: 18px !important;
}

.exco-proof-strip-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.exco-proof-mini,
.exco-notice-item {
  background: rgba(2, 10, 24, .42) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  border-radius: 18px !important;
  color: #eaf4ff !important;
}

.exco-proof-mini strong,
.exco-notice-item strong {
  color: #fff !important;
}

.exco-proof-mini p,
.exco-notice-item p,
.exco-notice-item small {
  color: #a9bad4 !important;
}

.exco-leaderboard-wrap {
  background: transparent !important;
  color: var(--exco-text) !important;
}

.exco-leader-card {
  transition: .22s ease !important;
}

.exco-leader-card:hover {
  transform: translateY(-4px);
}

.exco-user-progress-board {
  gap: 16px !important;
}

.exco-progress-bar,
.exco-progress-line,
.exco-progress-track {
  background: rgba(2,10,24,.58) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.exco-progress-fill,
.exco-progress-bar > span,
.exco-progress-line > span {
  background: linear-gradient(90deg, #37d6ff, #2f6bff, #f6c453) !important;
  border-radius: inherit !important;
  box-shadow: 0 0 24px rgba(55,214,255,.25) !important;
  animation: exco-progress-glow 2.4s ease-in-out infinite alternate;
}

@keyframes exco-progress-glow {
  from { filter: brightness(.95); }
  to { filter: brightness(1.16); }
}

@keyframes exco-fade-up {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

.exco-task-card,
.exco-selected-card,
.exco-submit-card,
.exco-latest-proof-strip,
.exco-notifications-center,
.exco-public-hero {
  animation: exco-fade-up .42s ease both;
}

/* Admin: scoped polish only for plugin pages */
.exco-wrap {
  --exco-admin-bg: #f3f6fb;
  --exco-admin-card: #ffffff;
  --exco-admin-text: #0f172a;
  --exco-admin-muted: #64748b;
}

.exco-wrap .exco-card {
  border-radius: 24px !important;
  border: 1px solid #e6edf7 !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.08) !important;
}

.exco-wrap h1,
.exco-wrap h2,
.exco-wrap h3 {
  color: #0f172a !important;
  font-weight: 1000 !important;
}

.exco-wrap .widefat {
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 32px rgba(15,23,42,.06) !important;
}

.exco-wrap .widefat thead th {
  background: #07152f !important;
  color: #fff !important;
  font-weight: 900 !important;
  border: 0 !important;
}

.exco-wrap .widefat td {
  vertical-align: middle !important;
}

@media (max-width: 1180px) {
  .exco-task-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .exco-proof-strip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 760px) {
  .exco-theme-exco,
  .exco-public-wrap.exco-theme-exco {
    padding: 12px !important;
  }

  .exco-portal-menu {
    position: sticky !important;
    top: auto !important;
    bottom: 10px !important;
    order: 100 !important;
    margin: 10px auto 0 !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    border-radius: 20px !important;
    padding: 8px !important;
  }

  .exco-portal-menu a {
    white-space: nowrap !important;
    min-width: max-content !important;
    padding: 10px 13px !important;
  }

  .exco-public-hero {
    display: block !important;
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .exco-hero-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .exco-task-grid,
  .exco-proof-strip-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .exco-task-card,
  .exco-task-card-v2 {
    min-height: auto !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .exco-share-box.exco-share-pro,
  .exco-share-box {
    grid-template-columns: 1fr 1fr !important;
  }

  .exco-share-title {
    grid-column: 1 / -1 !important;
  }

  .exco-share-box a,
  .exco-share-box button {
    width: 100% !important;
  }

  .exco-user-progress-board,
  .exco-wrap .exco-grid-2,
  .exco-layout,
  .exco-form-grid,
  .exco-inline-3 {
    grid-template-columns: 1fr !important;
  }

  .exco-col-span-2 {
    grid-column: auto !important;
  }
}



/* =========================================================
   Exco Tasks Pro V5 - Smart Reward Ecosystem
   Dark fintech UX, viral task cards, daily missions, achievements
   ========================================================= */
.exco-theme-exco{background:transparent!important;color:#eaf2ff!important;}
.exco-theme-exco .exco-public-hero,
.exco-theme-exco .exco-task-card,
.exco-theme-exco .exco-selected-card,
.exco-theme-exco .exco-submit-card,
.exco-theme-exco .exco-notifications-center,
.exco-v5-daily-panel,
.exco-v5-achievements{
  background:linear-gradient(145deg,rgba(11,25,52,.96),rgba(6,13,30,.98))!important;
  border:1px solid rgba(97,181,255,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#eaf2ff!important;
}
.exco-theme-exco .exco-task-card{border-radius:28px!important;overflow:hidden!important;position:relative!important;}
.exco-theme-exco .exco-task-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 0,rgba(34,197,94,.18),transparent 36%),radial-gradient(circle at 90% 10%,rgba(37,99,235,.20),transparent 38%);pointer-events:none;}
.exco-theme-exco .exco-task-card>*{position:relative;z-index:1;}
.exco-premium-title{color:#fff!important;font-size:clamp(18px,2.2vw,24px)!important;line-height:1.45!important;}
.exco-premium-desc{color:#a9bad6!important;min-height:54px!important;}
.exco-premium-reward{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important;}
.exco-money-row strong{color:#fff!important;font-size:20px!important;}
.exco-points-row strong{display:inline-flex!important;align-items:center!important;gap:6px!important;background:linear-gradient(135deg,#ffd166,#f59e0b)!important;color:#1b1300!important;padding:8px 14px!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(245,158,11,.25)!important;}
.exco-difficulty-badge,.exco-vip-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#dceafe;border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800;}
.exco-vip-badge{background:linear-gradient(135deg,rgba(236,72,153,.22),rgba(245,158,11,.18));color:#fff1cc;border-color:rgba(245,158,11,.35);}
.exco-card-meta-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:16px!important;}
.exco-card-meta-row span{background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.10)!important;color:#d7e6ff!important;border-radius:999px!important;padding:8px 10px!important;font-size:12px!important;font-weight:800!important;}
.exco-btn-start,.exco-btn{background:linear-gradient(135deg,#071b3a,#2563eb)!important;color:#fff!important;border:1px solid rgba(96,165,250,.35)!important;box-shadow:0 14px 30px rgba(37,99,235,.32)!important;transition:.22s ease!important;}
.exco-btn-start:hover,.exco-btn:hover{transform:translateY(-2px)!important;box-shadow:0 18px 42px rgba(37,99,235,.45)!important;}
.exco-share-pro{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:16px!important;background:rgba(2,6,23,.35)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:12px!important;}
.exco-share-title{grid-column:1/-1;color:#bcd0ea;font-weight:900;font-size:13px;}
.exco-share-pro a,.exco-share-pro button{min-height:42px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:900!important;text-decoration:none!important;cursor:pointer!important;}
.exco-share-wa{background:rgba(34,197,94,.16)!important}.exco-share-tg{background:rgba(56,189,248,.16)!important}.exco-share-fb{background:rgba(37,99,235,.18)!important}.exco-share-copy{background:rgba(245,158,11,.16)!important}
.exco-v5-daily-panel,.exco-v5-achievements{border-radius:28px;padding:24px;margin:24px 0;}
.exco-v5-daily-grid,.exco-v5-ach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.exco-v5-daily-card,.exco-v5-ach-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;box-shadow:0 16px 34px rgba(0,0,0,.22);}
.exco-v5-daily-card strong,.exco-v5-ach-card strong{display:block;color:#fff;font-size:17px;margin-bottom:7px;}
.exco-v5-daily-card p,.exco-v5-ach-card p{color:#a9bad6;margin:0 0 12px;line-height:1.7;}
.exco-v5-progress{height:11px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:12px 0;}
.exco-v5-progress span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#60a5fa);border-radius:999px;animation:excoBar 1.2s ease both;}
.exco-v5-ach-card b{font-size:26px;display:inline-flex;margin-bottom:8px}.exco-v5-ach-card.earned{border-color:rgba(34,197,94,.35);box-shadow:0 0 0 1px rgba(34,197,94,.12),0 18px 38px rgba(34,197,94,.10)}.exco-v5-ach-card.locked{opacity:.72;filter:saturate(.75)}
@keyframes excoBar{from{width:0}to{width:var(--exco-final,100%)}}
@media(max-width:980px){.exco-v5-daily-grid,.exco-v5-ach-grid{grid-template-columns:1fr 1fr}.exco-share-pro{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.exco-v5-daily-grid,.exco-v5-ach-grid{grid-template-columns:1fr}.exco-share-pro{grid-template-columns:1fr!important}.exco-theme-exco .exco-task-card{border-radius:22px!important}.exco-card-meta-row span{font-size:11px!important}}

/* =========================================================
   Exco Tasks Pro V5.1 - Premium Dark Polish Fix
   Fixes: share box overflow, white selected task font, weak reward/points contrast
   ========================================================= */
.exco-theme-exco{
  --exco-bg:#060b17;
  --exco-surface:#0b1428;
  --exco-surface-2:#101c36;
  --exco-border:rgba(97,181,255,.18);
  --exco-text:#f4f8ff;
  --exco-muted:#a8b7d2;
  --exco-blue:#2f78ff;
  --exco-cyan:#38bdf8;
  --exco-gold:#f6c344;
  --exco-gold-2:#f59e0b;
  background:transparent!important;
  color:var(--exco-text)!important;
}
.exco-theme-exco *{box-sizing:border-box!important;}
.exco-theme-exco .exco-layout{
  gap:22px!important;
  align-items:start!important;
}
.exco-theme-exco .exco-submit-card,
.exco-theme-exco .exco-selected-card{
  background:linear-gradient(145deg,rgba(11,20,40,.98),rgba(5,10,24,.98))!important;
  border:1px solid var(--exco-border)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:var(--exco-text)!important;
}
.exco-theme-exco .exco-section-head h3,
.exco-theme-exco .exco-selected-card h4{
  color:#fff!important;
  text-shadow:0 2px 18px rgba(56,189,248,.12)!important;
}
.exco-theme-exco .exco-section-head p,
.exco-theme-exco .exco-selected-desc{
  color:var(--exco-muted)!important;
}

/* Selected task is now a premium read-only card, not a white disabled input */
.exco-selected-task-premium{
  display:grid!important;
  gap:8px!important;
  width:100%!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(47,120,255,.16),rgba(56,189,248,.07))!important;
  border:1px solid rgba(96,165,250,.26)!important;
  box-shadow:0 16px 36px rgba(47,120,255,.12), inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:#fff!important;
}
.exco-selected-task-premium b{
  color:var(--exco-gold)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.exco-selected-task-premium strong{
  color:#ffffff!important;
  font-size:16px!important;
  line-height:1.55!important;
  font-weight:900!important;
}
.exco-selected-task-premium small{
  color:#b7c6df!important;
  line-height:1.7!important;
}

/* Inputs: dark readable text and placeholders */
.exco-theme-exco .exco-form-grid label{
  color:#edf5ff!important;
  font-weight:900!important;
}
.exco-theme-exco .exco-form-grid input,
.exco-theme-exco .exco-form-grid select,
.exco-theme-exco .exco-form-grid textarea{
  background:rgba(3,8,20,.78)!important;
  color:#ffffff!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  outline:none!important;
}
.exco-theme-exco .exco-form-grid input:focus,
.exco-theme-exco .exco-form-grid select:focus,
.exco-theme-exco .exco-form-grid textarea:focus{
  border-color:rgba(56,189,248,.55)!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.08), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.exco-theme-exco .exco-form-grid input::placeholder,
.exco-theme-exco .exco-form-grid textarea::placeholder{
  color:rgba(214,226,245,.58)!important;
}
.exco-theme-exco .exco-form-grid option{
  background:#0b1428!important;
  color:#fff!important;
}

/* Reward / points row in details page */
.exco-theme-exco .exco-reward-box{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  background:rgba(2,6,23,.52)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:20px!important;
  padding:13px!important;
  overflow:hidden!important;
}
.exco-theme-exco .exco-reward-box > div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.exco-theme-exco .exco-reward-box span{
  color:#91a3c2!important;
  font-weight:900!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.exco-theme-exco .exco-reward-box strong{
  color:#fff!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.exco-theme-exco .exco-reward-box > div:nth-child(2) strong,
.exco-points-row strong,
.exco-points-badge,
.exco-theme-exco .exco-premium-reward .exco-points-row strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  color:#1b1202!important;
  font-weight:1000!important;
  font-size:15px!important;
  background:linear-gradient(135deg,#fff6c7 0%,#ffd54a 24%,#ffbf00 52%,#ffdf7a 78%,#fff4b0 100%)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:0 10px 26px rgba(255,191,0,.28), inset 0 2px 1px rgba(255,255,255,.65)!important;
  position:relative!important;
  overflow:hidden!important;
}
.exco-theme-exco .exco-reward-box > div:nth-child(2) strong:before,
.exco-points-row strong:before,
.exco-points-badge:before{
  content:"";
  position:absolute;
  top:0;
  left:-130%;
  width:75%;
  height:100%;
  transform:skewX(-25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:excoGoldShine 3.4s infinite;
}
@keyframes excoGoldShine{100%{left:170%;}}

/* Share section: stay inside card, premium large but controlled */
.exco-share-box.exco-share-pro,
.exco-theme-exco .exco-share-pro{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:18px 0 0!important;
  padding:14px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(3,8,20,.72),rgba(11,20,40,.7))!important;
  border:1px dashed rgba(56,189,248,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
.exco-share-box .exco-share-title{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-bottom:2px!important;
  color:#eef7ff!important;
  font-weight:1000!important;
  font-size:14px!important;
  text-align:center!important;
}
.exco-share-box.exco-share-pro a,
.exco-share-box.exco-share-pro button{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  padding:10px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:16px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
}
.exco-share-box.exco-share-pro a b,
.exco-share-box.exco-share-pro button b{
  display:inline-grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.12)!important;
  flex:0 0 auto!important;
}
.exco-share-box.exco-share-pro a:hover,
.exco-share-box.exco-share-pro button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
}

/* Selected/details layout balance */
.exco-theme-exco .exco-side-panel{min-width:0!important;}
.exco-theme-exco .exco-instruction-box{
  color:#f3f7ff!important;
  background:rgba(2,6,23,.70)!important;
  border:1px solid rgba(96,165,250,.16)!important;
  border-radius:22px!important;
  line-height:2!important;
}
.exco-theme-exco .exco-check-list li{color:#dceafe!important;}

@media(max-width:980px){
  .exco-theme-exco .exco-reward-box{grid-template-columns:1fr!important;}
  .exco-share-box.exco-share-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .exco-share-box.exco-share-pro{grid-template-columns:1fr!important;}
  .exco-share-box.exco-share-pro a,
  .exco-share-box.exco-share-pro button{min-height:48px!important;font-size:14px!important;}
}


/* =========================================================
   V5.2 Premium Polish: Icon-only sharing + Gold rewards + Rich content
   ========================================================= */
.exco-theme-exco .exco-task-card,
.exco-theme-exco .exco-selected-card,
.exco-theme-exco .exco-submit-card{
  color:#f8fbff;
}

/* Reward box: clearer professional two-column card */
.exco-theme-exco .exco-premium-reward,
.exco-theme-exco .exco-reward-box{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:stretch!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 36px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}
.exco-theme-exco .exco-money-row,
.exco-theme-exco .exco-points-row,
.exco-theme-exco .exco-reward-box>div{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  justify-items:start!important;
  gap:6px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:rgba(2,8,23,.45)!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
.exco-theme-exco .exco-money-row span,
.exco-theme-exco .exco-points-row span,
.exco-theme-exco .exco-reward-box span{
  color:#9fb0cf!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
}
.exco-theme-exco .exco-money-row strong,
.exco-theme-exco .exco-reward-box>div:first-child strong{
  color:#fff!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:1000!important;
  white-space:normal!important;
}
.exco-theme-exco .exco-points-row strong,
.exco-theme-exco .exco-reward-box>div:nth-child(2) strong{
  width:fit-content!important;
  min-width:92px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fff7c2 0%,#ffd44d 28%,#ffb800 55%,#ffe082 82%,#fff8cb 100%)!important;
  color:#1a1200!important;
  font-size:17px!important;
  font-weight:1000!important;
  box-shadow:0 12px 26px rgba(255,184,0,.34), inset 0 2px 1px rgba(255,255,255,.65)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  position:relative!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.exco-theme-exco .exco-points-row strong:before,
.exco-theme-exco .exco-reward-box>div:nth-child(2) strong:before{
  content:"";
  position:absolute;
  inset:0 auto 0 -130%;
  width:70%;
  transform:skewX(-24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:excoGoldShineV52 3.8s infinite;
}
@keyframes excoGoldShineV52{to{left:165%;}}

/* Icon-only share bar: compact, clean, never outside card */
.exco-share-box.exco-share-icons,
.exco-theme-exco .exco-share-box.exco-share-icons{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:18px 0 0!important;
  padding:12px!important;
  border-radius:20px!important;
  background:rgba(2,8,23,.38)!important;
  border:1px dashed rgba(56,189,248,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
.exco-share-box.exco-share-icons .exco-share-title{
  flex:0 0 auto!important;
  color:#dbeafe!important;
  font-size:12px!important;
  font-weight:1000!important;
  margin-inline-end:2px!important;
}
.exco-share-box.exco-share-icons a,
.exco-share-box.exco-share-icons button{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(0,0,0,.16)!important;
  cursor:pointer!important;
  text-decoration:none!important;
  transition:transform .18s ease, filter .18s ease, border-color .18s ease!important;
}
.exco-share-box.exco-share-icons a b,
.exco-share-box.exco-share-icons button b{
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  font-size:18px!important;
  line-height:1!important;
  font-style:normal!important;
}
.exco-share-box.exco-share-icons .exco-share-fb b{
  font-family:Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:1000!important;
  color:#93c5fd!important;
}
.exco-share-box.exco-share-icons a:hover,
.exco-share-box.exco-share-icons button:hover{
  transform:translateY(-3px) scale(1.04)!important;
  filter:brightness(1.12)!important;
  border-color:rgba(96,165,250,.45)!important;
}
.exco-share-box.exco-share-icons .exco-share-copy.copied{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
}
.exco-single-share .exco-share-box.exco-share-icons{
  max-width:360px!important;
  margin-inline:auto!important;
}

/* Rich text output inside dark task details */
.exco-rich-output,
.exco-theme-exco .exco-rich-output{
  color:#e8eefc!important;
  line-height:2!important;
  font-size:15px!important;
}
.exco-rich-output p{margin:0 0 12px!important;}
.exco-rich-output strong,
.exco-rich-output b{color:#fff!important;font-weight:1000!important;}
.exco-rich-output ul,
.exco-rich-output ol{margin:10px 22px 14px 0!important;padding:0!important;}
.exco-rich-output li{margin:6px 0!important;}
.exco-rich-output a{color:#7dd3fc!important;text-decoration:none!important;border-bottom:1px dashed rgba(125,211,252,.45)!important;}
.exco-rich-output mark,
.exco-rich-output .highlight{background:rgba(250,204,21,.18)!important;color:#fde68a!important;border-radius:8px!important;padding:2px 6px!important;}
.exco-theme-exco .exco-instruction-box{
  text-align:right!important;
  min-height:auto!important;
  padding:26px!important;
}
.exco-theme-exco .exco-selected-desc{
  color:#c9d5ea!important;
  margin:14px 0 18px!important;
}

/* Admin rich editor polish */
.exco-rich-field{
  margin:18px 0!important;
  padding:16px!important;
  border:1px solid #dbe5f3!important;
  border-radius:16px!important;
  background:#fbfdff!important;
}
.exco-rich-field label strong{font-size:14px!important;color:#0f172a!important;}
.exco-rich-field .description{margin:6px 0 12px!important;color:#64748b!important;}
.exco-rich-field .wp-editor-wrap{max-width:100%!important;}

@media(max-width:760px){
  .exco-theme-exco .exco-premium-reward,
  .exco-theme-exco .exco-reward-box{grid-template-columns:1fr!important;}
  .exco-share-box.exco-share-icons{gap:8px!important;padding:10px!important;}
  .exco-share-box.exco-share-icons .exco-share-title{display:none!important;}
  .exco-share-box.exco-share-icons a,
  .exco-share-box.exco-share-icons button{width:42px!important;height:42px!important;min-width:42px!important;}
}