/* =========================
   THEME: maro deschis (unificat)
  ========================= */
  .home{ margin-top:12px; display:flex; flex-direction:column; gap:12px; }

  :root{
    --tan: rgba(178,134,72,.95);
    --tan-bg: rgba(178,134,72,.18);
    --tan-br: rgba(178,134,72,.45);
    --tan-glow: rgba(178,134,72,.15);
    --tan-txt: rgba(255,236,210,.95);
  }

  /* links mici */
  .miniLink{
    color: rgba(0,212,255,.92);
    border-bottom: 1px dashed rgba(0,212,255,.35);
  }
  .miniLink:hover{ border-bottom-style: solid; }

  /* KPI */
  .kpiRow{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
  .kpi{
    display:flex; gap:8px; align-items:center;
    padding:8px 12px; border-radius:999px;
    background: rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.12);
    color: var(--muted); font-size:12px;
    white-space:nowrap;
  }
  .kpi b{ color: var(--txt); }

  /* Search */
  .searchTop{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
  .searchTop .tool{ flex: 1; min-width: 220px; }
  .searchTop .btn{
    width:auto; padding:12px 14px; border-radius:16px;
    font-size:14px; white-space:nowrap;
  }

  /* Card titles */
  .sideTitle{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:14px 16px 12px;
    border-bottom:1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.18);
  }
  .sideTitle h3{ margin:0; font-size:14px; letter-spacing:.2px; }

  .stack{ padding: 12px 14px 0; }

  .rowItem{
    border:1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.26);
    border-radius:18px;
    padding:12px;
    margin:10px 0;
    box-shadow: 0 14px 30px rgba(0,0,0,.22);
  }

  .small{ font-size:12px; color: var(--muted2); line-height:1.5; }

  /* Quick chips */
  .quick{
    display:flex; gap:10px; flex-wrap:wrap; align-items:center;
    padding:12px 16px;
    border-top:1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.14);
  }
  .chip{
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.14);
    background: rgba(0,0,0,.22);
    color: rgba(255,255,255,.86);
    font-size:12px;
    white-space:nowrap;
    text-decoration:none;
    transition: all .2s ease;
  }
  .chip:hover{
    border-color: rgba(255,255,255,.22);
    transform: translateY(-1px);
  }
  .chip .dot{
    width:10px;height:10px;border-radius:99px;
    background: rgba(255,255,255,.22);
    box-shadow: 0 0 0 4px rgba(255,255,255,.06);
  }

  /* accent hot */
  .chip.hot{ border-color: var(--tan-br); }
  .chip.hot .dot{
    background: var(--tan);
    box-shadow: 0 0 0 4px var(--tan-glow);
  }

  /* RECENT (maro) */
  .recentBadge{
    display:inline-flex; align-items:center; gap:8px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid var(--tan-br);
    background: var(--tan-bg);
    color: var(--tan-txt);
    font-size:11px;
    font-weight:900;
    letter-spacing:.2px;
    white-space:nowrap;
  }
  .recentBadge .rdot{
    width:10px;height:10px;border-radius:99px;
    background: var(--tan);
    box-shadow: 0 0 0 4px var(--tan-glow);
  }

  /* BUTON "VEZI" */
  .btnGreen{
    display:inline-flex; align-items:center; gap:8px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid var(--tan-br);
    background: var(--tan-bg);
    color: var(--tan-txt);
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
    transition: all .2s ease;
  }
  .btnGreen:hover{
    border-color: rgba(178,134,72,.65);
    box-shadow: 0 0 0 4px var(--tan-glow);
    transform: translateY(-1px);
  }
  .btnGreen .dot{
    width:10px;height:10px;border-radius:99px;
    background: var(--tan);
    box-shadow: 0 0 0 4px var(--tan-glow);
  }

  /* Headline */
  .headline{ padding:14px 16px 16px; }
  .headline h2{
    margin:0; font-size:16px; letter-spacing:.2px;
    font-weight:950; line-height:1.25;
  }
  .headline .metaLine{
    margin-top:8px;
    display:flex; flex-wrap:wrap; gap:8px;
    align-items:center;
    color: var(--muted2);
    font-size:12px;
  }
  .headline .excerpt{
    margin-top:10px;
    color: rgba(255,255,255,.86);
    font-size:13px;
    line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  /* Tag cloud */
  .tagCloud{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    padding: 12px 14px 14px;
  }

  /* BADGE sus */
  .badge{
    background: rgba(178,134,72,.22);
    border-color: rgba(178,134,72,.40);
    color: var(--tan-txt);
  }
  .badge a{
    color: var(--tan-txt);
    border-bottom-color: rgba(255,236,210,.35);
  }
  .badge b{ color: rgba(255,236,210,1); }

  /* =========================
     ✅ LISTA CATEGORII (minimalistă)
  ========================= */
  .catListWrap{ padding: 12px 14px 14px; }

  .catList{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .catRow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    padding:10px 12px;
    border-radius:14px;

    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.10);

    text-decoration:none;
    color: rgba(255,255,255,.92);

    transition: transform .12s ease, border-color .12s ease, background .12s ease, box-shadow .12s ease;
  }
  .catRow:hover{
    background: rgba(0,0,0,.26);
    border-color: rgba(255,255,255,.16);
    box-shadow: 0 0 0 4px rgba(178,134,72,.10);
    transform: translateY(-1px);
  }

  .catLeft{
    display:flex;
    align-items:center;
    gap:10px;
    min-width: 0;
  }

  .catDot{
    width:8px; height:8px; border-radius:99px;
    background: rgba(255,255,255,.24);
    box-shadow: 0 0 0 3px rgba(255,255,255,.06);
    flex: 0 0 auto;
  }

  .catName{
    font-weight:900;
    letter-spacing:.15px;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width: 100%;
  }

  .catRight{
    display:flex;
    align-items:center;
    gap:8px;
    flex: 0 0 auto;
  }

  .catCnt{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:18px;
    padding:0 7px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;

    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.88);
  }

  .catRecent{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:18px;
    padding:0 8px;
    border-radius:999px;

    background: rgba(178,134,72,.16);
    border: 1px solid rgba(178,134,72,.34);
    color: rgba(255,236,210,.98);

    font-size:10px;
    font-weight:950;
    letter-spacing:.2px;
  }
  .catRecent::before{
    content:"";
    width:7px;height:7px;border-radius:99px;
    background: rgba(178,134,72,.95);
    box-shadow: 0 0 0 3px rgba(178,134,72,.12);
  }

  /* pe mobil: rânduri și mai compacte */
  @media (max-width: 520px){
    .catRow{ padding:9px 10px; border-radius:13px; }
    .catName{ font-size:13px; }
  }