@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Kumbh+Sans:wght@400;500;600;700&display=swap');

/* ══════════════════════════════════════════
   SHARED WIDGET BASE
══════════════════════════════════════════ */
.aw-widget {
  background:    #ffffff;
  border-radius: 16px;
  border:        1px solid #dde3f0;
  box-shadow:    0 2px 16px rgba(19,30,59,.08), 0 1px 3px rgba(19,30,59,.05);
  overflow:      hidden;
  font-family:   'Kumbh Sans', 'Roboto', sans-serif;
  color:         #111827;
  display:       flex;
  flex-direction:column;
}

/* Top bar */
.aw-widget-topbar {
  background:      #131e3b;
  padding:         16px 20px;
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             12px;
}
.aw-widget-eyebrow {
  font-size:      .63rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  color:          rgba(255,255,255,.45);
  font-weight:    700;
  margin-bottom:  3px;
}
.aw-widget-title {
  font-size:   1.05rem;
  font-weight: 700;
  color:       #ffffff;
  line-height: 1.2;
}
.aw-topbar-link {
  font-size:      .72rem;
  font-weight:    700;
  color:          rgba(255,255,255,.55);
  text-decoration:none;
  white-space:    nowrap;
  flex-shrink:    0;
  transition:     color .2s;
}
.aw-topbar-link:hover { color: #fff; }

/* Status bar at bottom */
.aw-status-bar {
  padding:     10px 20px;
  font-size:   .78rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing:.02em;
}
.aw-status-green { background:#f0fdf4; color:#16a34a; border-top:1px solid #bbf7d0; }
.aw-status-amber { background:#fffbeb; color:#d97706; border-top:1px solid #fde68a; }
.aw-status-red   { background:#fef2f2; color:#dc2626; border-top:1px solid #fecaca; }
.aw-status-navy  { background:#f0f4fb; color:#131e3b; border-top:1px solid #dde3f0; }

/* Value colours */
.aw-val-navy  { color:#131e3b; }
.aw-val-gold  { color:#d97706; }
.aw-val-green { color:#16a34a; }
.aw-val-red   { color:#dc2626; }
.aw-val-amber { color:#d97706; }

/* Empty state */
.aw-empty-state {
  text-align:  center;
  color:       #9ca3af;
  font-size:   .85rem;
  padding:     24px;
  line-height: 1.6;
}

/* ════════════════════════════════
   [aw_all] GRID
════════════════════════════════ */
.aw-all-grid {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   20px;
  max-width:             980px;
  margin:                0 auto;
}
@media(max-width:700px) { .aw-all-grid { grid-template-columns:1fr; } }

/* ════════════════════════════════
   INCOME WIDGET
════════════════════════════════ */
.aw-income-body {
  display:     flex;
  align-items: center;
  gap:         20px;
  padding:     20px;
  flex-wrap:   wrap;
}

.aw-wheel-wrap {
  position:   relative;
  flex-shrink:0;
  width:      130px;
  height:     130px;
}
.aw-wheel-svg { width:100%; height:100%; }
.aw-wheel-inner {
  position:        absolute;
  inset:           0;
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  justify-content: center;
}
.aw-wheel-pct {
  font-size:   1.8rem;
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
  line-height: 1;
  letter-spacing:-.03em;
}
.aw-wheel-lbl {
  font-size:      .55rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color:          #9ca3af;
  margin-top:     3px;
}

.aw-income-stats {
  flex:           1;
  display:        flex;
  flex-direction: column;
  gap:            8px;
  min-width:      140px;
}
.aw-istat { display:flex; flex-direction:column; gap:1px; }
.aw-istat-label {
  font-size:      .63rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color:          #9ca3af;
  font-weight:    600;
}
.aw-istat-val {
  font-size:   1.05rem;
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;
}

/* ════════════════════════════════
   SALES WIDGET
════════════════════════════════ */
.aw-sales-body {
  padding:     20px;
  display:     flex;
  flex-direction:column;
  align-items: center;
  gap:         14px;
}

.aw-score-block {
  display:     flex;
  align-items: baseline;
  gap:         8px;
}
.aw-score-num {
  font-size:      4.5rem;
  font-weight:    900;
  font-family:    'Roboto', sans-serif;
  line-height:    1;
  letter-spacing: -.04em;
  transition:     color .3s;
}
.aw-score-divider {
  font-size:   2rem;
  color:       #d1d5db;
  font-weight: 300;
  line-height: 1;
}
.aw-score-goal {
  font-size:   2rem;
  color:       #9ca3af;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  line-height: 1;
}
.aw-score-label {
  font-size:   .72rem;
  color:       #9ca3af;
  font-weight: 600;
  margin-top:  -8px;
}

.aw-sales-arc-wrap {
  position: relative;
  width:    88px;
  height:   88px;
}
.aw-sales-arc-pct {
  position:  absolute;
  inset:     0;
  display:   flex;
  align-items:center;
  justify-content:center;
  font-size:   1rem;
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
}

.aw-sales-stats {
  display:               grid;
  grid-template-columns: repeat(3,1fr);
  gap:                   8px;
  width:                 100%;
  background:            #f0f4fb;
  border-radius:         10px;
  padding:               12px;
}
.aw-sstat {
  display:     flex;
  flex-direction:column;
  align-items: center;
  gap:         3px;
}
.aw-sstat-val {
  font-size:   1.2rem;
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
  line-height: 1;
}
.aw-sstat-lbl {
  font-size:   .6rem;
  color:       #9ca3af;
  font-weight: 600;
  text-transform:uppercase;
  letter-spacing:.06em;
  text-align:  center;
}

/* ════════════════════════════════
   TASKS WIDGET
════════════════════════════════ */
.aw-tasks-progress-chip {
  font-size:     .82rem;
  font-weight:   600;
  background:    rgba(255,255,255,.1);
  border:        1px solid rgba(255,255,255,.18);
  border-radius: 20px;
  padding:       4px 12px;
  white-space:   nowrap;
  flex-shrink:   0;
  color:         rgba(255,255,255,.8);
}
.aw-tasks-progress-chip strong { color:#fff; }

.aw-tasks-bar-wrap {
  display:     flex;
  align-items: center;
  gap:         10px;
  padding:     10px 20px 6px;
}
.aw-tasks-bar-track {
  flex:          1;
  height:        8px;
  background:    #e8edf5;
  border-radius: 99px;
  overflow:      hidden;
}
.aw-tasks-bar-fill {
  height:        100%;
  border-radius: 99px;
  transition:    width .5s cubic-bezier(.4,0,.2,1);
}
.aw-tasks-bar-pct {
  font-size:   .75rem;
  font-weight: 700;
  color:       #131e3b;
  min-width:   34px;
  text-align:  right;
  font-family: 'Roboto', sans-serif;
}

/* Task list */
.aw-task-list {
  list-style: none;
  padding:    4px 0 0;
  margin:     0;
  max-height: 320px;
  overflow-y: auto;
}
.aw-task-item {
  display:     flex;
  align-items: center;
  gap:         12px;
  padding:     11px 20px;
  border-bottom: 1px solid #f0f2f7;
  cursor:      pointer;
  transition:  background .15s;
  user-select: none;
}
.aw-task-item:last-child  { border-bottom:none; }
.aw-task-item:hover       { background:#f8f9ff; }
.aw-task-item.aw-task-done{ background:#fafbff; }

.aw-task-check {
  width:         22px;
  height:        22px;
  border-radius: 50%;
  border:        2px solid #d1d5db;
  flex-shrink:   0;
  display:       flex;
  align-items:   center;
  justify-content:center;
  transition:    border-color .2s, background .2s;
}
.aw-task-done .aw-task-check {
  border-color: #16a34a;
  background:   #16a34a;
}
.aw-check-tick { font-size:.68rem; color:#fff; font-weight:900; line-height:1; }

.aw-task-text {
  font-size:   .88rem;
  font-weight: 500;
  color:       #111827;
  line-height: 1.4;
  transition:  color .2s;
}
.aw-task-done .aw-task-text {
  color:           #9ca3af;
  text-decoration: line-through;
  text-decoration-color:#d1d5db;
}
.aw-task-empty {
  padding:    20px;
  text-align: center;
  color:      #9ca3af;
  font-size:  .82rem;
}

/* Add task row */
.aw-add-task-row {
  display:     flex;
  gap:         8px;
  padding:     10px 20px;
  border-top:  1px solid #f0f2f7;
  background:  #fafbff;
}
input.aw-add-task-input {
  flex:          1;
  border:        1px solid #d1d5db;
  padding:       9px 14px;
  font-family:   'Kumbh Sans','Roboto',sans-serif;
  font-size:     .85rem;
  border-radius: 8px;
  outline:       none;
  color:         #111827;
  transition:    border-color .2s, box-shadow .2s;
  background:    #fff;
}
input.aw-add-task-input:focus {
  border-color: #131e3b;
  box-shadow:   0 0 0 3px rgba(19,30,59,.1);
}
input.aw-add-task-input::placeholder { color:#c0c8d8; }
.aw-add-task-btn {
  background:    #131e3b;
  color:         #fff;
  border:        none;
  border-radius: 8px;
  padding:       9px 16px;
  font-family:   'Kumbh Sans','Roboto',sans-serif;
  font-weight:   700;
  font-size:     .82rem;
  cursor:        pointer;
  white-space:   nowrap;
  transition:    background .2s;
}
.aw-add-task-btn:hover { background:#1c2d57; }

/* ════════════════════════════════
   LEADERBOARD WIDGET
════════════════════════════════ */
.aw-my-rank-bar {
  display:         flex;
  align-items:     center;
  gap:             10px;
  padding:         10px 20px;
  background:      #f0fdf4;
  border-bottom:   1px solid #bbf7d0;
}
.aw-my-rank-bar.aw-rank-unranked {
  background:  #f0f4fb;
  border-color:#dde3f0;
  font-size:   .78rem;
  color:       #6b7280;
}
.aw-my-rank-label {
  font-size:      .62rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color:          #16a34a;
  font-weight:    700;
}
.aw-my-rank-num {
  font-size:   1.3rem;
  font-weight: 900;
  color:       #131e3b;
  font-family: 'Roboto',sans-serif;
  line-height: 1;
}
.aw-my-rank-deals {
  font-size:  .78rem;
  color:      #6b7280;
  font-weight:600;
}

.aw-lb-list { padding:6px 0; }

.aw-lb-row {
  display:     flex;
  align-items: center;
  gap:         10px;
  padding:     10px 20px;
  border-bottom:1px solid #f0f2f7;
  transition:  background .15s;
}
.aw-lb-row:last-child { border-bottom:none; }
.aw-lb-row:hover      { background:#f8f9ff; }
.aw-lb-row.aw-lb-you  { background:#f0fdf4; }

.aw-lb-medal { font-size:1.1rem; width:24px; text-align:center; flex-shrink:0; }

.aw-lb-avatar {
  width:36px; height:36px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:.82rem; font-weight:900; color:#fff;
  font-family:'Roboto',sans-serif; flex-shrink:0;
  background:#131e3b;
}
.aw-av-gold   { background:linear-gradient(135deg,#f59e0b,#d97706); }
.aw-av-silver { background:linear-gradient(135deg,#94a3b8,#64748b); }
.aw-av-bronze { background:linear-gradient(135deg,#b45309,#92400e); }

.aw-lb-info { flex:1; min-width:0; }
.aw-lb-name {
  font-size:   .88rem;
  font-weight: 700;
  color:       #131e3b;
  margin-bottom:4px;
  display:     flex;
  align-items: center;
  gap:         6px;
}
.aw-you-tag {
  font-size:     .62rem;
  background:    #dcfce7;
  color:         #16a34a;
  border-radius: 4px;
  padding:       1px 6px;
  font-weight:   700;
}
.aw-goal-tag {
  font-size:     .62rem;
  background:    #f0f4fb;
  color:         #131e3b;
  border-radius: 4px;
  padding:       1px 6px;
  font-weight:   700;
}

.aw-lb-bar-track {
  height:        5px;
  background:    #e8edf5;
  border-radius: 99px;
  overflow:      hidden;
}
.aw-lb-bar-fill {
  height:        100%;
  border-radius: 99px;
  background:    #131e3b;
  transition:    width .5s ease;
}
.aw-lb-bar-you { background:#16a34a; }

.aw-lb-deals {
  font-size:   1.1rem;
  font-weight: 900;
  color:       #131e3b;
  font-family: 'Roboto',sans-serif;
  min-width:   28px;
  text-align:  right;
  flex-shrink: 0;
}

.aw-lb-more {
  text-align:  center;
  padding:     8px;
  font-size:   .72rem;
  color:       #9ca3af;
  font-weight: 600;
}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media(max-width:480px) {
  .aw-income-body     { flex-direction:column; align-items:center; }
  .aw-wheel-wrap      { width:110px; height:110px; }
  .aw-income-stats    { width:100%; }
  .aw-score-num       { font-size:3.5rem; }
  .aw-widget-topbar   { padding:14px 16px; }
  .aw-task-item       { padding:10px 16px; }
  .aw-add-task-row    { padding:8px 16px; }
  .aw-lb-row          { padding:10px 16px; }
  .aw-my-rank-bar     { padding:8px 16px; }
  .aw-sales-body      { padding:16px; }
  .aw-income-body     { padding:16px; }
}

/* ══════════════════════════════════════
   NEW STYLES — appended v2, nothing overwritten
══════════════════════════════════════ */

/* "+ Add/Edit" topbar button — stands out clearly */
.aw-topbar-btn {
  background:    rgba(255,255,255,.18);
  border:        1px solid rgba(255,255,255,.35);
  border-radius: 7px;
  padding:       6px 14px;
  font-size:     .75rem;
  font-weight:   700;
  color:         #ffffff;
  text-decoration: none;
  white-space:   nowrap;
  transition:    background .2s, border-color .2s;
  letter-spacing:.03em;
}
.aw-topbar-btn:hover { background: rgba(255,255,255,.28); border-color: rgba(255,255,255,.5); }

/* Task text + recurring badge wrapper */
.aw-task-text-wrap {
  flex:        1;
  display:     flex;
  align-items: center;
  gap:         7px;
  flex-wrap:   wrap;
}

/* Recurring badge inside widget */
.aw-task-recurring-badge {
  font-size:     .6rem;
  font-weight:   700;
  color:         #131e3b;
  background:    #e8edf5;
  border-radius: 4px;
  padding:       2px 6px;
  white-space:   nowrap;
  flex-shrink:   0;
}

/* Trash button in widget tasks */
.aw-task-trash {
  opacity:       0.28;
  background:    none;
  border:        none;
  cursor:        pointer;
  padding:       5px;
  border-radius: 5px;
  display:       flex;
  align-items:   center;
  color:         #6b7280;
  flex-shrink:   0;
  transition:    opacity .15s, background .15s, color .15s;
}
.aw-task-item:hover .aw-task-trash { opacity: 0.65; }
.aw-task-trash:hover { opacity: 1 !important; background: #fef2f2; color: #dc2626; }

/* ── Summary badges in accordion buttons ── */
.aw-sum-badge {
  display:       inline-block;
  background:    #131e3b;
  color:         #ffffff;
  font-size:     .7rem;
  font-weight:   700;
  padding:       3px 10px;
  border-radius: 20px;
  margin-left:   8px;
  vertical-align:middle;
  letter-spacing:.03em;
  white-space:   nowrap;
}
/* ══════════════════════════════════════════════
   EMBEDDED DAILY TASKS — full theme CSS reset
   Prevents theme h2/button/input styles from
   overriding the daily tasks widget inside sidebar
══════════════════════════════════════════════ */

/* Progress chip in topbar */
.aw-tasks-progress-chip {
  font-size:     .82rem;
  font-weight:   600;
  background:    rgba(255,255,255,.12);
  border:        1px solid rgba(255,255,255,.2);
  border-radius: 20px;
  padding:       4px 12px;
  white-space:   nowrap;
  flex-shrink:   0;
}
.aw-tasks-progress-chip strong { color: #fff; }

/* Embed wrapper */
.aw-tasks-embed {
  display: block;
  width:   100%;
}

/* Strip dt-root outer spacing */
.aw-tasks-embed .dt-root,
.aw-tasks-embed #dt-root {
  padding:    0 !important;
  max-width:  100% !important;
  background: transparent !important;
  margin:     0 !important;
  font-family:'Kumbh Sans', 'Roboto', sans-serif !important;
}

/* Strip dt-card double border */
.aw-tasks-embed .dt-card {
  border-radius: 0 !important;
  box-shadow:    none !important;
  border:        none !important;
}

/* HIDE daily tasks own header — we show aw-widget-topbar instead */
.aw-tasks-embed .dt-header {
  display: none !important;
}

/* ── THEME RESET — block theme from styling daily task elements ── */

/* Fix h2 — themes often make this massive with gradients */
.aw-tasks-embed h2 {
  all:           unset !important;
  font-size:     1rem !important;
  font-weight:   700 !important;
  color:         #111827 !important;
  display:       block !important;
  line-height:   1.3 !important;
  background:    none !important;
  padding:       0 !important;
  margin:        0 !important;
  border:        none !important;
  box-shadow:    none !important;
}

/* Task list */
.aw-tasks-embed ul.dt-list {
  list-style:    none !important;
  padding:       0 !important;
  margin:        0 !important;
}

/* Task items */
.aw-tasks-embed .dt-item {
  display:        flex !important;
  align-items:    center !important;
  gap:            12px !important;
  padding:        11px 20px !important;
  border-bottom:  1px solid #f0f2f7 !important;
  cursor:         pointer !important;
  background:     #fff !important;
  transition:     background .15s !important;
  min-height:     unset !important;
  border-radius:  0 !important;
  box-shadow:     none !important;
}
.aw-tasks-embed .dt-item:hover { background: #f8f9ff !important; }
.aw-tasks-embed .dt-item.dt-done { background: #fafbff !important; }

/* Checkbox circle */
.aw-tasks-embed .dt-check {
  width:           22px !important;
  height:          22px !important;
  border-radius:   50% !important;
  border:          2px solid #d1d5db !important;
  flex-shrink:     0 !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  background:      #fff !important;
  box-shadow:      none !important;
  transition:      border-color .2s, background .2s !important;
  min-width:       unset !important;
  min-height:      unset !important;
  padding:         0 !important;
  margin:          0 !important;
}
.aw-tasks-embed .dt-item.dt-done .dt-check {
  border-color: #16a34a !important;
  background:   #16a34a !important;
}

/* Task text */
.aw-tasks-embed .dt-text {
    font-size: 12px !important; 
  font-weight: 500 !important;
  color:       #111827 !important;
  line-height: 1.4 !important;
  flex:        1 !important;
  background:  none !important;
  padding:     0 !important;
  margin:      0 !important;
}
.aw-tasks-embed .dt-item.dt-done .dt-text {
  color:           #9ca3af !important;
  text-decoration: line-through !important;
}

/* Recurring button */
.aw-tasks-embed .dt-recurring-btn {
font-size: 9px !important;
  padding:       3px 10px !important;
  border-radius: 20px !important;
  border:        1px solid #dde3f0 !important;
  background:    #f0f4fb !important;
  color:         #9ca3af !important;
  cursor:        pointer !important;
  flex-shrink:   0 !important;
  font-weight:   600 !important;
  white-space:   nowrap !important;
  box-shadow:    none !important;
  line-height:   1.5 !important;
}
.aw-tasks-embed .dt-recurring-btn.dt-recurring-on {
  background:  #131e3b !important;
  color:       #fff !important;
  border-color:#131e3b !important;
}

/* Delete trash button */
.aw-tasks-embed .dt-delete {
  background:    none !important;
  border:        none !important;
  cursor:        pointer !important;
  padding:       5px !important;
  border-radius: 5px !important;
  color:         #d1d5db !important;
  flex-shrink:   0 !important;
  box-shadow:    none !important;
  opacity:       0.4 !important;
  line-height:   1 !important;
}
.aw-tasks-embed .dt-item:hover .dt-delete { opacity: 0.8 !important; }
.aw-tasks-embed .dt-delete:hover { background:#fef2f2 !important; color:#dc2626 !important; opacity:1 !important; }

/* Add task row */
.aw-tasks-embed .dt-add-row {
  display:    flex !important;
  gap:        8px !important;
  padding:    10px 20px !important;
  background: #fafbff !important;
  border-top: 1px solid #f0f2f7 !important;
}

.aw-tasks-embed input.dt-add-input {
  flex:          1 !important;
  border:        1px solid #d1d5db !important;
  padding:       9px 14px !important;
  font-family:   'Kumbh Sans', sans-serif !important;
  font-size:     .85rem !important;
  border-radius: 8px !important;
  outline:       none !important;
  color:         #111827 !important;
  background:    #fff !important;
  box-shadow:    none !important;
  width:         auto !important;
  height:        auto !important;
  margin:        0 !important;
}

.aw-tasks-embed button.dt-add-btn {
  background:    #131e3b !important;
  color:         #fff !important;
  border:        none !important;
  border-radius: 8px !important;
  padding:       9px 16px !important;
  font-weight:   700 !important;
  font-size:     .82rem !important;
  cursor:        pointer !important;
  white-space:   nowrap !important;
  box-shadow:    none !important;
  line-height:   1.4 !important;
  height:        auto !important;
  width:         auto !important;
}
label.dt-repeat-label img {
    margin-top: 5px !important;
}
/* Repeat row */
.aw-tasks-embed .dt-repeat-row {
  padding:    6px 20px 10px !important;
  background: #fafbff !important;
  font-size:  .75rem !important;
  color:      #6b7280 !important;
}
.aw-tasks-embed .dt-repeat-label {
  display:     flex !important;
  align-items: normal !important;
  gap:         7px !important;
  cursor:      pointer !important;
  font-size:   .75rem !important;
  color:       #6b7280 !important;
  font-weight: 500 !important;
}

/* ══ Community Widget ══ */
.aw-widget--community .aw-community-stats {
    display: flex;
    gap: 1px;
    background: #dde3f0;
    border-bottom: 1px solid #f0f2f7;
}
.aw-community-stat {
    flex: 1;
    background: #f8f9ff;
    padding: 12px;
    text-align: center;
}
.aw-community-stat-val {
    display: block;
    font-size: 1.2rem;
    font-weight: 900;
    color: #131e3b;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 3px;
}
.aw-community-stat-lbl {
    font-size: .62rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #9ca3af;
    font-weight: 700;
}
.aw-community-feed {
    padding: 4px 0;
}
.aw-community-post {
    display: block;
    padding: 10px 16px;
    border-bottom: 1px solid #f0f2f7;
    text-decoration: none;
    transition: background .15s;
}
.aw-community-post:hover { background: #f8f9ff; }
.aw-community-post:last-child { border-bottom: none; }
.aw-community-post-cat {
    font-size: .65rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 3px;
}
.aw-community-post-preview {
    font-size: .85rem;
    font-weight: 600;
    color: #131e3b;
    line-height: 1.3;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.aw-community-post-meta {
    display: flex;
    gap: 10px;
    font-size: .7rem;
    color: #9ca3af;
}
.aw-community-join-btn {
    display: block;
    text-align: center;
    padding: 12px;
    background: #131e3b;
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
    border-radius: 0 0 12px 12px;
}
.aw-community-join-btn:hover {
    background: #1c2d57;
    color: #fff;
}

/* ══════════════════════════════════════
   COMMUNITY PREVIEW STRIP [aw_community_preview]
══════════════════════════════════════ */
.awcp-wrap {
    font-family: 'Kumbh Sans','Roboto',sans-serif;
    max-width: 100%;
}
.awcp-wrap * { box-sizing: border-box; }

/* Header */
.awcp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.awcp-eyebrow {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-bottom: 4px;
}
.awcp-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: #131e3b;
    margin: 0 0 8px;
    line-height: 1.2;
}
.awcp-stats {
    display: flex;
    gap: 16px;
    font-size: .82rem;
    color: #6b7280;
}
.awcp-stats strong { color: #131e3b; }

.awcp-join-btn {
    background: #131e3b;
    color: #fff;
    border-radius: 10px;
    padding: 12px 22px;
    font-weight: 700;
    font-size: .88rem;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s;
    flex-shrink: 0;
}
.awcp-join-btn:hover { background: #1c2d57; color: #fff; }

/* Grid layout */
.awcp-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}
@media(max-width:680px) {
    .awcp-grid { grid-template-columns: 1fr; }
    .awcp-side-grid { grid-template-columns: 1fr !important; }
}

.awcp-side-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media(max-width:480px) {
    .awcp-side-grid { grid-template-columns: 1fr; }
}

/* Cards */
.awcp-card {
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 14px;
    padding: 18px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: box-shadow .2s, border-color .2s, transform .15s;
    cursor: pointer;
}
.awcp-card:hover {
    box-shadow: 0 4px 20px rgba(19,30,59,.1);
    border-color: #dde3f0;
    transform: translateY(-2px);
}
.awcp-card--featured {
    border-left: 4px solid #131e3b;
}
.awcp-card-cat {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #9ca3af;
}
.awcp-card-title {
    font-size: .95rem;
    font-weight: 700;
    color: #131e3b;
    line-height: 1.3;
}
.awcp-card--featured .awcp-card-title {
    font-size: 1.1rem;
}
.awcp-card-body {
    font-size: .82rem;
    color: #6b7280;
    line-height: 1.5;
    flex: 1;
}
.awcp-card-img {
    width: 100%;
    max-height: 160px;
    object-fit: cover;
    border-radius: 8px;
    margin: 4px 0;
}
.awcp-card-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f2f7;
    flex-wrap: wrap;
}
.awcp-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.awcp-author {
    font-size: .75rem;
    font-weight: 700;
    color: #131e3b;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
}
.awcp-time {
    font-size: .7rem;
    color: #9ca3af;
    white-space: nowrap;
}
.awcp-meta-item {
    font-size: .72rem;
    color: #9ca3af;
    white-space: nowrap;
}

/* Empty state */
.awcp-empty {
    text-align: center;
    padding: 48px 24px;
    background: #f8f9ff;
    border-radius: 14px;
    margin-bottom: 16px;
}
.awcp-empty-icon { font-size: 2.5rem; margin-bottom: 12px; }
.awcp-empty strong { display: block; font-size: 1.1rem; color: #131e3b; margin-bottom: 6px; }
.awcp-empty p { color: #6b7280; font-size: .88rem; margin: 0; }

/* Footer CTA */
.awcp-footer {
    text-align: center;
    padding: 12px 0;
}
.awcp-footer-btn {
    color: #131e3b;
    font-weight: 700;
    font-size: .85rem;
    text-decoration: none;
    border: 1px solid #dde3f0;
    border-radius: 8px;
    padding: 10px 24px;
    display: inline-block;
    transition: background .15s;
}
.awcp-footer-btn:hover { background: #f0f4fb; color: #131e3b; }