/* Acasă and Contul meu. Owned by plan 4B. Layout only: the look is components.css. */
.acasa .ph { margin-bottom: 18px; }
.acasa .stats { grid-template-columns: repeat(2, 1fr); }
.acasa .icards { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 899.98px) {
  .acasa .stats { gap: 8px; }
  .acasa .icards { grid-template-columns: repeat(2, 1fr); }
}

.cont { max-width: 640px; }
.cont .pnl-b .pill { margin-top: 4px; }
.cont-done p { margin-bottom: 14px; }
/* Decision 29: the four-step bar and one line under "Parola nouă" */
.pwbar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: 12px 0 8px; }
.pwbar i { height: 5px; border-radius: 99px; background: #e9e9ee; transition: background-color .25s ease; }
.pwbar[data-n="1"] i:nth-child(-n+1), .pwbar[data-n="2"] i:nth-child(-n+2) { background: var(--danger); }
.pwbar[data-n="3"] i:nth-child(-n+3) { background: var(--warn); }
.pwbar[data-n="4"] i { background: var(--ok); }
.pwmiss { font-size: 12.5px; color: var(--muted); min-height: 18px; }
.pwmiss.done { color: var(--ok); }
@media (prefers-reduced-motion: reduce) { .pwbar i { transition: none; } }